@charset "UTF-8";
@import url("/html/front_cmm/css/reset.css");
@font-face { font-family: 'Roboto Regular'; src: url("/html/front_cmm/font/Roboto-Regular.woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Roboto Medium'; src: url("/html/front_cmm/font/Roboto-Medium.woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Roboto Bold'; src: url("/html/front_cmm/font/Roboto-Bold.woff"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Noto Sans'; src: url("/html/front_cmm/font/NotoSansCJKkr-DemiLight.woff") format("woff"), url("/html/front_cmm/font/NotoSansCJKkr-DemiLight.otf") format("opentype"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Noto Sans KR bold'; src: url("/html/front_cmm/font/NotoSans-Bold.woff") format("woff"), url("/html/front_cmm/font/NotoSans-Bold.otf") format("opentype"); font-display: block; font-style: normal; font-weight: normal; }
@font-face { font-family: 'Noto Sans KR Medium'; src: url("/html/front_cmm/font/NotoSans-Medium.woff") format("woff"), url("/html/front_cmm/font/NotoSans-Medium.otf") format("opentype"); font-style: normal; font-weight: normal; }
.hidden { position: absolute; visibility: hidden; overflow: hidden; line-height: 0; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.table-fixed { table-layout: fixed; }
.dark-1 { color: #111 !important; }
.dark-2 { color: #111 !important; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.dark-3 { color: #333 !important; }
.white-f {color:#fff !important;}
.pd-1 { padding: 27px 26px; }
.ln-dbb-in-1 > *, .ln-dbt-1 { border-top: 1px solid #aaa; }
.ln-dbb-in-1 > *:first-child { border-top: none; }
.font-n { font-family: 'Noto Sans' !important; }
.font-nm { font-family: 'Noto Sans KR Medium' !important; }
.font-nb { font-family: 'Noto Sans KR bold' !important; }
.font-r { font-family: 'Roboto Regular' !important; }
.font-rm { font-family: 'Roboto Medium' !important; }
.font-rb { font-family: 'Roboto Bold' !important; }
strong.dark { color: #000 !important; }
strong.dark-1 { color: #111 !important; }
strong.dark-3 { color: #333 !important; }
html.popup { overflow-y: hidden; }
html.popup body { position: relative; left: -8px; }
.popup-inner iframe { vertical-align: top; }
input[type="text"], input[type="search"], input[type="url"], input[type="email"], input[type="password"] { height: 34px; left: 34px; border: 1px solid #aaa; padding: 0 10px; }
.input-box.clear { clear: none !important; }
.input-box.clear input[type="text"]:focus, .input-box.clear input[type="search"]:focus, .input-box.clear input[type="url"]:focus, .input-box.clear input[type="email"]:focus, .input-box.clear input[type="password"]:focus { padding-right: 30px !important; }
.info-required, .grp-wrap { position: relative; }
.info-required > span { position: absolute; top: -35px; right: 0; }
.info-required .required:after { position: relative; top: 6px; margin: 0 5px; }
.required:after { content: ""; display: inline-block; margin-left: 2px; margin-top: 2px; width: 4px; height: 4px; border-radius: 50%; background-color: #ff0000; vertical-align: text-top; }
textarea { border: 1px solid #aaa; padding: 10px; }
.textarea { overflow-x: hidden; overflow-y: auto; resize: none; }
textarea.line-1 { min-height: 45px !important; max-height: auto !important; }
textarea.line-2 { min-height: 72px !important; max-height: auto !important; }
textarea.line-3 { min-height: 100px !important; max-height: auto !important; }
textarea.line-4 { min-height: 122px !important; max-height: auto !important; }
.textarea-box.type-full .textarea { width: 100%; }
body, input, select, textarea, button { font-family: 'Roboto Regular', 'Noto Sans', '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif; font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.05rem; }
body { min-width: 1136px; }
a:hover, a:focus { color: #008de2; text-decoration: underline; }
button:focus, *:focus {outline-color:#00ff00;}
.point-blue { color: #4c50c7 !important; }
.point-blue b, .pointB { font-weight: bold; }
.point-red { color: #c41d68 !important; }
.point-red b { font-weight: bold; }
ul[class*="bullet-type-"] { font-size: 15px; color: #666; }
ul[class*="bullet-type-"] .type-blank li:before { display: none; }
ul[class*="bullet-type-"].type-color333 { color: #333; }
ul[class*="bullet-type-"].type-color333 li strong.ft-color666 { color: #666; }
.bullet-type-none { padding-top: 7px; display: inline-block; }
.bullet-type-dot > li { position: relative; padding-left: 12px; line-height: 20px; margin-bottom: 5px; }
.bullet-type-dot > li:before { content: ''; position: absolute; width: 4px; height: 4px; top: 7px; left: 0; background-color: #666; border-radius: 50%; -ms-border-radius: 50%; }
.bullet-type-dot > li.vt-dot:before {top:13px;}
.bullet-type-dot > li:last-child { margin-bottom: 0; }
.bullet-type-dot li > .bullet-type-hypen { padding-right: 8px; }
.bullet-type-dot li > .bullet-type-hypen li { position: relative; padding-left: 10px; line-height: 20px; }
.bullet-type-dot li > .bullet-type-hypen li:before { content: ''; width: 4px; height: 1px; background-color: #666; position: absolute; left: 0; top: 10px; margin-top: -2px; }
.bullet-type-dot li.point-blue { color: #4c50c7; }
.bullet-type-dot li.point-blue:before { background-color: #4c50c7 !important; }
.bullet-type-dot.point-blue li { color: #4c50c7; font-family: 'Noto Sans'; font-size: 15px; line-height: 20px; }
.bullet-type-dot.txt-2 li { font-size: 15px; font-family: 'Noto Sans'; line-height: 20px; }
.bullet-type-dot.type-color333 > li:before { background-color: #333; }
.bullet-type-dash > li { position: relative; padding-left: 12px; }
.bullet-type-dash > li:before { content: ''; position: absolute; width: 6px; height: 1px; top: 11px; left: 0; background-color: #666; }
.bullet-type-astro > li { position: relative; padding-left: 12px; }
.bullet-type-astro > li:before { content: '\2217'; position: absolute; width: 0px; height: 0px; top: 0px; left: 0; background-color: none; }
.bullet-type-num-1 > li { position: relative; padding: 0 0 0 14px; margin-bottom: 12px; }
.bullet-type-num-1 > li:last-child { margin-bottom: 0; }
.bullet-type-num-1 > li .number { position: absolute; left: 0; top: 0; }
.bullet-type-billiad li { color: #666; }
.bullet-type-billiad li:before { content: '※'; vertical-align: baseline; margin-right: 2px; background: none; }
.bullet-type-billiad.point-blue li { color: #4c50c7; }
.bullet-type-billiad.point-blue li:before { color: #4c50c7; }
.bullet-type-billiad + .bullet-type-dot { padding-top: 10px; }
.ref sup { display: inline-block; margin-top: -10px; }
.bullet-type-dot.red-big li { line-height: 30px; }
.bullet-type-dot.red-big li:before { top: 10px; }
.bullet-type-dot.red-big .point { color: #c41d68; font-size: 20px; padding-bottom: 2px; border-bottom: 1px solid #c41d68; line-height: 1; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.bullet-type-dot.red-big-2 .point { color: #c41d68; font-size: 17px; border-bottom: 1px solid #c41d68; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='list-type'][class*="-depth"] dt { position: relative; padding-left: 12px; color: #666; }
[class*='list-type'][class*="-depth"] dt:before { content: ''; position: absolute; width: 4px; height: 4px; top: 8px; left: 0; background-color: #666; border-radius: 50%; -ms-border-radius: 50%; }
[class*='list-type'][class*="-depth"] dd { padding-left: 12px; color: #666; }
[class*='list-border'] { width: 100%; overflow: hidden; text-align: center; border: 1px solid #e5e5e5; }
[class*='list-border'] li { float: left; min-width: 50%; height: 48px; line-height: 48px; border-top: 1px solid #e5e5e5; color: #111; }
[class*='list-border'] li:nth-child(even) { border-left: 1px solid #e5e5e5; }
[class*='list-border'] li:nth-child(1), [class*='list-border'] li:nth-child(2) { border-top: none; }
[class*='list-border'].type-one li { width: 100%; float: none; }
[class*='list-border'].type-one li:nth-child(2) { border-top: 1px solid #e5e5e5; }
[class*='list-border'].type-one li:nth-child(even) { border-left: none; }
p + [class*='list-border'] { margin-top: 30px; }
[class*='list-answer'] li { margin-top: 48px; }
[class*='list-answer'] li:first-child { margin-top: 0; }
[class*='list-answer'] p { font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
[class*='list-answer'] p + .answer-con { margin-top: 30px; }
[class*='list-answer'] .answer-con { padding: 0 15px; }
[class*='list-answer'] .answer-con [class*='type-col'] { display: table; width: 100%; }
[class*='list-answer'] .answer-con [class*='type-col'] > * { display: table-cell; }
[class*='list-answer'] .answer-con [class*='type-col'][class*='-5'] { display: block; }
[class*='list-answer'] .answer-con [class*='type-col'][class*='-5']:after { content: ''; display: block; clear: both; }
[class*='list-answer'] .answer-con [class*='type-col'][class*='-5'] > * { float: left; display: block; width: 15%; }
[class*='list-answer'] .answer-con [class*='type-row'] > * { display: block; margin-bottom: 20px; margin-left: 0; }
[class*='list-answer'] .answer-con [class*='type-row'] > *:last-child { margin-bottom: 0; }
.dtb-pd-1 p, .sec.cert-guide .dtb-pd-1 p { color: #666; }
.dtb-pd-1 p.point-blue, .sec.cert-guide .dtb-pd-1 p.point-blue { margin-bottom: 10px; font-size: 20px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.dtb-pd-1 .dtc { padding: 50px; border-left: 1px solid #e5e5e5; }
.dtb-pd-1 .dtc:first-child { border-left: none; }
.sec.cert-guide p { color: #333; }
.sec > h2, .tit-2 { color: #111; }
.sec > h2 + [class*='list-answer'], .tit-2 + [class*='list-answer'] { margin-top: 25px; }
.pop-rt-li { position: relative; }
.pop-rt-li > h1 ~ dl, .pop-rt-li h2 ~ dl, .pop-rt-li h3 ~ dl, .pop-rt-li .tit-1 ~ dl, .pop-rt-li .tit-2 ~ dl, .pop-rt-li .tit-3 ~ dl { position: absolute; right: 0; bottom: -30px; }
.pop-rt-li > h1 ~ dl dt, .pop-rt-li > h1 ~ dl dd, .pop-rt-li h2 ~ dl dt, .pop-rt-li h2 ~ dl dd, .pop-rt-li h3 ~ dl dt, .pop-rt-li h3 ~ dl dd, .pop-rt-li .tit-1 ~ dl dt, .pop-rt-li .tit-1 ~ dl dd, .pop-rt-li .tit-2 ~ dl dt, .pop-rt-li .tit-2 ~ dl dd, .pop-rt-li .tit-3 ~ dl dt, .pop-rt-li .tit-3 ~ dl dd { float: left; }
.pop-rt-li > h1 ~ dl dt, .pop-rt-li h2 ~ dl dt, .pop-rt-li h3 ~ dl dt, .pop-rt-li .tit-1 ~ dl dt, .pop-rt-li .tit-2 ~ dl dt, .pop-rt-li .tit-3 ~ dl dt { padding-right: 5px; }
.pop-rt-li > h1 ~ dl dd ~ dt, .pop-rt-li h2 ~ dl dd ~ dt, .pop-rt-li h3 ~ dl dd ~ dt, .pop-rt-li .tit-1 ~ dl dd ~ dt, .pop-rt-li .tit-2 ~ dl dd ~ dt, .pop-rt-li .tit-3 ~ dl dd ~ dt { padding-left: 36px; position: relative; }
.pop-rt-li > h1 ~ dl dd ~ dt:before, .pop-rt-li h2 ~ dl dd ~ dt:before, .pop-rt-li h3 ~ dl dd ~ dt:before, .pop-rt-li .tit-1 ~ dl dd ~ dt:before, .pop-rt-li .tit-2 ~ dl dd ~ dt:before, .pop-rt-li .tit-3 ~ dl dd ~ dt:before { content: ''; position: absolute; left: 20px; top: 0; width: 1px; height: 23px; background-color: #eee; }
.btn-blue, .btn-gray, .btn-skyblue, .btn-group .btn-cf, .btn-group .btn-cancel, .btn-group .btn-del, .btn-group .btn-border { display: inline-block; color: #fff; font-size: 20px; height: 57px; line-height: 57px; border-radius: 29px; -ms-border-radius: 29px; text-align: center; padding: 0 40px; background-color: #2157bf; }
.btn-blue:hover, .btn-blue:focus { background-color: #103b8f; }
.btn-gray { background-color: #666; }
.btn-gray:hover, .btn-gray:focus { background-color: #333; }
.btn-skyblue { background-color: #218fe5; }
.btn-skyblue:hover, .btn-skyblue:focus { background-color: #0071c7; }
.btn-skyblue.type-2 { padding: 0; min-width: 120px; height: 45px; line-height: 45px; font-size: 18px; }
.btn-group { text-align: center; }
.btn-group .btn-cf:hover, .btn-group .btn-cf:focus, .btn-group .btn-cf *:hover, .btn-group .btn-cf *:focus { background-color: #103b8f; color: #fff; text-decoration: none; outline:2px solid #00ff00;}
.btn-group .btn-cancel, .btn-group .btn-del { background-color: #666; }
.btn-group .btn-cancel:hover, .btn-group .btn-cancel:focus, .btn-group .btn-del:hover, .btn-group .btn-del:focus { background-color: #333; }
.btn-group .btn-num-2 button:first-child, .btn-group .btn-num-2 a:first-child { margin-right: 12px; }
.btn-group .btn-num-3 button, .btn-group .btn-num-3 a { margin-right: 12px; }
.btn-group .btn-num-3 button:last-child, .btn-group .btn-num-3 a:last-child { margin-right: 0; }
.btn-group .btn-num-4 button, .btn-group .btn-num-4 a { margin-right: 12px; }
.btn-group .btn-num-4 button:last-child, .btn-group .btn-num-4 a:last-child { margin-right: 0; }
.btn-group .btn-num-5 button, .btn-group .btn-num-5 a { margin-right: 12px; }
.btn-group .btn-num-5 button:last-child, .btn-group .btn-num-5 a:last-child { margin-right: 0; }
.btn-group a, .btn-group button { min-width: 168px; }
.btn-group a[disabled], .btn-group button[disabled] { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; color: #999; }
.btn-group .btn-border { color: #2157bf; border: 1px solid #2157bf; background-color: #fff; }
.btn-group .btn-border:hover, .btn-group .btn-border:focus { color: #103b8f; border: 1px solid #103b8f; text-decoration: none; }
.btn-group .btn-border[disabled] { background-color: #fff !important; border-color: #bfbfbf !important; color: #999; }
.btn-group.type-small a, .btn-group.type-small button { height: 45px; line-height: 45px; min-width: 120px; padding: 0 30px; font-size: 18px; }
.btn-group.type-small a[disabled], .btn-group.type-small button[disabled] { background-color: #f4f4f4 !important; border-color: #f4f4f4 !important; color: #999; }
table + .btn-group { padding-top: 30px; }
.sec + .btn-group { padding-top: 74px; }
[class*='tab-wrap'] + .btn-group { padding-top: 74px; margin-top: 0; }
div[class*="basic-table-"] + .btn-group, *[class*="step-box-"] + .btn-group { padding-top: 20px; }
.agree-list-wrap .tit-2 { margin-bottom: 0; }
.agree-list-wrap .tit-2 + .btn-agree-tot, .agree-list-wrap .tit-2 + .total-agree-wrap { margin-top: 34px; }
.agree-list-wrap .tit-2 + .agree-list { margin-top: 10px; }
.agree-list-wrap .total-agree-wrap + .agree-list { margin-top: 15px; }
.agree-list-wrap .agree-list { border: 1px solid #e5e5e5; }
.agree-list-wrap .agree-list li { border-top: 1px solid #e5e5e5; padding: 20px 18px 20px 15px; overflow: hidden; }
.agree-list-wrap .agree-list li:first-child { border: none; }
.agree-list-wrap .agree-list li label { font-size: 18px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.agree-list-wrap .agree-list li .link-detail { float: right; color: #111; padding-right: 18px; position: relative; }
.agree-list-wrap .agree-list li .link-detail:before, .agree-list-wrap .agree-list li .link-detail:after { content: ''; display: inline-block; width: 2px; height: 7px; background-color: #333; position: absolute; right: 0; }
.agree-list-wrap .agree-list li .link-detail:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 6px; }
.agree-list-wrap .agree-list li .link-detail:after { transform: rotate(45deg); -ms-transform: rotate(45deg); top: 10px; }
.agree-list-wrap .agree-list li .link-detail:hover { color: inherit; text-decoration: none; }
.agree-list-wrap .agree-list li .link-detail:focus, .agree-list-wrap .agree-list.type-btn-r li [class*='btn-form']:focus {outline: 2px solid #00ff00; }
.agree-list-wrap .agree-list.type-btn-r li { position: relative; }
.agree-list-wrap .agree-list.type-btn-r li .txt-2 { font-size: 16px; }
.agree-list-wrap .agree-list.type-btn-r li [class*='btn-form'] { position: absolute; top: 50%; right: 18px; margin-top: -17px; }
.agree-list-wrap + .btn-group { padding-top: 40px; }
.ie .agree-list-wrap .agree-list li label:before { margin-top: -11px; }
.btn-line, .btn-func { min-width: 78px; padding: 5px  20px 3px; border-radius: 3px; font-size: 16px; }
.btn-line { border: 1px solid #aaa; color: #666; }
.btn-func { border: 1px solid #111; color: #111; }
.btn-line:hover, .btn-func:hover { border-color: #4c50c7; color: #4c50c7; }
.btn-line:disabled, .btn-func:disabled { border-color: #ccc; color: #ccc; }
[class*='btn-form'] { min-width: 78px; padding: 5px 20px 3px; border-radius: 3px; font-size: 16px; border: 1px solid #333; color: #111; background-color: #fff; }
.ie [class*='btn-form'] { padding-top: 4px; padding-bottom: 4px; }
a[class*='btn-form'] { display: inline-block; }
[class*='btn-form']:hover { border-color: #4c50c7; color: #4c50c7; text-decoration: none; }
[class*='btn-form']:disabled { border-color: #e5e5e5; color: #ccc; }
[class*='btn-form']:focus { outline: 1px solid #00ff00; }
a.btn-form-type1:focus, a.btn-form-type2:focus, a.btn-form-type3:focus, a.btn-form-type4:focus, a.btn-form-type5:focus, a.btn-form-type6:focus, .btn-form-type1 a:focus, .btn-form-type2 a:focus, .btn-form-type3 a:focus, .btn-form-type4 a:focus, .btn-form-type5 a:focus, .btn-form-type6 a:focus { text-decoration: inherit; color: inherit; border:2px solid #222;}
.btn-form-type2 { border: 1px solid #999; color: #333; }
.btn-form-type3 { border: 1px solid #aaa; color: #666; }
.btn-form-type3:hover { border: 1px solid #111; color: #111; }
.btn-form-type3:disabled { border-color: #767676; color: #767676; cursor:auto;}
.btn-form-type4, .btn-form-type8 { border: 1px solid #218fe5; background-color: #218fe5; color: #fff; }
.btn-form-type4:hover, .btn-form-type8:hover { border: 1px solid #218fe5; background-color: #218fe5; color: #fff; }
.btn-form-type4:focus, .btn-form-type8:focus {outline:3px dotted #999;}
.btn-form-type5, .btn-form-type6 { position: relative; padding-left: 40px; }
a.btn-form-type5, a.btn-form-type6 { padding-left: 40px; }
.btn-form-type5:before, .btn-form-type6:before { content: ''; display: block; position: absolute; top: 9px; left: 17px; width: 15px; height: 15px; background: url(/html/ics/images/common/cmm-splite.png) -88px -276px no-repeat; }
.btn-form-type5 { border: 1px solid #999; color: #333; }
.btn-form-type5:hover { border: 1px solid #999; color: #333; text-decoration: none; }
.btn-form-type6 { border: 1px solid #aaa; color: #666; }
.btn-form-type6:hover { border: 1px solid #aaa; color: #666; text-decoration: none; }
.btn-form-type5:disabled, .btn-form-type6:disabled { border-color: #e5e5e5; color: #ccc; }
.btn-form-type5:disabled:before, .btn-form-type6:disabled:before { opacity: 0.3; }
.btn-form-type7 { border: 1px solid #666666; background-color: #666666; color: #fff; }
.btn-form-type7:hover { border: 1px solid #666666; background-color: #666666; color: #fff; }
.btn-form-type8 {min-width:143px;}
div[class*="basic-table-"] > table .btn-form-type5:hover, .agree-list .btn-form-type5:hover { border-color: #4c50c7; color: #4c50c7; text-decoration: none; }
div[class*="basic-table-"] > table .btn-form-type5:disabled, div[class*="basic-table-"] > table .btn-form-type6:disabled { border-color: #e5e5e5; color: #ccc; }
div[class*="basic-table-"] > table .btn-form-type5:disabled:before, div[class*="basic-table-"] > table .btn-form-type6:disabled:before { opacity: 0.3; }
[class*='btn-arrow'] { position: relative; padding-right: 17px; font-size: 16px; color: #111; }
[class*='btn-arrow']:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 9px; height: 9px; margin-top: -5px; border: 2px solid #111; border-top: 0; border-left: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.link { color: #008de2; border-bottom: 1px solid #008de2; }
.link:hover, .link:focus { text-decoration: none; }
.link.tit-3 { font-size: 24px; color: #008de2 !important; }
.btn-checkbox { position: relative; }
.btn-checkbox input { position: absolute; left: -9999px; }
.btn-checkbox input + span { display: inline-block; width: 24px; height: 24px; cursor: pointer; /*background: url(/html/ics/images/common/cmm-splite.png) -377px -276px no-repeat;*/border:1px solid #444; border-radius:24px; text-indent: -9999px; }
.btn-checkbox input + label { display: inline-block; position: relative; padding: 0 0 0 32px; cursor: pointer; font-size: 16px; color: #333; }
.btn-checkbox input + label:focus { outline: 1; }
.btn-checkbox input + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -13px; width: 24px; height: 24px; /*background: url(/html/ics/images/common/cmm-splite.png) -378px -276px no-repeat;*/ border:1px solid #444; border-radius:24px;}
.btn-checkbox input:checked + span, .btn-checkbox input:checked + label:before { background: url(/html/ics/images/common/cmm-splite.png) -377px -300px no-repeat;/* background-position-y: -300px;*/ }
.btn-checkbox input:focus + span, .btn-checkbox input:focus + label { outline: 2px solid #00ff00; }
.btn-checkbox input:disabled + span, .btn-checkbox input:disabled + label:before { background-position-y: -324px; }
.btn-checkbox input:checked:disabled + span, .btn-checkbox input:checked:disabled + label:before { background-position-y: -348px; }
.btn-checkbox.type-big label { font-size: 24px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.btn-checkbox.type-big label:before { margin-top: -12px; }
.btn-checkbox.type-middle label { font-size: 18px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
input[type="checkbox"] { /*&:disabled + span, &:disabled + label:before{ background-position-y:-324px; } &:checked:disabled + span, &:checked:disabled + label:before{ background-position-y:-348px; }*/ }
input[type="checkbox"] ~ .security .btn-checkbox label { display: inline-block; position: relative; padding: 0 0 0 32px; cursor: pointer; font-size: 16px; color: #333; }
input[type="checkbox"] ~ .security .btn-checkbox label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -13px; width: 24px; height: 24px; /*background: url(/html/ics/images/common/cmm-splite.png) -377px -276px no-repeat;*/border:1px solid #444; border-radius:24px; }
input[type="checkbox"]:checked ~ .security .btn-checkbox label:before {background: url(/html/ics/images/common/cmm-splite.png) -377px -300px no-repeat; /*background-position-y: -300px;*/ }
input[type="checkbox"]:focus ~ .security .btn-checkbox label { outline: 2px solid #00ff00; }
.check-group > div { display: table; table-layout: fixed; width: 100%; }
.check-group .btn-checkbox { display: table-cell; width: 25%; height: 44px; padding: 10px; vertical-align: middle; }
.check-group.type-fix { display: table; width: 100%; table-layout: fixed; }
.check-group.type-fix > div { display: table-row; }
.check-group.type-fix .btn-checkbox { vertical-align: top; }
.check-group.type-fix .btn-checkbox input + label:before { top: 0; margin-top: 0; }
.check-group.type2 .btn-checkbox { display: inline-block; padding: 0; width: auto; height: auto; }
.check-group.type2 .btn-checkbox + .btn-checkbox { margin-left: 60px; }
.check-group.type2 div + div { margin-top: 10px; }
td.col-split-1 .check-group.type2 .btn-checkbox { min-width: 90px; }
td.col-split-1 .btn-radio-group .btn-radio { min-width: 90px; }
.btn-checkbox-group .btn-checkbox + .btn-checkbox { margin-left: 57px; }
.btn-checkbox-group .btn-checkbox input + label { font-size: 16px; }
.btn-checkbox-group .btn-checkbox .totChk + label { font-size: 16px; }
.btn-radio { position: relative; display: inline-block; }
.btn-radio input { position: absolute; left: -9999px; }
.btn-radio input + span { display: inline-block; width: 24px; height: 24px; cursor: pointer; /*background: url(/html/ics/images/common/cmm-splite.png) -407px -276px no-repeat;*/ text-indent: -9999px; font-size: 16px; color: #333; border:1px solid #444; border-radius:24px;}
.btn-radio input + label { display: inline-block; padding: 0 0 0 32px; cursor: pointer; font-size: 16px; color: #333; }
.btn-radio input + label:focus { outline: 1; }
.btn-radio input + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -13px; width: 24px; height: 24px; /*background: url(/html/ics/images/common/cmm-splite.png) -407px -276px no-repeat;*/ border:1px solid #444;  border-radius:24px;}
.btn-radio input:checked + span, .btn-radio input:checked + label:before { /*background-position-y: -300px;*/ background: url(/html/ics/images/common/cmm-splite.png) -407px -300px no-repeat; border:0;}
.btn-radio input:disabled + span, .btn-radio input:disabled + label:before { /* background-position-y: -324px; */ border:1px solid #a9a9a9;}
.btn-radio input:disabled + label {color:#a9a9a9;}
.btn-radio input:checked:disabled + span, .btn-radio input:checked:disabled + label:before { background-position-y: -348px; border:0;}
.btn-radio input:focus + span, .btn-radio input:focus + label { outline: 2px solid #00ff00; }
.btn-radio + .btn-radio { margin-left: 57px; }
.btn-radio.type-big label { font-size: 24px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.btn-radio.type-big label:before { margin-top: -12px; }
td .input-btn-group-1 { margin-left: -57px; }
td .input-btn-group-1 .btn-radio { min-width: 174px; margin-left: 57px; padding: 4px 0; }
td .btn-radio input + label { position: relative; }
.btn-radio-group.type-center { text-align: center; }
.btn-radio-group.type-center p { margin-bottom: 13px; color: #666; }
.btn-radio-group.type-center p:last-child { margin-bottom: 0; }
.btn-radio-group.type-center .btn-radio + .btn-radio { margin-left: 100px; }
.btn-radio-group.type-center .btn-radio + p { margin-top: 13px; }
.btn-radio-group.apply { padding-top: 12px; }
.btn-radio-group.apply .tit { padding-right: 60px; }
.td-rd-group-1 .btn-radio + .btn-radio { margin-left: 20px; white-space: nowrap; }
.input-btn-group-1 { margin-left: -57px; }
.input-btn-group-1 .btn-radio { float: left; padding-top: 5px; margin-left: 57px; }
.input-btn-group-1 .btn-radio label:before { margin-top: -11px; }
.input-btn-group-1:after { content: ''; display: block; clear: both; }
span[class*="select-box"] > span:after { position: absolute; right: 10px; top: 8px; content: ''; width: 10px; height: 10px; border: 2px solid #aaa; border-left: none; border-top: none; transform: rotate(45deg); -ms-transform: rotate(45deg); }
td span.select-box.acc { min-width: 246px !important; }
span[class*="select-box"] { position: relative; display: inline-block; max-width: 800px; height: 34px; border: 1px solid #aaa; background-color: #fff; }
span[class*="select-box"] > span { position: relative; display: inline-block; width: 100%; height: 100%; line-height: 34px; padding: 0 40px 0 10px; text-align: left !important; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
span[class*="select-box"] select { opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; right: 0; z-index: 1; }
span[class*="select-box"] select:focus + span { outline: 2px solid #00ff00; }
span[class*="select-box"] select:disabled + span { background-color: #f4f4f4; color: #505050; }
span[class*="select-box"].type-full { width: 100% !important; min-width: auto !important; }
span[class*="select-box"].type-2 { width: 138px; }
span[class*="select-box"].type-3 { width: 380px; }
span[class*="select-box"].type-4 { width: 365px; }
span[class*="select-box"].type-5 { width: 290px; }
span[class*="select-box"].type-wide6 { width: 210px !important; }
span[class*="select-box"].type-wide-short { width: 90px; }
.ie span[class*="select-box"] > span { line-height: 31px; color: #333; }
.ie .search-box span[class*="select-box"] > span { color: #fff; }
.ie .main-bottom-sch-wrap .search-box span[class*="select-box"] > span { color: #111; }
.bd-box { border: 1px solid #e5e5e5; }
.bd-box.bdt-dark { border-top: 2px solid #555; }
.bd-box.account { text-align: center; padding: 24px 20px; }
.bd-box.account label, .bd-box.account .amount { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-right: 20px; }
.bd-box.account .select-box, .bd-box.account .input-box { width: 375px; vertical-align: middle; }
.bd-box.account .combo-form { vertical-align: middle; }
.bd-box.account.remit { padding: 16px 20px; }
.bd-box.account.remit dl { overflow: hidden; padding: 5px 0; line-height: 34px; }
.bd-box.account.remit dt { width: 36%; float: left; text-align: right; padding: 0 20px; margin-right: 0 !important; }
.bd-box.account.remit dt label { margin-right: 0 !important; }
.bd-box.account.remit dd { width: 375px; float: left; text-align: left; }
.bd-box.account.remit dd strong { font-size: 28px; font-family: 'Roboto Bold'; letter-spacing: -0.05em; }
.bd-box.detail-info-1 { padding: 25px; }
.bd-box.detail-info-1 .dtc { width: 25%; }
.bd-box.detail-info-1 .dtc dt { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; padding-bottom: 5px; }
.bd-box.box-list-1 > * { padding: 0 10px; }
.bd-box.box-list-1 > * > * { padding: 29px 30px; text-align: center; }
.bd-box.pd { padding: 18px 20px; }
.bd-box.content { padding: 18px 25px; text-align: left; }
.bd-box.content table th { font-size: 18px; color: #111; line-height: 33px; }
.bd-box.content table td { font-size: 16px; color: #666; line-height: 27px; }
.bd-box.content-2 { padding: 30px; border-top: none; }
.dtb { display: table; width: 100%; }
.dtb .dtc { display: table-cell; }
.dtb .dtc.n2 { width: 50%; }
.dtb .dtc.n3 { width: 33%; }
.dtb .dtc.n4 { width: 25%; }
.dtb .dtc.n5 { width: 50%; }
.dtb .dtr { display: table-row; }
.dtb[class*="split-2"] label { color: #111; font-weight: bold; padding-bottom: 5px; display: inline-block; }
.dtb[class*="split-2"] .dtc { width: 50%; position: relative; }
.dtb[class*="split-2"] .dtc:first-child { padding-right: 30px; }
.dtb[class*="split-2"] .dtc:first-child ~ .dtc { padding-left: 30px; }
.dtb[class*="split-2"] .dtc:first-child ~ .dtc:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #e5e5e5; }
.dtb.split-2-1 { table-layout: fixed; }
.dtb.split-2-1 .dtc:first-child { width: 292px; }
.dtb.split-2-1 .dtc:first-child ~ .dtc { width: auto; }
.dtb.split-2-1 .dtc:first-child ~ .dtc:before { height: 66px; }
.dtb.split-2-1 .dtc .select-box { min-width: 100% !important; }
.dtb.split-1-2 { table-layout: fixed; }
.dtb.split-1-2 label { color: #111; font-weight: bold; padding-bottom: 5px; display: inline-block; }
.dtb.split-1-2 .dtc { position: relative; }
.dtb.split-1-2 .dtc:first-child { width: auto; padding-right: 30px; }
.dtb.split-1-2 .dtc:last-child { width: 242px; padding-left: 30px; }
.dtb.split-1-2 .dtc:last-child:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 66px; background-color: #e5e5e5; }
.dtb.split-1-2 .dtc .select-box { width: 49%; }
.dtb.split-1-2 .dtc .select-box + .select-box { margin-left: 2%; }
.dtb.split-center-1 .dtc { vertical-align: middle; }
.dtb.split-center-1 .dtc:nth-child(odd) { text-align: left; padding-left: 157px; }
.dtb.split-center-1 .dtc:nth-child(even) { text-align: right; padding-right: 157px; }
.dtb.split-center-1.security-wrap .dtc { padding-right: 60px; }
.dtb.split-3 { text-align: left; }
.dtb.split-3 .dtc:first-child { width: 30% !important; margin-right: 50px; }
.dtb.split-3 .dtc:nth-child(2) { width: 50% !important; }
.dtb.split-3 .combo-form.type-168 .input-box { width: 168px; }
.dtb.split-3.security-wrap .dtc:nth-child(2) { width: 630px !important; }
.dtb .dtc.width-60 { width: 64%; }
.dtb .dtc.width-40 { width: 36%; }
.security { position: relative; top: 6px; }
.security-wrap .security { position: relative; top: 5px; margin-left: 6px; }
.period .hypen { padding: 0 4px; }
.period span[class*="input-box"] { min-width: auto !important; width: 121px; }
[class*="input-box"] { position: relative; display: inline-block; }
[class*="input-box"] .input { padding: 0 12px; border: 1px solid #aaa; color: #333; }
[class*="input-box"] .input::placeholder { color: #505050; }
[class*="input-box"] .input::-webkit-input-placeholder { color: #505050; }
[class*="input-box"] .input:-ms-input-placeholder { color: #505050; }
[class*="input-box"] .input.placeholder { color: #505050; }
[class*="input-box"] .input:focus {border-color:#333;}
[class*="input-box"] .input.readonly, [class*="input-box"] .input:disabled { background-color: #f4f4f4; color: #505050; }
[class*="input-box"] input::-ms-clear { display: none; }
[class*="input-box"] .btn-clear { display: none; position: absolute; top: 0; right: 0; width: 35px; height: 100%; color: transparent; font-size: 11px; background: url(/html/ics/images/common/cmm-splite.png) -175px -90px no-repeat; background-size:800px;/*background: url(/html/ics/images/common/cmm-splite.png) -128px -45px no-repeat;*/}
[class*="input-box"].clear .btn-clear { display: block; }
[class*="input-box"].type-basic { width: 200px !important; }
[class*="input-box"].type-basic2 { width: 176px !important; }
[class*="input-box"].type-basic3 { width: 247px !important; }
[class*="input-box"].type-basic4 { width: 276px !important; }
[class*="input-box"].type-wide { width: 324px !important; }
[class*="input-box"].type-wide2 { width: 379px !important; }
[class*="input-box"].type-wide3 { width: 268px !important; }
[class*="input-box"].type-wide4 { width: 229px !important; }
[class*="input-box"].type-wide5 { width: 316px !important; }
[class*="input-box"].type-wide6 { width: 210px !important; }
[class*="input-box"].type-full { width: 100% !important; min-width: auto !important; }
[class*="input-box"].type-short { width: 90px; }
[class*="input-box"].type-short2 { width: 138px !important; }
[class*="input-box"].type-short2 label { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
[class*="input-box"].type-file-add-1 .btn-form-type4 { padding: 0; display: inline-block; }
[class*="input-box"].type-file-add-1 .btn-form-type4 .btn-txt { display: inline-block; padding: 5px 20px 3px; }
[class*="input-box"].type-file-add-1 .btn-form-type4 input[type="file"] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
[class*="input-box"].type-file-add-1 .btn-form-type4 input[type="file"]:focus + .btn-txt { outline: 2px solid #eec779; outline-offset: 1px; }
.file-link-list { margin-left: -25px; margin-bottom: -8px; overflow: hidden; }
.file-link-list li { float: left; padding-left: 25px; padding-bottom: 8px; }
.file-link-list li .del_file { display: inline-block; width: 26px; height: 26px; text-indent: -9999px; margin-left: 5px; background: url(/html/ics/images/common/cmm-splite.png) -182px -94px no-repeat; }
[class*='combo-form']:after { content: ''; display: block; clear: both; }
[class*='combo-form'] > * { float: left; }
[class*='combo-form'] > span + span { margin-left: 8px; }
[class*='combo-form'] > span + .btn-box { margin-left: 12px; }
[class*='combo-form'] .type-short + .unit { margin-left: 60px; }
[class*='combo-form'] .unit { line-height: 34px; }
[class*='combo-form'] .unit + span { margin-left: 15px; }
[class*='combo-form'] > span + em { position: relative; display: block; width: 15px; color: transparent; }
[class*='combo-form'] > span + em:after { content: ''; display: block; position: absolute; top: 17px; left: 5px; width: 5px; height: 1px; background-color: #aaa; }
[class*='combo-form'] [class*='select-box'] { min-width: 138px !important; }
[class*='combo-form'] [class*='select-box'].type-wide4 { width: 229px !important; }
[class*='combo-form'] [class*='select-box'] + [class*='input-box'] { width: 274px; }
[class*='combo-form'] [class*='input-box']:first-child { min-width: auto !important; width: 158px; }
[class*='combo-form'].type-col [class*='input-box'], [class*='combo-form'].type-col [class*='select-box'] { min-width: auto !important; width: 130px !important; }
[class*='combo-form'].type-col.type2 label { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
[class*='combo-form'].type-col.type2 .input-box { width: 100px !important; }
[class*='combo-form'].type-col.type2 .input-box.clear label ~ .btn-clear { right: 20px; }
[class*='combo-form'].type-col [class*='input-box'].w36 { width: 36px !important; }
[class*='combo-form'].type-col [class*='input-box'].w36 + span { line-height: 34px; }
[class*='combo-form'].type-col-short [class*='input-box'], [class*='combo-form'].type-col-short [class*='select-box'] { min-width: auto !important; width: 80px !important; }
[class*='combo-form'].type-col-short [class*='input-box'].phone-area-num, [class*='combo-form'].type-col-short [class*='select-box'].phone-area-num { width: 95px !important; }
[class*='combo-form'].type-count .input-box { min-width: auto !important; width: 291px !important; }
[class*='combo-form'].type-count .input-box.clear .input:focus ~ .count-time { right: 20px !important; }
[class*='combo-form'].type-count .input { padding-right: 50px; }
[class*='combo-form'].type-count .count-time { position: absolute; top: 0; right: 0; padding: 0 13px; font-size: 16px; color: #c41d68; line-height: 36px; }
[class*='combo-form'].type-date [class*="select-box"] { min-width: 116px; }
[class*='combo-form'].type-date [class*="select-box"] > span { text-align: right !important; }
[class*='combo-form'].type-date2 [class*='input-box'] { width: 100px; }
[class*='combo-form'].type-date2 [class*='input-box']:first-child { width: 100px !important; }
[class*='combo-form'].type-date2 [class*='input-box'] label { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
[class*='combo-form'].type-date2 [class*='input-box'] .btn-clear { right: 20px; }
[class*='combo-form'].type-date3[class*='combo-form'] [class*="select-box"] { min-width: 100px !important; }
[class*='combo-form'].type-date3[class*='combo-form'] .unit { margin-left: 5px; }
[class*='combo-form'].type-date3[class*='combo-form'] .unit + span { margin-left: 28px; }
[class*='combo-form'].type-email [class*='input-box'] { min-width: auto !important; width: 112px; }
[class*='combo-form'].type-email [class*='input-box']:first-child { width: 100px; }
[class*='combo-form'].type-email em { color: #707070; font-style: normal; line-height: 34px; padding: 0 5px; width: auto; }
[class*='combo-form'].type-email em:after { display: none; }
[class*='combo-form'].type-email [class*="select-box"] { width: 118px !important; }
[class*='combo-form'].type-all { min-width: 225px; }
[class*='combo-form'].type-all [class*='btn-form'] { padding: 5px 15px 3px; width: 60px; min-width: auto; }
[class*='combo-form'].type-all [class*='btn-form']:focus{outline:2px solid #111;}
[class*='combo-form'].type-all .btn-box + .input-box { margin-left: 12px; }
[class*='combo-form'].type-all .input-box { width: 68%; min-width: 126px; }
[class*='combo-form'].type-split { display: flex; }
[class*='combo-form'].type-split > span, [class*='combo-form'].type-split [class*='input-box'], [class*='combo-form'].type-split [class*='select-box'] { min-width: auto !important; width: 48% !important; }
[class*='combo-form'].type-split > span + span, [class*='combo-form'].type-split [class*='input-box'] + span, [class*='combo-form'].type-split [class*='select-box'] + span { margin-left: auto; }
span[class*='combo-form'] { display: inline-block; }
.ie [class*='combo-form'].type-all [class*='btn-form'] { padding: 4px 10px 5px; }
[class*='search-form'] { padding: 20px 0; border: 2px solid #e5e5e5; text-align: center; }
[class*='search-form'] > .combo-form { display: inline-block; margin-bottom: -5px; }
[class*='search-form'] > .combo-form [class*='select-box'] { width: 118px !important; }
[class*='search-form'] > .combo-form [class*='select-box'].type-basic { width: 200px !important; }
[class*='search-form'] > .combo-form [class*='select-box'].type-basic2 { width: auto !important; min-width: 200px !important; }
[class*='search-form'] > .combo-form [class*="input-box"] { width: 438px; margin-left: 9px; }
[class*='search-form'] > .combo-form .btn-box { margin-left: 11px; }
[class*='search-form'].type-side { position: relative; padding: 15px 164px 21px 30px; overflow: hidden; }
[class*='search-form'].type-side .sch-area-check { text-align: left; }
[class*='search-form'].type-side .sch-area-check > label { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; display: block; margin-bottom: 8px; }
[class*='search-form'].type-side .sch-area { text-align: left; }
[class*='search-form'].type-side .sch-area label { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; display: block; margin-bottom: 8px; }
[class*='search-form'].type-side .btn-area { position: absolute; top: 50%; right: 20px; margin-top: -30px; }
[class*='search-form'].type-side .btn-area button { width: 111px; height: 61px; font-size: 20px; }
[class*='search-form'].type-side .dtb.split-2-1 .dtc:last-child dd .select-box { max-width: 150px; }
[class*='search-form'].type-product { padding: 20px 40px; text-align: left; }
[class*='search-form'].type-product > .combo-form { width: 100%; overflow: hidden; }
[class*='search-form'].type-product > .combo-form [class*="input-box"] { margin-left: 0; }
[class*='search-form'].type-product > .combo-form span { float: left; }
[class*='search-form'].type-product > .combo-form span:last-child { float: right; }
[class*='search-form'].type-product > .combo-form span.example { display: inline-block; height: 34px; line-height: 34px; }
[class*='search-form'].type-product > .combo-form .select-box + .unit { margin-left: 50px; }
[class*='search-form'].type-product > .combo-form .unit { color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='search-form'] + div[class*="basic-table-"] { margin-top: 40px; }
div[class*="basic-table-"] .tit-2 + .txt-1 { margin-bottom: 13px; }
div[class*="basic-table-"] > .txt-2 { margin-bottom: 9px; }
.table-footer-result { overflow: hidden; text-align: center; padding: 34px 0 0; height: 90px; color: #111; }
.table-footer-result dt, .table-footer-result dd { display: inline-block; vertical-align: middle; line-height: 1; }
.table-footer-result dt { margin-right: 8px; color: #666; }
.table-footer-result dt:first-child ~ dt { position: relative; padding-left: 20px; margin-left: 20px; }
.table-footer-result dt:first-child ~ dt:after { content: ''; width: 1px; height: 40px; position: absolute; left: 0; bottom: -8px; background-color: #aaa; transform: rotate(25deg); }
.table-footer-result dd { font-size: 36px; font-family: "Roboto Medium"; }
.table-footer-result dd .unit { display: inline-block; margin-left: 5px; color: #666; font-size: 16px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; line-height: 36px; vertical-align: text-bottom; }
.txt-unit { position: relative; }
.txt-unit span { position: absolute; right: 0; bottom: 5px; }
.unitInfo { text-align: right; }
div[class*="basic-table-"] { position: relative; }
div[class*="basic-table-"]:after { content: ''; width: 100%; position: absolute; height: 1px; background-color: #aaa; left: 0; bottom: 0; }
div[class*="basic-table-"] table th { color: #111; }
div[class*="basic-table-"] table thead th { white-space: nowrap; }
div[class*="basic-table-"] table tfoot th, div[class*="basic-table-"] table tfoot td { background: #f5f5fd; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding: 18px 15px; border-top: 1px solid #e5e5e5; }
div[class*="basic-table-"] > table { border-top: 2px solid #555; }
div[class*="basic-table-"] > table th, div[class*="basic-table-"] > table td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 14px; height: 53px; } /* 2020-11-02 padding값 수정 padding:14px 15px -> padding:14px; */
div[class*="basic-table-"] > table:last-child tbody tr:last-child th, div[class*="basic-table-"] > table:last-child tbody tr:last-child td, div[class*="basic-table-"] > table:last-child tfoot tr:last-child th, div[class*="basic-table-"] > table:last-child tfoot tr:last-child td { border-bottom: none; }
div[class*="basic-table-"] > table th { background-color: #f4f4f4; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-weight: normal; padding: 14px 10px; color: #111; }
div[class*="basic-table-"] > table td { text-align: left; /*&.ta-r{ white-space:nowrap; }*/ color: #333; }
div[class*="basic-table-"] > table td .desc { margin-left: 5px; }
div[class*="basic-table-"] > table th:first-child, div[class*="basic-table-"] > table td:first-child { border-left: none; }
div[class*="basic-table-"] > table th[rowspan], div[class*="basic-table-"] > table td[rowspan] { border-right: 1px solid #e5e5e5; }
div[class*="basic-table-"] > table th[rowspan]:last-child, div[class*="basic-table-"] > table td[rowspan]:last-child { border-right: none !important; }
div[class*="basic-table-"] > table tr.disabled th, div[class*="basic-table-"] > table tr.disabled td { color: #999; }
div[class*="basic-table-"] > table.type-twice tbody th { background-color: #fafafa; }
div[class*="basic-table-"] > table.type-two-c tbody tr:nth-child(even) { background-color: #f8f7f4; }
div[class*="basic-table-"] > table.type-info-sel { position: relative; }
div[class*="basic-table-"] > table.type-info-sel:after { content: ''; display: block; position: absolute; top: -1px; right: 0; bottom: -1px; width: 16.67%; border: 2px solid #2157bf; }
div[class*="basic-table-"] > table.type-info-sel.sel1:after { left: 16.7%; right: auto; }
div[class*="basic-table-"] > table.type-info-sel.sel2:after { left: 33.37%; right: auto; }
div[class*="basic-table-"] > table.type-info-sel.sel3:after { left: 50.01%; right: auto; }
div[class*="basic-table-"] > table.type-info-sel.sel4:after { left: 66.68%; right: auto; }
div[class*="basic-table-"] > table.type-info-sel.sel5:after { left: auto; right: 0; }
div[class*="basic-table-"] + div[class*="basic-table-"] { margin-top: 20px; }
div[class*="basic-table-"] + .bd-box { margin-top: 20px; }
div[class*="basic-table-"] > [class*='tit'] + .table-top-btn { padding-top: 0; }
div[class*="basic-table-"] .table-center th, div[class*="basic-table-"] .table-center td { text-align: center; }
div[class*="basic-table-"] .table-left td { text-align: left; }
div[class*="basic-table-"] table thead ~ tbody td { text-align: center; }
div[class*="basic-table-"] table.selected-fund tr.selected { background: #fdfdf5; }
div[class*="basic-table-"] td.subject .ellipsis { width: 240px; }
div[class*="basic-table-"] tr.content th { padding-top: 60px; vertical-align: top; }
div[class*="basic-table-"] tr.content td { height: 250px; vertical-align: top; }
div + .tbl, p + .tbl, dl + .tbl, ul + .tbl { padding-top: 40px; }
.tbl { position: relative; }
.tbl ~ .tbl { padding-top: 40px; }
.tbl .r { text-align: right; }
.tbl > * + ul { padding-top: 40px; }
.tbl > ul { position: relative; }
.tbl > ul > li:first-child { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-bottom: 10px; font-size: 28px; color: #111; }
.tbl > ul > li:first-child ~ li.pd_dis.r { position: absolute; bottom: -8px; right: 0; }
.tbl > ul { padding-top: 0; }
.tbl > ul > li.toop2.r { font-size: 16px; color: #666; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-top: 0; margin-bottom: 2px; text-align: right; }
.tbl .tit-2 + .unitInfo { margin-top: -30px; padding-bottom: 4px; }
.tbl .tit-2 + ul { padding-top: 0; }
.tbl .tit-2 + ul > li.toop2.r { font-size: 16px; color: #666; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-top: 0; margin-bottom: 2px; margin-top: -30px; text-align: right; }
.tbl .pad_t20 { padding-top: 20px; }
.tbl .pad_t15 { padding-top: 15px; }
.vertical_table { position: relative; }
.vertical_table:after { content: ''; width: 100%; position: absolute; height: 1px; background-color: #aaa; left: 0; bottom: 0; }
.vertical_table table th { color: #111; }
.vertical_table table thead th { white-space: nowrap; }
.vertical_table table tfoot th, .vertical_table table tfoot td { background: #f5f5fd; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding: 18px 15px; border-top: 1px solid #e5e5e5; }
.vertical_table > table { border-top: 2px solid #555; }
.vertical_table > table th, .vertical_table > table td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 14px 15px; height: 53px; }
.vertical_table > table:last-child tbody tr:last-child th, .vertical_table > table:last-child tbody tr:last-child td, .vertical_table > table:last-child tfoot tr:last-child th, .vertical_table > table:last-child tfoot tr:last-child td { border-bottom: none; }
.vertical_table > table th { background-color: #f4f4f4; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-weight: normal; padding: 14px 10px; color: #111; }
.vertical_table > table td { text-align: left; /*&.ta-r{ white-space:nowrap; }*/ color: #333; }
.vertical_table > table td .desc { margin-left: 5px; }
.vertical_table > table th:first-child, .vertical_table > table td:first-child { border-left: none; }
.vertical_table > table th[rowspan], .vertical_table > table td[rowspan] { border-right: 1px solid #e5e5e5; }
.vertical_table > table th[rowspan]:last-child, .vertical_table > table td[rowspan]:last-child { border-right: none !important; }
.vertical_table > table tr.disabled th, .vertical_table > table tr.disabled td { color: #999; }
.vertical_table > table.type-twice tbody th { background-color: #fafafa; }
.vertical_table > table.type-two-c tbody tr:nth-child(even) { background-color: #f8f7f4; }
.vertical_table > table.type-info-sel { position: relative; }
.vertical_table > table.type-info-sel:after { content: ''; display: block; position: absolute; top: -1px; right: 0; bottom: -1px; width: 16.67%; border: 2px solid #2157bf; }
.vertical_table > table.type-info-sel.sel1:after { left: 16.7%; right: auto; }
.vertical_table > table.type-info-sel.sel2:after { left: 33.37%; right: auto; }
.vertical_table > table.type-info-sel.sel3:after { left: 50.01%; right: auto; }
.vertical_table > table.type-info-sel.sel4:after { left: 66.68%; right: auto; }
.vertical_table > table.type-info-sel.sel5:after { left: auto; right: 0; }
.vertical_table + div[class*="basic-table-"] { margin-top: 20px; }
.vertical_table + .bd-box { margin-top: 20px; }
.vertical_table > [class*='tit'] + .table-top-btn { padding-top: 0; }
.vertical_table table:last-child tbody tr:last-child th, .vertical_table table:last-child tbody tr:last-child td, .vertical_table table:last-child tfoot tr:last-child th, .vertical_table table:last-child tfoot tr:last-child td { border-bottom: 1px solid #e5e5e5 !important; }
.vertical_table:after { content: none; }
.vertical_table .tips { position: relative; padding-left: 12px; line-height: 20px; margin-top: 5px; }
.vertical_table .tips:before { content: ''; position: absolute; width: 4px; height: 4px; top: 7px; left: 0; background-color: #666; border-radius: 50%; }
table.__se_tbl_ext, table[cellpadding] { border-top: 2px solid #555; }
table.__se_tbl_ext th, table[cellpadding] th { color: #111; }
table.__se_tbl_ext thead th, table[cellpadding] thead th { white-space: nowrap; }
table.__se_tbl_ext tfoot th, table.__se_tbl_ext tfoot td, table[cellpadding] tfoot th, table[cellpadding] tfoot td { background: #f5f5fd; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding: 18px 10px; border-top: 1px solid #e5e5e5; }
table.__se_tbl_ext th, table.__se_tbl_ext td, table[cellpadding] th, table[cellpadding] td { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 14px 15px; height: 53px; text-align: center; }
table.__se_tbl_ext th.to, table.__se_tbl_ext td.to, table[cellpadding] th.to, table[cellpadding] td.to { text-align: center; }
table.__se_tbl_ext th.l, table.__se_tbl_ext td.l, table[cellpadding] th.l, table[cellpadding] td.l { text-align: left; }
table.__se_tbl_ext th.r, table.__se_tbl_ext td.r, table[cellpadding] th.r, table[cellpadding] td.r { text-align: right; }
table.__se_tbl_ext th, table[cellpadding] th { background-color: #f4f4f4; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-weight: normal; padding: 14px 10px; color: #111; }
table.__se_tbl_ext td, table[cellpadding] td { color: #333; }
table.__se_tbl_ext td .desc, table[cellpadding] td .desc { margin-left: 5px; }
table.__se_tbl_ext td.cos2, table.__se_tbl_ext td.cos3, table.__se_tbl_ext td.cos5, table.__se_tbl_ext td.lin, table.__se_tbl_ext td.lin2, table[cellpadding] td.cos2, table[cellpadding] td.cos3, table[cellpadding] td.cos5, table[cellpadding] td.lin, table[cellpadding] td.lin2 { padding: 0 !important; border: none !important; height: 0 !important; }
table.__se_tbl_ext th:first-child, table.__se_tbl_ext td:first-child, table[cellpadding] th:first-child, table[cellpadding] td:first-child { border-left: none; }
table.__se_tbl_ext th[rowspan], table.__se_tbl_ext td[rowspan], table[cellpadding] th[rowspan], table[cellpadding] td[rowspan] { border-right: 1px solid #e5e5e5; }
table.__se_tbl_ext th[rowspan]:last-child, table.__se_tbl_ext td[rowspan]:last-child, table[cellpadding] th[rowspan]:last-child, table[cellpadding] td[rowspan]:last-child { border-right: none !important; }
table.__se_tbl_ext tr.disabled th, table.__se_tbl_ext tr.disabled td, table[cellpadding] tr.disabled th, table[cellpadding] tr.disabled td { color: #999; }
* + .bullet-type-dot { padding-top: 12px; }
* + .bullet-type-dot > li { margin-bottom: 10px; }
* + .bullet-type-dot > li:last-child { margin-bottom: 0; }
ul + .small-btn-wrap, dl + .small-btn-wrap, div + .small-btn-wrap, p + .small-btn-wrap { padding-top: 7px; }
ul.bullet-type-dot + .small-btn-wrap, dl.bullet-type-dot + .small-btn-wrap, div.bullet-type-dot + .small-btn-wrap, p.bullet-type-dot + .small-btn-wrap { padding-left: 11px; }
.pager + .bullet-type-dot { padding-top: 30px; }
.btn-group.type-small + .bullet-type-dot { padding-top: 30px; }
.bullet-type-dot + .btn-group.type-small { padding-top: 20px; }
table .no-data, .no-data { text-align: center; padding: 46px 0 40px 0; }
.no-data:before { content: ''; display: inline-block; width: 60px; height: 60px; background: url(/html/ics/images/common/cmm-splite.png) 0 -112px no-repeat; margin-bottom: 4px; }
table .no-data { margin: -14px -17px; background-color: #fff; }
.no-data { background-color: #fff; }
.hover-row-color tr.hover { background-color: #f8f7f4; }
.btn-aside *[class*="btn-num-"] .unit { position: relative; top: 6px; right: 10px; }
.table-top-btn, .tit-aside-btn { padding-top: 46px; }
.table-top-btn .btn-aside, .tit-aside-btn .btn-aside { float: right; margin-top: -44px; }
.table-top-btn .btn-aside .txt-unit, .tit-aside-btn .btn-aside .txt-unit { display: inline-block; vertical-align: bottom; line-height: 1; }
.table-top-btn .btn-aside .txt-unit span, .tit-aside-btn .btn-aside .txt-unit span { position: static; display: inline-block; }
.table-top-btn .btn-aside .txt-unit + [class*='btn-form'], .tit-aside-btn .btn-aside .txt-unit + [class*='btn-form'] { margin-left: 15px; }
.table-top-btn.btn-agree-tot .btn-aside, .tit-aside-btn.btn-agree-tot .btn-aside { margin-top: -7px; }
[class*='tit'] + .table-top-btn, [class*='tit'] + .tit-aside-btn { padding-top: 0; }
.table-bottom-btn .btn-aside { margin-top: 17px; text-align: right; }
.table-bottom-btn [class*='btn-form'] { margin-left: 5px; }
div.basic-table-blank { border-bottom: none; }
div.basic-table-blank .inner { padding: 37px 20px 30px 20px; border: 1px solid #e5e5e5; border-top: 2px solid #555; }
div.basic-table-blank table { border: none; }
div.basic-table-blank table th { padding: 0 20px; height: 50px; text-align: left; }
div.basic-table-blank .agree-list-wrap { padding: 0 20px; }
div.basic-table-blank .agree-list-wrap .agree-list { border: none; border-bottom: 1px solid #aaaaaa; }
div.basic-table-blank .agree-list-wrap + table { margin-top: 35px; }
div.basic-table-info > table { border-bottom: 1px solid #e5e5e5; }
div.basic-table-info > table tbody tr:first-child th, div.basic-table-info > table tbody tr:first-child td { padding-top: 30px; }
div.basic-table-info > table tbody tr:last-child th, div.basic-table-info > table tbody tr:last-child td { padding-bottom: 30px; }
div.basic-table-info > table th, div.basic-table-info > table td { border: none; }
div.basic-table-info > table th { background: none; text-align: left; color: #666; font-family: 'Noto Sans'; padding: 14px 15px; }
div.basic-table-info > table td { text-align: right; color: #111; padding: 14px 20px; }
div.basic-table-info .sign { padding: 30px 0; text-align: center; }
div.basic-table-info .sign p { margin-bottom: 5px; font-size: 14px; color: #666; line-height: 27px; }
div.basic-table-info .sign .date { font-size: 16px; color: #333; font-family: "Noto Sans KR Medium"; }
div.basic-table-info .sign .date span { display: inline-block; margin-left: 9px; }
div.basic-table-info .sign .date span:first-child { margin-left: 0; }
div.basic-table-info.type-rep .tit-3 { margin-bottom: 62px; }
.pager:after { content: ''; display: block; clear: both; }
.pager ul { float: right; position: relative; left: -50%; }
.pager ul:after { content: ''; display: block; clear: both; }
.pager li { float: left; position: relative; right: -50%; font-size: 16px; color: #666; text-align: center; padding: 0 1.5px; }
.pager li a { display: block; width: 38px; height: 38px; line-height: 38px; border: 1px solid transparent; border-radius: 50%; overflow: hidden; }
.pager li:hover a { border-color: #ccc; color: inherit; text-decoration: none; }
.pager li.first, .pager li.last, .pager li.prev, .pager li.next { padding: 0 4px; color: transparent; }
.pager li.first a:before, .pager li.last a:before, .pager li.prev a:before, .pager li.next a:before { content: ''; display: block; width: 11px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: url(/html/ics/images/common/cmm-splite.png) 0 -289px no-repeat; }
.pager li.first a:hover, .pager li.first a:focus, .pager li.last a:hover, .pager li.last a:focus, .pager li.prev a:hover, .pager li.prev a:focus, .pager li.next a:hover, .pager li.next a:focus { border-color: #4c50c7; color: transparent; }
.pager li.first a:hover:before, .pager li.first a:focus:before, .pager li.last a:hover:before, .pager li.last a:focus:before, .pager li.prev a:hover:before, .pager li.prev a:focus:before, .pager li.next a:hover:before, .pager li.next a:focus:before { background-position-y: -276px; }
.pager li.first a:before { background-position-x: 0; }
.pager li.prev a:before { background-position-x: -18px; }
.pager li.next a:before { background-position-x: -36px; }
.pager li.last a:before { background-position-x: -54px; }
.pager li.on { color: #4c50c7; }
.pager li.on a { border-color: #4c50c7; }
.pager.type-two-btn li a { width: 88px; border-color: #cccccc; border-radius: 38px; color: #333; }
.pager.type-two-btn li a:hover { border-color: #2157bf; color: #2157bf; text-decoration: none; }
.pager.type-two-btn li.prev, .pager.type-two-btn li.next { color: #333; }
.pager.type-two-btn li.prev a:before, .pager.type-two-btn li.next a:before { width: 19px; height: 16px; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; margin-top: -8px; }
.pager.type-two-btn li.prev a:hover, .pager.type-two-btn li.prev a:focus, .pager.type-two-btn li.next a:hover, .pager.type-two-btn li.next a:focus { border-color: #2157bf; color: #2157bf; text-decoration: none; }
.pager.type-two-btn li.prev a { padding: 0 20px; text-align: right; }
.pager.type-two-btn li.prev a:before { left: 14px; background-position: -144px -276px; }
.pager.type-two-btn li.prev a:hover:before, .pager.type-two-btn li.prev a:focus:before { background-position: -144px -292px; }
.pager.type-two-btn li.next a { padding: 0 20px; text-align: left; }
.pager.type-two-btn li.next a:before { left: auto; right: 14px; background-position: -169px -276px; }
.pager.type-two-btn li.next a:hover:before, .pager.type-two-btn li.next a:focus:before { background-position: -169px -292px; }
* + .pager { margin-top: 20px; }
.list-info-box ul { display: table; width: 100%; table-layout: fixed; border: 1px solid #e5e5e5; }
.list-info-box ul li { display: table-cell; padding: 24px 0; text-align: center; border-left: 1px solid #e5e5e5; }
.list-info-box ul li span { display: block; margin-bottom: 5px; font-size: 16px; color: #666; }
.list-info-box ul li strong { display: block; font-size: 24px; color: #111; font-weight: normal; }
.list-info-box ul li:first-child { border-left: 0; }
.term-agreement .point-1, .term-agreement .point-2 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .point-1 { color: #c41d68; font-size: 20px; padding-bottom: 2px; border-bottom: 1px solid #c41d68; line-height: 1; }
.term-agreement .point-2 { color: #111; }
.term-agreement .tit-2 { margin-bottom: 25px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .btn-checkbox .totChk + label { font-size: 24px; }
.term-agreement .btn-checkbox .totChk + label:before { margin-top: -12px; }
.term-agreement .btn-checkbox + .terms { margin-top: 7px; }
.term-agreement .terms .tit { margin-bottom: 15px; font-size: 24px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .terms .tit.tit-4 { margin-bottom: 10px; font-size: 18px; }
.term-agreement .terms .txt-top { text-align: left; margin-bottom: 25px; }
.term-agreement .terms .txt-top strong { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .terms .txt-top .txt-arrange p { margin-bottom: 5px; text-align: left; }
.term-agreement .terms .txt-top .txt-arrange p:last-child { margin-bottom: 0; }
.term-agreement .terms .txt { padding: 20px 24px; border: 1px solid #111; color: #111; line-height: 30px; }
.term-agreement .terms .txt.scroll-y { padding: 18px 18px 10px; height: 200px; overflow-y: scroll; }
.term-agreement .terms .txt .bullet-type-num-1 { padding-top: 10px; line-height: normal; }
.term-agreement .terms [class*='box-line'] { padding: 12px 18px 10px; border: 1px solid #e5e5e5; border-top: 2px solid #555; }
.term-agreement .terms [class*='box-line'][class*='normal'] { border-top: 1px solid #e5e5e5; color: #666; }
.term-agreement .terms .btn-radio-group { margin-top: 20px; text-align: center; }
.term-agreement .terms .btn-radio-group p { margin-bottom: 20px; color: #666; }
.term-agreement .terms + .terms { margin-top: 45px; }
.term-agreement .terms .txt-add { padding: 18px; font-size: 16px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; line-height: 27px; color: #111; background-color: #f4f4f4; }
.term-agreement .terms .txt-add dt { margin-bottom: 4px; }
.term-agreement .terms .txt-add .bullet-type-dot { margin-top: 0; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .terms .txt-add .bullet-type-dot li { margin-bottom: 2px; }
.term-agreement .terms .txt-add .bullet-type-dot .bullet-type-dash { padding-left: 0; }
.term-agreement .terms .txt-add .bullet-type-dot .dark-1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-agreement .terms .btn-radio-group .btn-radio + .btn-radio { margin-left: 100px; }
.term-agreement .terms .btn-radio-group + .txt-add { margin-top: 20px; }
.term-agreement .terms .btn-checkbox-group .btn-checkbox input + label { font-size: 16px; }
.term-agreement .terms .btn-checkbox-group .btn-checkbox .totChk + label { font-size: 16px; }
.term-agreement + .bullet-type-dot { padding-top: 18px; }
.term-agreement .txt-4 ul li { line-height: 32px; }
.fn_dropdown .button[aria-expanded="false"] ~ ul, .fn_dropdown .button[aria-expanded="false"] ~ .drop_con { display: none; }
[class*='basic-accordion'] .acc-tit { display: block; position: relative; padding: 0 20px; width: 100%; height: 60px; color: #666; text-align: left; }
[class*='basic-accordion'] .acc-tit:before, [class*='basic-accordion'] .acc-tit:after { content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 20px; height: 2px; background: #888888; }
[class*='basic-accordion'] .acc-tit:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
[class*='basic-accordion'] .acc-tit.fs18 { font-size: 18px; }
[class*='basic-accordion'] .acc-tit[aria-expanded="true"] { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='basic-accordion'] .acc-tit[aria-expanded="true"]:after { display: none; }
[class*='basic-accordion'] .acc-tit[aria-expanded="true"]:after .txt-q { font-size: 18px; font-family: 'Noto Sans KR Medium'; }
[class*='basic-accordion'] .acc-con { padding: 14px 20px; border-top: 1px solid #e5e5e5; background: #f4f4f4; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"] { border: none; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"] li { font-size: 16px; color: #333; border: none; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"] li ul li { color: #666; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"] li.point-blue { color: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"].point-blue li { color: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"].point-blue li:before { background: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"] li:before { background: #333; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"] li .bullet-type-billiad { padding-top: 5px; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"] li .bullet-type-billiad li:before { background: none; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"] li .bullet-type-billiad.point-blue li { color: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"].point-blue li { color: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-dot"].point-blue li:before { background: #4c50c7; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-hypen"] { padding-top: 3px; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-hypen"] li { font-size: 15px; color: #666; margin-bottom: 5px; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-hypen"] li:before { background: #666; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-astro"] { padding-top: 5px; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-astro"] li { font-size: 15px; color: #333; }
[class*='basic-accordion'] .acc-con [class*="bullet-type"][class*="-astro"] li:before { content: '\2217'; width: 0; height: 0; background-color: none; position: absolute; left: 0; top: 0; margin-top: -2px; margin-right: 5px; }
[class*='basic-accordion'] .acc-con .bullet-type-billiad.point-blue li:before { background: transparent; }
[class*='basic-accordion'] .acc-con.type-table { padding: 30px 32px; background: none; }
[class*='basic-accordion'] > ul { border: 1px solid #aaa; }
[class*='basic-accordion'] > ul > li { border-bottom: 1px solid #aaa; }
[class*='basic-accordion'] > ul > li:last-child { border-bottom: none; }
[class*='basic-accordion'] .open .acc-tit { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='basic-accordion'] .open .acc-tit:after { display: none; }
[class*='basic-accordion'].style-faq > .tit-2:first-child + .tit-txt { color: #333; padding-top: 3px; padding-bottom: 12px; }
[class*='basic-accordion'].style-faq ul { border-left: none; border-right: none; }
[class*='basic-accordion'].style-faq ul .acc-tit { font-size: 16px !important; }
[class*='basic-accordion'].style-faq ul .acc-tit:before { width: 20px; height: 11px; background: url(/html/ics/images/common/cmm-splite.png) -93px -84px no-repeat; margin-top: -6px; }
[class*='basic-accordion'].style-faq ul .acc-tit:after { content: none !important; }
[class*='basic-accordion'].style-faq ul .acc-tit[aria-expanded="true"]:before { background-position-y: -101px; -ms-background-position-y: -101px; }
[class*='basic-accordion'].style-faq ul .acc-tit .txt-q { font-size: 18px; font-family: 'Noto Sans KR Medium'; color: #111 !important; margin-right: 5px; }
[class*='basic-accordion'].style-faq ul .acc-tit .acc-nav { display: inline-block; color: #666 !important; margin-left: 10px; font-family: 'Noto Sans'; }
[class*='basic-accordion'].type-table ul { border: none; }
[class*='basic-accordion'].type-table ul li { border: 1px solid #aaa; }
[class*='basic-accordion'].type-table ul li + li { margin-top: 10px; }
[class*='basic-accordion'].type-table ul li button { font-size: 18px; }
[class*='basic-accordion'] .acc-con.type-2 { padding: 0; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .check-group { padding: 22px 20px; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .check-group .btn-checkbox { width: auto; padding: 0 60px 0 0; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .check-group div + div { margin-top: -10px; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .bd-box { padding: 16px 20px 20px 20px; border: none; border-top: 1px solid #e5e5e5; background-color: #fafafa; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .bd-box .form-wrap > label { display: block; margin-bottom: 8px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='basic-accordion'] .acc-con .bd-box-wrap .bd-box .form-wrap .btn-radio + .btn-radio { margin-left: 41px; }
[class*='basic-accordion'] .acc-con.con2 { color: #333; padding: 30px 20px; }
.skipnavi a { width: 100%; position: absolute; top: -500px; left: 0; border: 1px solid #000; z-index: 500; text-align: center; color: #111; background: #fff/*url(/html/ics/images/common/bg-dimd-black.png) 0 0 repeat*/; padding: 5px 0; }
.skipnavi a:focus { top: 0; }
#header { border-bottom: 1px solid #eee; background: #fff; }
#header + .sticky-wrapper { height: 75px !important; }
#header + .sticky-wrapper.is-sticky { height: 60 !important; }
#header .search-bg { position: absolute; left: 0; top: 33px; width: 100%; height: 366px; background: #fff; z-index: 51; box-shadow: 0 7px 9px rgba(0, 0, 0, 0.1); }
#header .inner-header {height: 130px;width: 1136px;margin: 0 auto;position: relative;z-index: 52;}
#header .logo a { position: absolute; top: 45px; text-indent: -9999px; width: 97px; height: 40px; background: url(/html/ics/images/common/cmm-splite.png) 0 0 no-repeat; }
#header .util-nav { font-size: 14px; float: right; padding-top: 7px; }
#header .util-nav > ul > li { float: left; margin-left: 22px; }
#header .util-nav > ul > li.util-login-out { margin-left: 50px; }
#header .util-nav > ul > li.util-my { margin-left: 22px; }
#header .util-nav > ul > li.util-my a { display: block; width: 38px; height: 22px; border-radius: 11px; border: 1px solid #333; text-align: center; position: relative; top: 1px; text-indent: -9999px; }
#header .util-nav > ul > li.util-my a:after { content: ''; width: 20px; height: 10px; display: block; text-align: center; background: url(/html/ics/images/common/cmm-splite.png) -82px -53px no-repeat; position: absolute; left: 9px; top: 5px; }
#header .util-nav > ul > li.util-lang .select-link-lang { width: 78px; position: relative; z-index: 3; }
#header .util-nav > ul > li.util-lang .select-link-lang button { position: relative; text-align-last: auto; width: 100%; text-align: left; }
#header .util-nav > ul > li.util-lang .select-link-lang button:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 18px; }
#header .util-nav > ul > li.util-lang .select-link-lang button[aria-expanded="false"]:after { border: solid transparent; border-width: 5px 4px 0 4px; border-top-color: #333; }
#header .util-nav > ul > li.util-lang .select-link-lang button[aria-expanded="true"]:after { border: solid transparent; border-width: 0 4px 5px 4px; border-bottom-color: #333; margin-top: -2px; }
#header .util-nav > ul > li.util-lang ul { position: absolute; z-index: 1; display: none; height: 66px; left: 0; top: 26px; width: 100%; border: 1px solid #555; background-color: #fff; padding: 10px 0; }
#header .util-nav > ul > li.util-lang ul li a { display: block; height: 22px; line-height: 22px; text-align: center; }
#header .util-nav > ul > li.util-search { margin-left: 13px; }
#header .util-nav > ul > li.util-search > button { width: 18px; height: 18px; border: none; background: url(/html/ics/images/common/cmm-splite.png) -54px -53px no-repeat; text-indent: -9999px; position: relative; top: 2px; }
#header .util-nav > ul > li.util-login-expand { font-family: "Roboto Medium"; font-size: 18px; }
#header .util-nav > ul > li.util-login-expand:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/html/ics/images/common/cmm-splite.png) -26px -53px no-repeat; vertical-align: middle; }
#header .util-nav > ul > li.util-login-expand button { border: 1px solid #ccc; font-size: 13px; width: 75px; height: 22px; line-height: 22px; border-radius: 3px; -ms-border-raidus: 3px; margin-left: 10px; position: relative; top: -1px; }
#header .util-nav > ul > li.util-mobile-web { margin-left: 0; }
#header .util-nav > ul > li.util-mobile-web a { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; border: 1px solid #ccc; font-size: 13px; display: inline-block; width: auto; text-align: center; padding: 0 8px; height: 22px; line-height: 22px; border-radius: 3px; -ms-border-raidus: 3px; margin-left: 0; position: relative; top: 1px; }
#header .util-nav > ul > li.util-mobile-web a:hover, #header .util-nav > ul > li.util-mobile-web a:focus { text-decoration: none; color: #666; }
#header .util-nav > ul > li:first-child { margin-left: 0 !important; }
#header .util-nav .search-box { display: none; padding: 0 65px 50px; position: absolute; left: 0; top: 33px; width: 100%; background-color: #fff; z-index: 2; }
#header .util-nav .search-box .tit-1 { padding-top: 50px; }
#header .util-nav .search-box > div { position: relative; width: 1000px; height: 80px; background: url(/html/ics/images/common/bg-search.png) 0 0 no-repeat; margin: 0 auto 30px; }
#header .util-nav .search-box > div .select-box { background-color: transparent; width: 245px; height: 80px; line-height: 80px; position: relative; font-size: 24px; color: #fff; border: none; }
#header .util-nav .search-box > div .select-box > span { padding-left: 30px; vertical-align: top; line-height: 80px; }
#header .util-nav .search-box > div .select-box select { font-size: 24px; }
#header .util-nav .search-box > div .inp-text-wrap { position: absolute; left: 245px; right: 10px; top: 15px; height: 50px; line-height: 50px; width: auto; background-color: transparent; }
#header .util-nav .search-box > div .inp-text-wrap .btn-sch { position: absolute; width: 28px; height: 28px; right: 24px; top: 11px; text-indent: -9999px; background: url(/html/ics/images/common/cmm-splite.png) -164px -53px no-repeat; }
#header .util-nav .search-box > div .inp-text-wrap input[type="text"] { height: 100%; background: transparent; padding-right: 75px; border: none; color: #fff; font-size: 24px; }
#header .util-nav .search-box > div .inp-text-wrap .btn-sch:focus, #header .util-nav .search-box > div .inp-text-wrap input[type="text"]:focus {outline:2px solid #fff;}
#header .util-nav .search-box > div .inp-text-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }
#header .util-nav .search-box > div .inp-text-wrap input[type="text"]::placeholder { color: rgba(255, 255, 255, 0.6); }
#header .util-nav .search-box > div .inp-text-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }
#header .util-nav .search-box > div *[class*="input-box"] .btn-clear { width: 26px; height: 26px; background-position: -144px -84px; right: 80px; top: 50%; margin-top: -13px; }
#header .util-nav .search-box > div *[class*="input-box"].clear input[type="text"] { padding-right: 130px !important; }
#header .util-nav .search-box span[class*="select-box"] > span:after { border: solid transparent; border-width: 6px 6px 0 6px; border-top-color: #fff; transform: rotate(0); -ms-transform: rotate(0); top: 50%; margin-top: -3px; }
#header .util-nav .search-box .tag-list { text-align: center; font-size: 0; }
#header .util-nav .search-box .tag-list li { display: inline-block; margin-left: 8px; }
#header .util-nav .search-box .tag-list li:first-child { margin-left: 0; }
#header .util-nav .search-box .tag-list li a { display: inline-block; height: 50px; line-height: 50px; border-radius: 25px; background-color: #f5f5f5; text-align: center; padding: 0 30px; font-size: 16px; }
#header .util-nav .header-sch-btn-close { width: 30px; height: 30px; position: absolute; top: 50px; right: 66px; }
#header .util-nav .header-sch-btn-close:before, #header .util-nav .header-sch-btn-close:after { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -16px; width: 2px; height: 32px; background-color: #111; }
#header .util-nav .header-sch-btn-close:before { transform: rotate(45deg); -ms-transform: rotate(45deg); }
#header .util-nav .header-sch-btn-close:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.gnbArea {clear: both;padding: 32px 0 0 149px;height: 98px;}
.bg-header-fly { position: absolute; left: 0; top: 130px; margin-top: 1px; width: 100%; height: 0; display: none; background-color: #fff; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); z-index: 51; }
.gnb > li a.on, .gnb ul ul li.on h3 a { color: #2154bd; text-decoration: none; }
.gnb:after { content: ''; display: block; clear: both; }
.gnb > li { float: left; margin-left: 40px; }
.gnb > li:first-child { margin-left: 0; }
.gnb > li > a { color: #111; position: relative; display: inline-block; padding-bottom: 3px; font-size: 20px; font-weight: bold; }
.gnb > li > a:after { content: ''; width: 0; left: 0; bottom: 0; height: 3px; width: 0; position: absolute; transition: all 0.2s linear; }
.gnb > li > a:hover, .gnb > li > a:focus, .gnb > li > a.on { color: #2154bd; text-decoration: none; }
.gnb > li > a:hover:after, .gnb > li > a:focus:after, .gnb > li > a.on:after { width: 101%; background-color: #2154bd; }
.gnb > li > div[class*="gnb-sub"] {border: 1px solid #eee;background-color: #fff;border-top: none;display: none;height: 0;overflow: hidden;position: absolute;z-index: 10;left: 0;top: 131px;width: 100%;}
.gnb > li > div[class*="gnb-sub"] h2 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; font-size: 18px; margin-bottom: 22px; padding-left: 35px; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"] { overflow: hidden; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"].gnb-sub-split-1n > li { float: left; width: 100%; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"].gnb-sub-split-2n > li { float: left; width: 50%; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"].gnb-sub-split-3n > li { float: left; width: 33.33%; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"].gnb-sub-split-4n > li { float: left; width: 25%; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"].gnb-sub-split-5n > li { float: left; width: 20%; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"] > li {padding: 37px 0 60px 0;overflow: hidden;}
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"] > li ul { float: left; width: 285px; padding-left: 35px; padding-right: 10px; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"] > li ul > li { margin-top: 13px; }
.gnb > li > div[class*="gnb-sub"] ul[class*="gnb-sub-split"] > li ul > li:first-child { margin-top: 0; line-height: 1; }
.gnb > li > div.gnb-sub-1 div[data-scroll-wrap="scroll-y"], .gnb > li > div.gnb-sub-2 div[data-scroll-wrap="scroll-y"], .gnb > li > div.gnb-sub-3 div[data-scroll-wrap="scroll-y"], .gnb > li > div.gnb-sub-4 div[data-scroll-wrap="scroll-y"], .gnb > li > div.gnb-sub-5 div[data-scroll-wrap="scroll-y"] { height: 600px !important; }
.gnb > li > div.gnb-sub-1 h2, .gnb > li > div.gnb-sub-2 h2, .gnb > li > div.gnb-sub-3 h2, .gnb > li > div.gnb-sub-4 h2, .gnb > li > div.gnb-sub-5 h2 { padding-left: 0; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"], .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"], .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"], .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"], .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] { min-height: 600px; position: relative; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li { padding-left: 37px; padding-right: 15px; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li:first-child ~ li:after, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li:first-child ~ li:after, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li:first-child ~ li:after, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li:first-child ~ li:after, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li:first-child ~ li:after { content: ""; position: absolute; top: 81px; bottom: 60px; width: 1px; border-right: 1px solid #eee; top: 0; bottom: 0; left: 25%; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li:first-child + li + li:after, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li:first-child + li + li:after, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li:first-child + li + li:after, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li:first-child + li + li:after, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li:first-child + li + li:after { left: 50%; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li:first-child + li + li + li:after { left: 75%; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li ul, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li ul, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li ul, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li ul, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li ul { padding: 0; float: none; width: auto; }
.gnb > li > div.gnb-sub-1 ul[class*="gnb-sub-split-"] > li ul:after, .gnb > li > div.gnb-sub-2 ul[class*="gnb-sub-split-"] > li ul:after, .gnb > li > div.gnb-sub-3 ul[class*="gnb-sub-split-"] > li ul:after, .gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] > li ul:after, .gnb > li > div.gnb-sub-5 ul[class*="gnb-sub-split-"] > li ul:after { content: none; }
.gnb > li > div.gnb-sub-1 ul.gnb-sub-split-3n > li:first-child ~ li:after, .gnb > li > div.gnb-sub-2 ul.gnb-sub-split-3n > li:first-child ~ li:after, .gnb > li > div.gnb-sub-3 ul.gnb-sub-split-3n > li:first-child ~ li:after, .gnb > li > div.gnb-sub-4 ul.gnb-sub-split-3n > li:first-child ~ li:after, .gnb > li > div.gnb-sub-5 ul.gnb-sub-split-3n > li:first-child ~ li:after { content: ""; position: absolute; top: 81px; bottom: 60px; width: 1px; border-right: 1px solid #eee; top: 0; bottom: 0; left: 33.33%; }
.gnb > li > div.gnb-sub-1 ul.gnb-sub-split-3n > li:first-child + li + li:after, .gnb > li > div.gnb-sub-2 ul.gnb-sub-split-3n > li:first-child + li + li:after, .gnb > li > div.gnb-sub-3 ul.gnb-sub-split-3n > li:first-child + li + li:after, .gnb > li > div.gnb-sub-4 ul.gnb-sub-split-3n > li:first-child + li + li:after, .gnb > li > div.gnb-sub-5 ul.gnb-sub-split-3n > li:first-child + li + li:after { left: 66.66%; }
.gnb > li > div.gnb-sub-1 ul.gnb-sub-split-3n > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-2 ul.gnb-sub-split-3n > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-3 ul.gnb-sub-split-3n > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-4 ul.gnb-sub-split-3n > li:first-child + li + li + li:after, .gnb > li > div.gnb-sub-5 ul.gnb-sub-split-3n > li:first-child + li + li + li:after { content: none; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom { border: 1px solid #eee; border-left: none; border-right: none; background-color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li { padding-top: 0; padding-bottom: 0; overflow: hidden; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li li { height: 88px; line-height: 88px !important; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li h2, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li h2 { float: left; margin: 0; padding-left: 38px; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li li, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li li { margin-top: 0; float: left; margin-left: 30px; color: #333; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom > li li:first-child, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom > li li:first-child, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom > li li:first-child, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom > li li:first-child, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom > li li:first-child { margin-left: 38px; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom.type-2 ul li, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom.type-2 ul li, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom.type-2 ul li, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom.type-2 ul li, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom.type-2 ul li { position: relative; color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom.type-2 ul li:first-child, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom.type-2 ul li:first-child, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom.type-2 ul li:first-child, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom.type-2 ul li:first-child, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom.type-2 ul li:first-child { padding-right: 36px; }
.gnb > li > div.gnb-sub-1 .gnb-sub-bottom.type-2 ul li:first-child:after, .gnb > li > div.gnb-sub-2 .gnb-sub-bottom.type-2 ul li:first-child:after, .gnb > li > div.gnb-sub-3 .gnb-sub-bottom.type-2 ul li:first-child:after, .gnb > li > div.gnb-sub-4 .gnb-sub-bottom.type-2 ul li:first-child:after, .gnb > li > div.gnb-sub-5 .gnb-sub-bottom.type-2 ul li:first-child:after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background-color: #e5e5e5; transform: translateY(-50%); }
.gnb > li > div.gnb-sub-4 div[data-scroll-wrap="scroll-y"] { height: 400px !important; }
.gnb > li > div.gnb-sub-4 ul[class*="gnb-sub-split-"] { min-height: 400px; }
.gnb ul ul li h3 { margin-bottom: 13px; }
.gnb ul ul li h3 a { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #333; }
.gnb ul ul li h3 a .icon { position: relative; }
.gnb ul ul li h3 a .icon:after, .gnb ul ul li h3 a .icon:before { content: ""; width: 10px; height: 2px; background-color: #333; position: absolute; right: -15px; top: calc(50% - 2px); }
.gnb ul ul li h3 a .icon:before { transform: rotate(90deg); -ms-transform: rotate(90deg); }
.gnb ul ul li h3 a:hover, .gnb ul ul li h3 a:focus { color: #008de2; }
.gnb ul ul li h3 a:hover .icon:after, .gnb ul ul li h3 a:hover .icon:before, .gnb ul ul li h3 a:focus .icon:after, .gnb ul ul li h3 a:focus .icon:before { background-color: #008de2; }
.gnb ul ul li h4 a .icon { position: relative; }
.gnb ul ul li h4 a .icon:after, .gnb ul ul li h4 a .icon:before { content: ""; width: 10px; height: 2px; background-color: #666; position: absolute; right: -15px; top: calc(50% - 2px); }
.gnb ul ul li h4 a .icon:before { transform: rotate(90deg); -ms-transform: rotate(90deg); }
.gnb ul ul li h4 a:hover, .gnb ul ul li h4 a:focus { color: #008de2; }
.gnb ul ul li h4 a:hover .icon:after, .gnb ul ul li h4 a:hover .icon:before, .gnb ul ul li h4 a:focus .icon:after, .gnb ul ul li h4 a:focus .icon:before { background-color: #008de2; }
.gnb ul ul li.on h3 a .icon:after { background-color: #2154bd; }
.gnb ul ul li.on h3 a .icon:before { content: none; }
.gnb ul ul li.on h3 a:hover, .gnb ul ul li.on h3 a:focus { color: #2154bd; }
.gnb ul ul li.on h3 a:hover .icon:after, .gnb ul ul li.on h3 a:hover .icon:before, .gnb ul ul li.on h3 a:focus .icon:after, .gnb ul ul li.on h3 a:focus .icon:before { background-color: #2154bd; }
.gnb ul ul li.on + li h3 { padding-top: 10px; }
.gnb ul ul li.on > ul { display: block !important; }
.gnb ul ul li.on > h4 { margin-bottom: 10px; }
.gnb ul ul li.on > h4 a .icon:before { content: none; }
.gnb ul ul li.on > h4 + ul > li { margin-top: 10px !important; }
.gnb ul ul li.on > h4 + ul > li > a { display: inline-block; padding-left: 10px; color: #333 !important; }
.gnb ul ul ul { display: none; }
.gnb ul ul ul li { line-height: 1; }
.gnb ul ul ul a { font-size: 14px; color: #666; }
.gnb ul ul li + li h3 a { display: inline-block; }
.ie .gnb > li > div.gnb-sub-3, .ie .gnb > li > div.gnb-sub-4 { background: url(/html/ics/images/common/bg-gnb-3n.png) center 0 repeat-y; }
.ie .gnb > li > div.gnb-sub-1, .ie .gnb > li > div.gnb-sub-2 { background: url(/html/ics/images/common/bg-gnb-4n.png) center 0 repeat-y; }
.total-menu button { position: absolute; right: 0; top: 65px; color: #111; font-size: 20px; }
.total-menu button:before { content: ''; width: 16px; height: 14px; display: inline-block; background: url(/html/ics/images/common/cmm-splite.png) 0 -55px no-repeat; margin-right: 8px; vertical-align: middle; position: relative; top: -2px; }
.total-menu button:hover, .total-menu button:focus { text-decoration: underline; }
.total-menu > div { display: none; }
.lnb { position: relative; font-size: 18px; color: #fff; background: #2154bd; z-index: 50; }
.lnb a:hover, .lnb a:focus { color: inherit; text-decoration: none; outline:2px solid #00ff00}
.lnb .lnb_inner { width: 1136px; margin: 0 auto; line-height: 75px; }
.lnb .lnb_inner > * { float: left; }
.lnb .lnb_inner:after { content: ''; display: block; clear: both; }
.lnb .home, .lnb .fn_dropdown > .button { border-left: 1px solid #6488d1; }
.lnb .home { position: relative; display: block; width: 66px; height: 75px; }
.lnb .home a { position: absolute; top: 50%; left: 50%; display: block; width: 18px; height: 18px; margin: -9px 0 0 -9px; overflow: hidden; text-indent: -9999px; background: url(/html/ics/images/common/cmm-splite.png) 0 -84px no-repeat; }
.lnb .fn_dropdown { position: relative; width: 267px; }
.lnb .fn_dropdown > .button { position: relative; display: block; width: 267px; height: 75px; padding: 0 35px 0 18px; font-size: inherit; color: inherit; text-align: left; line-height: 24px; }
.lnb .fn_dropdown > .button span { display: inline-block; max-height: 48px; width: 100%; overflow: hidden; position: relative; top: 3px; }
.lnb .fn_dropdown > .button:focus, .lnb .fn_dropdown > .button:active { padding: 0 35px 0 18px; text-decoration: none; }
.lnb .fn_dropdown > .button:focus {outline:2px solid #00ff00;}
.lnb .fn_dropdown > .button:focus span, .lnb .fn_dropdown > .button:active span { position: relative; }
.lnb .fn_dropdown > .button:before, .lnb .fn_dropdown > .button:after { content: ""; display: block; position: absolute; background: #fff; }
.lnb .fn_dropdown > .button:before { top: 50%; right: 23px; margin-top: -6px; width: 2px; height: 12px; }
.lnb .fn_dropdown > .button:after { top: 50%; right: 18px; margin-top: -1px; width: 12px; height: 2px; }
.lnb .fn_dropdown ul { display: none; position: absolute; top: 75px; left: 0; width: 268px; padding: 15px 0; background: #fff; border: 1px solid #e5e5e5; border-top: 0; }
.lnb .fn_dropdown ul li { position: relative; line-height: 24px; }
.lnb .fn_dropdown ul li a { display: block; padding: 13px 40px 13px 18px; color: #333; height: 50px; }
.lnb .fn_dropdown ul li em { position: relative; display: inline-block; max-width: 100%; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lnb .fn_dropdown ul:hover, .lnb .fn_dropdown ul:focus { overflow: visible !important; }
.lnb .fn_dropdown ul li > a:hover em:after, .lnb .fn_dropdown ul li > a:focus em:after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #333; }
.lnb .fn_dropdown ul li a:after { content: ''; display: block; position: absolute; top: 50%; right: 18px; margin-top: -5px; width: 10px; height: 10px; border: 2px solid #333; border-left: 0; border-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); color: transparent; }
.lnb .fn_dropdown .lnb-depth { display: none; width: auto; min-width: 150px; position: absolute; top: 8px; left: 255px; border: 1px solid #aaa; }
.lnb .fn_dropdown .lnb-depth li a { white-space: nowrap; }
.lnb .fn_dropdown.last > .button, .lnb .fn_dropdown:last-child > .button { border-right: 1px solid #6488d1; }
.lnb .fn_dropdown.open > .button:before { display: none; }
.lnb.fixed, .lnb[style*="position: fixed;"] { font-size: 16px; background: #333; z-index: 50 !important; }
.lnb.fixed .home, .lnb.fixed .fn_dropdown > .button, .lnb[style*="position: fixed;"] .home, .lnb[style*="position: fixed;"] .fn_dropdown > .button { border-color: #555; height: 60px; }
.lnb.fixed .fn_dropdown.last > .button, .lnb.fixed .fn_dropdown:last-child > .button, .lnb[style*="position: fixed;"] .fn_dropdown.last > .button, .lnb[style*="position: fixed;"] .fn_dropdown:last-child > .button { background-color: #4c50c7; border-color: #4c50c7; }
.lnb.fixed .fn_dropdown > ul, .lnb[style*="position: fixed;"] .fn_dropdown > ul { top: 60px; }
.lnb .fn_dropdown ul.scroll-y:hover, .lnb .fn_dropdown ul.scroll-y:focus { overflow-y: auto !important; overflow-x: visible !important; }
.main .lnb { border-bottom: 1px solid #ccc; }
.main .is-sticky .lnb { border-bottom: none; }
#footer { background-color: #555555; font-size: 14px; color: #b6b6b6; }
#footer .ft_inner { position: relative; width: 1136px; margin: 0 auto; }
#footer > .ft_inner { padding: 35px 0 45px;}
#footer .ft_inner:after { content: ""; display: block; clear: both; }
#footer .ft_sel_group { border-top: 1px solid #777777; border-bottom: 1px solid #777777; }
#footer .ft_sel_group .fn_dropdown { float: left; position: relative; width: 284px; padding-bottom: 40px; }
#footer .ft_sel_group .fn_dropdown > .button { position: absolute; bottom: 0; left: 0; display: block; width: 284px; height: 100%; padding: 0 14px; font-size: inherit; color: inherit; text-align: left; line-height: 40px; border-left: 1px solid #777777; }
#footer .ft_sel_group .fn_dropdown > .button:focus, #footer .ft_sel_group .fn_dropdown > .button:active { padding: 0 14px; text-decoration: none; outline:2px solid #fff;}
#footer .ft_sel_group .fn_dropdown > .button:focus span, #footer .ft_sel_group .fn_dropdown > .button:active span { position: relative; }
#footer .ft_sel_group .fn_dropdown > .button:before, #footer .ft_sel_group .fn_dropdown > .button:after { content: ""; display: block; position: absolute; bottom: 50%; right: 14px; width: 16px; height: 2px; background-color: #b6b6b6; }
#footer .ft_sel_group .fn_dropdown > .button:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
#footer .ft_sel_group .fn_dropdown ul { display: none; position: absolute; bottom: 40px; left: 0; width: 285px; padding: 13px 14px; background-color: #555555; border: 1px solid #777777; border-bottom: 0; z-index: 10; }
#footer .ft_sel_group .fn_dropdown ul li { padding: 8px 0; line-height: 1; }
#footer .ft_sel_group .fn_dropdown ul li a { position: relative; }
#footer .ft_sel_group .fn_dropdown ul li a:after { content: ""; display: none; position: absolute; bottom: -1px; left: 0; right: 0; width: 100%; border-bottom: 1px solid #fff; }
#footer .ft_sel_group .fn_dropdown ul li:hover a { color: #fff; text-decoration: none; }
#footer .ft_sel_group .fn_dropdown ul li:hover a:after { display: inline-block; }
#footer .ft_sel_group .fn_dropdown:last-child > .button { border-right: 1px solid #777777; }
#footer .ft_sel_group .fn_dropdown.open > .button { color: #fff; }
#footer .ft_sel_group .fn_dropdown.open > .button:before { background-color: #fff; }
#footer .ft_sel_group .fn_dropdown.open > .button:after { display: none; }
#footer .fnb { margin-bottom: 30px; line-height: 1; }
#footer .fnb a { display: inline-block; margin-right: 25px; }
#footer .fnb a:focus {outline:2px solid #fff;}
#footer .fnb a:hover { color: #fff; text-decoration: underline; }
#footer .fnb .point { color: #fff; }
#footer .customer_sevice { position: absolute; top: 30px; right: 0; color: #fff; text-align: right; z-index: 1; }
#footer .customer_sevice * { display: block; }
#footer .customer_sevice *:focus {outline:2px solid #fff;}
#footer .customer_sevice span { margin-bottom: 10px; font-size: 24px; }
#footer .customer_sevice strong { font-size: 36px; font-family: "Roboto Bold"; }
#footer .customer_sevice small { margin-top: 8px; line-height: 1; }
#footer .customer_sevice a:hover, #footer .customer_sevice a:focus { color: #fff; text-decoration: none; }
#footer .ft_info { position: relative; line-height: 1; }
#footer .ft_info address { margin-bottom: 10px; font-style: normal; }
#footer .ft_info ul { margin-bottom: 18px; overflow: hidden; }
#footer .ft_info ul li { float: left; margin-left: 8px; padding-left: 8px; border-left: 1px solid #b6b6b6; }
#footer .ft_info ul li:first-child { margin-left: 0px; padding-left: 0px; border-left: 0; }
#footer .ft_info .mark-group { position: absolute; top: 35px; /*left: 460px;*/ right:120px; } /* 2020-04-01 주석처리함 */
#footer .ft_info .mark-group span { display: inline-block; /*width: 60px; height: 60px; background: #494949;*/ width:65px; height:65px; border-radius: 50%; /*margin-right: 15px;*/} /*2020-04-01 주석처리함 */
#footer .ft_info .mark-group span.wa-txt {width: auto;height: auto;vertical-align: middle;color: #fff;}
#footer .ft_info .mark-group span a:focus {outline:3px solid #fff;}
#footer .copyright { line-height: 1; }
#footer .copyright span {color:#fff; font-size:16px;}
.steps { position: relative; margin-bottom: 60px; z-index:1;}
.steps ol { display: table; width: 100%; text-align: center; table-layout: fixed; }
.steps li { display: table-cell; }
.steps li em { display: inline-block; position: relative; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; color: #fff; font-size: 24px; font-style: normal; font-family: "Roboto Bold"; background-color: #757575; overflow: hidden; }
.steps li em small { position: absolute; top: -9999px; }
.steps li span { display: block; margin-top: 6px; color: #757575; font-size: 16px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.steps li.on em { background-color: #2157bf; }
.steps li.on span { color: #2157bf; font-size: 20px; }
.steps.type3 li:nth-child(2) { width: 50%; }
.steps:after { content: ''; display: block; position: absolute; top: 20px; left: 0; width: 100%; height: 1px; background-color: #cccccc; z-index: -1; }
.item-name { padding: 36px 45px 34px; font-size: 28px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; background-color: #f5f5fd; }
.txt-result { padding: 32px 45px 30px; font-size: 18px; color: #111; text-align: center; border: 1px solid #e5e5e5; }
.txt-result .result { display: inline-block; padding: 0 28px 7px; margin: 0 5px; font-size: 24px; vertical-align: middle; border-bottom: 1px solid #111; }
.txt-result .comment { margin-top: 10px; font-size: 16px; color: #666; }
.txt-result + .sec { margin-top: 45px; }
[class*='tab-wrap'] .tab-list { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; }
[class*='tab-wrap'] .tab-list li { display: table-cell; text-align: center; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 17px; border: 1px solid #aaa; color: #666; }
[class*='tab-wrap'] .tab-list li a { display: block; padding: 20px 0; }
[class*='tab-wrap'] .tab-list li a.disabled { background-color: #f4f4f4; color: #999 !important; cursor: default; }
[class*='tab-wrap'] .tab-list li a[aria-hidden="true"] { color: #ccc !important; cursor: default; }
[class*='tab-wrap'] .tab-list li a:hover, [class*='tab-wrap'] .tab-list li a:focus { color: inherit; text-decoration: none; outline:2px solid #00ff00;}
[class*='tab-wrap'] .tab-list li.active { background-color: #2157bf; color: #fff; border: 1px solid #2157bf; }
[class*='tab-wrap'] .tab-list li:not(.active) a:hover { color: #2157bf; text-decoration: none; }
[class*='tab-wrap'] .tab-panel { padding-top: 39px; display: none; }
[class*='tab-wrap'] .tab-panel.active { display: block; }
[class*='tab-wrap'] ~ *[id*="tab-panel-"], [class*='tab-wrap'] ~ *[id*="tab-pannel-"] { margin-top: 50px; }
[class*='tab-wrap'].style-1 .tab-list li { background-color: #f7f7f7; color: #888; border: 1px solid #ddd; border-bottom: 2px solid #2258c0; }
[class*='tab-wrap'].style-1 .tab-list li.active { border: 2px solid #2258c0 !important; background-color: #fff; border-bottom: none !important; }
[class*='tab-wrap'].style-1 .tab-list li.active a { color: #2258c0; }
[class*='tab-wrap'].style-1 .tab-list li:first-child { border-right: none; }
[class*='tab-wrap'].style-2 .tab-list { border-bottom: 1px solid #97a9e0; }
[class*='tab-wrap'].style-2 .tab-list li { border: 0 none; }
[class*='tab-wrap'].style-2 .tab-list li a { font-size: 28px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #fff; padding-bottom: 36px; }
[class*='tab-wrap'].style-2 .tab-list li a:hover, [class*='tab-wrap'].style-2 .tab-list li a:focus { color: #fff; text-decoration: none; }
[class*='tab-wrap'].style-2 .tab-list li.active { background: none !important; }
[class*='tab-wrap'].style-2 .tab-list li.active a { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #fff; border-bottom: 3px solid #fff; }
[class*='tab-wrap'].style-2 .tab-panel { padding: 40px 0; }
.item-name + [class*='tab-wrap'] { margin-top: 39px; }
.sec + [class*='tab-wrap'] { margin-top: 80px; }
.information div[class*="basic-table-"] > table { border-top-width: 1px; }
.information li .bullet-type-dot { padding: 9px 0 6px 0; }
.information li .bullet-type-dot li { color: #111; padding-left: 19px; margin-bottom: 4px; }
.information li .bullet-type-dot li:before { width: 3px; height: 3px; top: 6px; left: 10px; background-color: #111; }
.information .info_tit { display: inline-block; margin-bottom: 18px; position: relative; padding: 0 26px 0 34px; color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.information .info_tit:before { content: ''; display: block; margin-top: -12px; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; background: url(/html/ics/images/common/cmm-splite.png) -25px -84px no-repeat; }
.information .fn_dropdown .info_tit:after { content: ''; display: block; margin-top: -4px; position: absolute; top: 50%; right: 0; width: 14px; height: 8px; background: url(/html/ics/images/common/cmm-splite.png) -55px -84px no-repeat; }
.information .fn_dropdown .info_tit[aria-expanded='true']:after { background: url(/html/ics/images/common/cmm-splite.png) -55px -84px no-repeat; }
.information .fn_dropdown .info_tit[aria-expanded='false']:after { background: url(/html/ics/images/common/cmm-splite.png) -55px -101px no-repeat; }
.information .fn_dropdown.open .info_tit:after { background: url(/html/ics/images/common/cmm-splite.png) -55px -84px no-repeat; }
.information dl dt { margin-bottom: 8px; font-size: 15px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.information dl dd + dt { margin-top: 20px; }
.information dl dd { color: #666; font-size: 14px; line-height: 18px; }
.information dl + ul { margin-top: 20px; }
.information ul li, .information ol li { margin-bottom: 8px; color: #666; font-size: 14px; line-height: 18px; }
.information ul li:last-child, .information ol li:last-child { margin-bottom: 0; }
.information ul + dl, .information ol + dl { margin-top: 20px; }
.information .bold { font-family: 'Noto Sans KR Medium'; color: #111; }
.information.type-border .info_tit { padding-left: 22px; margin-bottom: 10px; font-size: 15px; }
.information.type-border .info_tit:before { width: 18px; height: 18px; margin-top: -10px; background: url(/html/ics/images/common/cmm-splite.png) -149px -138px no-repeat; }
.information div[class*="basic-table-"] { display: inline-block; }
.information div[class*="basic-table-"] > table th, .information div[class*="basic-table-"] > table td { height: 36px; padding: 10px 10px 6px; }
.information div[class*="basic-table-"] > table th { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: center; }
.information.type-con { font-size: 16px; }
.information.type-con dl dt { font-size: 16px; margin-bottom: 10px; }
.information.type-con dl dd { font-size: 16px; line-height: 24px; }
.information.type-con ul, .information.type-con ol { margin-top: 8px; }
.information.type-con ul li, .information.type-con ol li { font-size: 16px; line-height: 24px; }
.information.type-con ul li ul, .information.type-con ul li ol, .information.type-con ul li div, .information.type-con ol li ul, .information.type-con ol li ol, .information.type-con ol li div { padding-left: 15px; }
.information .btn-radio-group { margin-top: 30px; }
.sec ~ .information { margin-top: 50px; }
[class*='tab-wrap'] ~ .information { margin-top: 50px; }
.information ~ .information { margin-top: 28px; }
.sys-pop .sys-body { min-width: auto; }
.sys-pop .sys-body .layer-wrap { display: block; border: none; }
.sys-pop .sys-body.w1 { width: 570px; }
.sys-pop .sys-body.w2 { width: 720px; }
.sys-pop .sys-body.w3 { width: 960px; }
.sys-pop .sys-body.w4 { width: 1040px; }
.sys-pop .sys-body.top-fixed .ly-tit { position: fixed; z-index: 50; }
.sys-pop .sys-body .sec + .btn-group { padding-top: 39px; }
.sys-pop .ly-content { padding: 99px 20px 50px 20px; }
.sys-pop .ly-content .ly-tit .tit { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding: 15px 20px; }
.sys-pop .ly-content .ly-con { padding: 0; }
.layer-body { min-width: auto; }
.layer-wrap { min-width: 480px; border: 1px solid #2157bf; }
.popup .layer-wrap { transform: translateX(-9px); -o-transform: translateX(-9px); -ms-transform: translateX(-9px); }
.ly-content { padding: 50px 0 50px; position: relative; }
.ly-content .ly-tit { position: absolute; top: 0; left: 0; width: 100%; }
.ly-content .ly-tit .tit { background-color: #2157bf; color: #fff; font-size: 24px; }
.ly-content .ly-tit .btn-close { position: absolute; top: 24px; right: 24px; width: 27px; height: 27px; overflow: hidden; text-indent: -9999px; background: url(/html/ics/images/common/cmm-splite.png) -136px 0 no-repeat; }
.ly-content .ly-con { padding: 0 50px; }
.ly-content .ly-con p { color: #666; font-size: 16px; line-height: 24px; text-align: center; }
.ly-content .ly-con p + p { margin-top: 10px; }
.ly-content .ly-con .txt-major { margin-top: 30px; color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.ly-content .ly-con p + .btn-radio-group { margin-top: 30px; }
.ly-content .ly-con .txt-confirm { font-size: 24px; color: #111; line-height: 33px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.ly-content .ly-con .txt-confirm + .txt-confirm, .ly-content .ly-con .txt-confirm + p { margin-top: 20px; }
.ly-content .ly-con .para .tit-para { font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.ly-content .ly-con .para .tit-para + p, .ly-content .ly-con .para .tit-para + dl, .ly-content .ly-con .para .tit-para + div { margin-top: 15px; }
.ly-content .ly-con .para dl dt { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.ly-content .ly-con .para dl dd + dt { margin-top: 18px; }
.ly-content .ly-con .para + .para { margin-top: 40px; }
.ly-content .ly-con .term-agreement + .btn-group { padding-top: 30px; }
.ly-content .ly-con .term-agreement ~ .information { margin-top: 50px; }
.ly-content .ly-con .term-agreement .terms .bd-box { padding: 18px; font-size: 15px; }
.ly-content .ly-con .term-agreement .terms .bd-box .fll-in dt { margin-right: 3px; }
.ly-content .ly-con .term-agreement .terms ~ * { margin-top: 30px; }
.ly-content .ly-con .ly-head-copy-1 h3 { margin-bottom: 15px; }
.ly-content .ly-con .ly-head-copy-1 p { text-align: left; }
.ly-content .ly-con .ly-head-copy-1 + * { margin-top: 28px; }
.ly-content .ly-btn-area { margin-top: 50px; }
.ly-content .ly-chk-date { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 20px; background: #f4f4f4; }
.ly-content .ly-chk-date .btn-close { float: right; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #333; }
.ly-content .term-agreement .terms .btn-radio-group .btn-radio + .btn-radio { margin-left: 60px; }
.ly-content.type-sys { padding: 90px 0 50px 0; min-height: 400px; }
.ly-content.type-sys .ly-tit .tit { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding: 15px 20px; }
.ly-content.type-sys .ly-con { padding: 0 20px; text-align: left; }
.ly-content.type-sys .ly-con p { text-align: left; }
.ly-content.type-sys .ly-con .txt-3 { font-size: 18px; color: #333; }
.ly-content.type-sys .ly-con .basic-table-1 table thead th { text-align: center; }
.ly-content.type-sys .ly-con .basic-table-1 table thead + tbody td { text-align: center; }
.w-double .ly-content .ly-con .txt-confirm { font-size: 28px; }
.bl-inner-sec + * { margin-top: 27px; }
.bl-inner-sec ol li { line-height: 24px; }
.msg-box { text-align: center; font-size: 24px; color: #111; }
.msg-box .txt-main { font-size: 28px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; line-height: 40px; }
.msg-box .txt-normal { font-family: "Noto Sans"; line-height: 33px; }
.msg-box .txt-mid { font-size: 18px; color: #333; line-height: 28px; }
.msg-box .txt-add { font-size: 16px; color: #666; line-height: 27px; }
.msg-box .txt-add strong { font-family: "Noto Sans"; }
.msg-box .txt-main ~ p { margin-top: 30px; }
.msg-box p + .txt-add { margin-top: 60px; }
.msg-box .msg-btn-area { margin-top: 30px; }
.msg-box:before { content: ''; display: block; margin: 0 auto 40px auto; width: 84px; height: 84px; border-radius: 50%; background: url(/html/ics/images/common/cmm-splite.png) -1px -177px no-repeat; }
.msg-unbox:before {background:unset; height:0;}
.msg-box.type-ing:before { background: url(/html/ics/images/common/cmm-splite.png) -87px -177px no-repeat; }
.msg-box.type-temp:before { background: url(/html/ics/images/common/cmm-splite.png) -87px -177px no-repeat; }
.msg-box.type-error:before { width: 60px; height: 60px; background: url(/html/ics/images/common/cmm-splite.png) 0 -113px no-repeat; margin: 0 auto 10px auto; }
.msg-box.type-logout:before { background: url(/html/ics/images/common/cmm-splite.png) -173px -177px no-repeat; }
.msg-box.type-none:before { background: none; display: none; }
.msg-box + .sec { margin-top: 80px; }
.msg-box-wrap { overflow: hidden; }
.msg-box-wrap > li { float: left; width: 50%; }
.msg-box-wrap > li [class*="msg-box"] { height: 280px; }
.msg-box-wrap > li [class*="msg-box"]:before { display: none; }
.msg-box-wrap > li [class*="msg-box"][class*="type-ctm"] .txt-main { display: inline-block; position: relative; font-size: 24px; }
.msg-box-wrap > li [class*="msg-box"][class*="type-ctm"] .txt-main:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: #111; }
.msg-box-wrap > li .msg-list-ol { margin-top: 33px; counter-reset: msglistol; }
.msg-box-wrap > li .msg-list-ol li { position: relative; padding-left: 38px; color: #333; font-size: 16px; text-align: left; }
.msg-box-wrap > li .msg-list-ol li:before { position: absolute; top: 0; left: 0; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; counter-increment: msglistol; content: counter(msglistol, decimal-leading-zero) ". "; font-size: 20px; }
.msg-box-wrap > li .msg-list-ol li + li { margin-top: 10px; }
.msg-box-wrap > li + li [class*="box-line"] { border-left: 0; }
.ly-con .msg-box.type-kakao:before { width: 100px; height: 66px; border-radius: 0; background: url(/html/ics/images/common/cmm-splite.png) -86px -386px no-repeat; }
.ly-con .txt-normal ~ .txt-add { padding-top: 30px; }
.ly-con .msg-box-table { min-height: 558px; }
.ly-con .msg-box-table .dtc { vertical-align: middle; }
.ly-con .txt-major.font-r { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif !important; }
.sec ~ .sec, .sec ~ form, div[class*="basic-table-"] ~ .sec { padding-top: 50px; }
.article ~ .article { padding-top: 48px; }
.sec ~ .sec.cert-zone { padding-top: 80px; }
.sec > h1, .tit-1 { font-family: 'Noto Sans KR bold'; font-size: 36px; color: #111; line-height: 1; letter-spacing: -0.075em; margin-bottom: 50px; text-align: center; }
html #contents-wrap > h1.tit-1 { font-family: '맑은고딕', Malgun Gothic; letter-spacing: -0.13em; font-weight: 900; }
html.load-complite #contents-wrap > h1.tit-1 { font-family: 'Noto Sans KR bold'; letter-spacing: -0.075em; opacity: 1; }
html.no-ie #contents-wrap > h1.tit-1 { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif !important; letter-spacing: -0.075em !important; opacity: 1; }
.sec > h2, .tit-2 { font-size: 28px; line-height: 36px; margin-bottom: 34px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.tit-2.smb, .basic-table-1 .tit-2, .basic-table-blank .tit-2, .article .tit-2, .list-info-box .tit-2, .basic-accordion .tit-2, .tit-2.next-box, .next-box { margin-bottom: 10px; }
.tit-2.smb, .basic-table-1 .tit-2, .basic-table-blank .tit-2 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec > h3, .tit-3 { font-size: 24px; line-height: 33px; margin-bottom: 8px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.sec > .tit-3:first-child { font-size: 24px; line-height: 33px; margin-bottom: 34px; color: #111; }
.sec-tit-3 { margin-bottom: 40px; }
.sec-tit-3:last-child { margin-bottom: 0; }
.sec-tit-3 .txt-tit-sub { color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec-tit-3 .tit-3 + .txt-tit-sub { margin: 12px 0; }
.sec > h4, .tit-4 { font-size: 16px; line-height: 33px; margin-bottom: 0; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec-tit-4 { margin-bottom: 40px; }
.sec-tit-4:last-child { margin-bottom: 0; }
.sec * + h1, .sec * + .tit-1, .sec * + h2, .sec * + .tit-2, .sec * + h3, .sec * + .tit-3 .sec * + h4, .sec * + .tit-4 { margin-top: 50px; }
.tit-group-2 > * { margin: 0 !important; }
.tit-group-2 > *:first-child { margin-bottom: 5px !important; }
.tit-group-2 + table { margin-top: 4px; }
[class*='tit-group'] h1, [class*='tit-group'] .tit-1 { margin-bottom: 50px; }
[class*='tit-group'] p { color: #666; }
[class*='tit-group'] p strong { color: #000; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='tit-group'] p + p { margin-top: 10px; }
[class*='tit-group'] p.txt-1 { font-size: 18px; line-height: 30px; }
[class*='tit-group'] p.txt-1 strong { color: #111; font-weight: normal; }
[class*='tit-group'] p.txt-2 { color: #333; }
[class*='tit-group'][class*='-top'] { margin-bottom: 50px; }
[class*='tit-group'][class*='-center'] { text-align: center; }
[class*='tit-group'][class*='-center'] .tit-2, [class*='tit-group'][class*='-center'] .tit-3 { margin-bottom: 20px; }
[class*='tit-group'][class*='-tap'] { margin-bottom: 40px; }
[class*='tit-group'].type-group1 h1, [class*='tit-group'].type-group1 .tit-1 { margin-bottom: 25px; }
[class*='tit-group'].type-group2 h3, [class*='tit-group'].type-group2 .tit-2 { margin-bottom: 12px; }
[class*='tit-group'].type-group2 + .sec-tit-4 { margin-top: 45px; }
[class*='tit-group'].type-group2 .txt-4 { margin-bottom: 10px; }
[class*='tit-group'].type-group2 .txt-6 { margin-top: 5px; font-size: 24px; }
[class*='tit-group'].type-group3 h3, [class*='tit-group'].type-group3 .tit-3 { margin-bottom: 15px; }
[class*='tit-group'].type-aside { position: relative; }
[class*='tit-group'].type-aside .area-aside { position: absolute; top: 18px; right: 0; }
.sec > [class*="bullet-list"], .sec .txt-1 .txt, .sec .txt-2 { font-size: 15px; color: #666; line-height: 20px; letter-spacing: -0.05em; }
.sec-tit-4 .txt-1 .txt-2 { font-size: 16px; color: #666; line-height: 27px; letter-spacing: -0.05em; }
.sec .txt-1 ~ .txt-1 { padding-top: 22px; }
.guide-wrap, .sec .txt-3 { font-size: 14px; color: #666; line-height: 20px; letter-spacing: -0.05em; }
.sec .txt-4 { font-size: 16px; color: #333; line-height: 24px; letter-spacing: -0.05em; }
.sec .txt-4 ul li { margin-top: 7px; }
.sec .txt-4 ul li:first-child { margin-top: 0; }
.sec .txt-4 ~ .txt-4 { margin-top: 10px; }
.sec .txt-5 { font-size: 20px; color: #333; line-height: 1.7; letter-spacing: -0.05em; }
.sec .txt-6 { font-size: 18px; color: #333; line-height: 24px; letter-spacing: -0.05em; }
.sec .txt-6 ul li { margin-top: 7px; }
.sec .txt-6 ul li:first-child { margin-top: 0; }
[class*='box-line'] { padding: 40px 40px; border: 1px solid #e5e5e5; border-top: 2px solid #555; }
[class*='box-line'] + .btn-radio-group { margin-top: 15px; text-align: center; }
[class*='box-line'] + .btn-radio-group p { margin-bottom: 13px; color: #666; }
[class*='box-line'][class*='normal'] { border-top: 1px solid #e5e5e5; }
[class*='box-line'][class*='normal'].onece-cause { padding: 20px; border-color: #111; color: #333; }
[class*='box-line'][class*='normal'].onece-cause p { color: inherit; }
.bg-box { padding: 20px; background-color: #f4f4f4; }
.bg-box p { text-align: left !important; }
.bg-box-2 { padding: 28px 20px; background-color: #f4f4f4; }
.bg-box-2 .txt-structure { clear: both; overflow: hidden; }
.bg-box-2 .txt-structure * { float: left; color: #333; }
.bg-box-2 .txt-structure .left { font-size: 18px; position: relative; margin-right: 60px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.bg-box-2 .txt-structure .left:before { content: ''; display: inline-block; width: 1px; height: 18px; position: absolute; top: 3px; right: -32px; background-color: #ccc; }
.bg-box-2 .txt-structure .right strong { font-size: 24px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-right: 5px; }
.bg-box3 { position: relative; padding: 37px 50px 33px 40px; background-color: #f4f4f4; }
.bg-box3 ul li { line-height: 34px; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.bg-box3 ul li:last-child { font-size: 16px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.bg-box3 a { position: absolute; top: 50%; right: 50px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.bg-box3.type-2 { padding: 23px 50px 23px 40px; }
.bg-box3.type-2 p { height: 34px; line-height: 34px; color: #333; font-size: 18px; }
.ctm-list-normal { line-height: 28px; }
.ctm-list-normal li { color: #666; }
.ctm-list-normal li strong { color: #333; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
#contents-wrap { width: 1136px; margin: 0 auto; padding: 80px 0 100px 0; min-height: 520px; }
#contents-wrap.login { padding-top: 45px; }
#contents-wrap.login .tit-1 { margin-bottom: 30px; }
.sch-zipcode .search-form + .list-result, .sch-fc .search-form + .list-result { margin-top: 39px; }
.sch-zipcode .list-result ul, .sch-fc .list-result ul { display: table; border-collapse: collapse; width: 100%; text-align: left; }
.sch-zipcode .list-result ul li, .sch-fc .list-result ul li { display: table-row; border: 1px solid #e5e5e5; border-bottom-width: 0; }
.sch-zipcode .list-result ul li:last-child, .sch-fc .list-result ul li:last-child { border-width: 1px; }
.sch-zipcode .list-result ul a, .sch-fc .list-result ul a { display: block; position: relative; width: 100%; padding: 22px 30px 20px; box-sizing: border-box; }
.sch-zipcode .list-result ul a:hover, .sch-fc .list-result ul a:hover { color: initial; text-decoration: none; font-weight: normal; }
.sch-zipcode .list-result ul a li, .sch-fc .list-result ul a li { border: none; }
.sch-zipcode .list-result ul a li *, .sch-fc .list-result ul a li * { display: table-cell; }
.sch-zipcode .list-result ul a li strong, .sch-fc .list-result ul a li strong { width: 120px; height: 35px; vertical-align: middle; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sch-zipcode .list-result ul a li div, .sch-fc .list-result ul a li div { width: auto; padding-left: 30px; }
.sch-zipcode .list-result ul a:hover:before, .sch-zipcode .list-result ul a:focus:before, .sch-zipcode .list-result ul .selected:before, .sch-fc .list-result ul a:hover:before, .sch-fc .list-result ul a:focus:before, .sch-fc .list-result ul .selected:before { content: ''; display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 2px solid #4c50c7; }
.sch-zipcode .list-result .code, .sch-fc .list-result .code { color: #4c50c7; }
.address-chk ul:after { content: ''; display: block; clear: both; }
.address-chk ul li { float: left; width: 48%; }
.address-chk ul li:nth-child(even) { margin-left: 4%; }
.address-chk ul li .btn-checkbox { margin-bottom: 15px; }
.address-chk ul li .detail { padding: 24px; border: 1px solid #e5e5e5; min-height: 102px; }
.address-chk ul li .detail strong { display: block; margin-bottom: 4px; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.address-chk ul li .detail p { text-align: left; }
.address-chk ul li .detail p + p { margin-top: 3px; }
.address-chk + [class*='tit'] { margin-top: 50px; }
.layer-wrap { display: none; }
.layer-wrap .ly-content { background-color: #fff; }
.loadingDim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; background: url(/html/ics/images/common/bg-dimd-black.png) repeat; z-index: 500; display: none; }
.loadingDim.on { display: table; }
.loadingDim .innerLoading { display: table-cell; text-align: center; vertical-align: middle; }
.loadingDim .innerLoading span { display: inline-block; width: 66px; height: 66px; background-color: #ff0; text-indent: -9999px; background: url(/html/ics/images/common/Loading.png) 0 0 no-repeat; }
.loadingDim.pageMove .innerLoading span { display: inline-block; width: 250px !important; height: 200px !important; text-indent: -9999px; background: url(/html/ics/images/common/pc-loading-ani-1.gif) 0 0 no-repeat !important; }
.mobile .loadingDim { min-width: 1136px; }
.angle-down, .angle-up { color: #003dbf; }
.angle-down:before, .angle-up:before { content: ''; display: inline-block; border: solid transparent; border-width: 9px 7px 0 7px; border-top-color: #003dbf; margin-right: 5px; vertical-align: middle; }
.angle-up { color: #d10000; }
.angle-up:before { border: solid transparent; border-width: 0 7px 9px 7px; border-bottom-color: #d10000; margin-top: -2px; margin-right: 10px; }
.angle-up.won:before { margin-right: 5px; }
.angle-stop:before { content: ''; display: inline-block; width: 9px; height: 1px; background-color: #000; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
.as-call-1 { font-size: 21px; padding-top: 9px; overflow: hidden; }
.as-call-1:before { content: ''; vertical-align: middle; float: left; width: 32px; height: 32px; background: url(/html/ics/images/common/cmm-splite.png) -199px -53px no-repeat; margin-right: 10px; position: relative; top: -5px; }
.as-call-1 dt, .as-call-1 dd { float: left; }
.as-call-1 dd { padding-left: 10px; font-size: 24px; }
*[class*="step-box-"] .dtb .dtc { border-left: 1px solid #e5e5e5; padding: 50px 30px; }
*[class*="step-box-"] .dtb .dtc:first-child { border-left: none; }
*[class*="step-box-"] .dtb .dtc .step { height: 30px; line-height: 31px; width: 83px; margin: 0 auto; border-radius: 15px; background-color: #4c50c7; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 24px; }
*[class*="step-box-"] .dtb .dtc .step + p { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; font-size: 18px; }
*[class*="step-box-"].service-step .dtb .dtc .step { display: inline-block; padding: 0 20px; width: auto; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
*[class*="step-box-"].service-step .dtb .dtc p { font-size: 16px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
*[class*="step-box-"].find-step .dtb { border: none; }
*[class*="step-box-"].find-step .dtb .dtc { border: 1px solid #e5e5e5; border-right: none; padding-bottom: 36px; }
*[class*="step-box-"].find-step .dtb .dtc:last-child { border-right: 1px solid #e5e5e5; }
*[class*="step-box-"].find-step .dtb .dtc .step { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 15px; background: #ccc; margin-bottom: 30px; }
*[class*="step-box-"].find-step .dtb .dtc.before .step { margin-bottom: 24px; background: #666; }
*[class*="step-box-"].find-step .dtb .dtc.active { border-color: #2154bd; border-width: 2px; }
*[class*="step-box-"].find-step .dtb .dtc.active .step { background: #4c50c7; }
*[class*="step-box-"].find-step .dtb .dtc.active + .dtc { border-left-color: #2154bd; border-width: 2px; }
.step-box-2 .tit-3:after { content: ''; width: 50px; height: 71px; display: block; margin: 35px auto; background: url(/html/ics/images/common/cmm-splite.png) -267px -177px no-repeat; }
.step-box-2 .tit-3.icon-1:after { width: 61px; }
.step-box-2 .tit-3.icon-2:after { background-position-x: -341px; -ms-background-position-x: -341px; }
.step-box-2 .tit-3.icon-3:after { background-position-x: -415px; -ms-background-position-x: -415px; }
.step-box-2 .txt-zone { color: #333; }
.step-box-2 .txt-ps { font-size: 15px; }
.step-box-vmid .dtb { table-layout: fixed; }
.step-box-vmid .dtb .dtc { position: relative; padding: 65px 25px 18px; text-align: center; vertical-align: middle; }
.step-box-vmid .dtb .dtc .step { position: absolute; top: 19px; left: 50%; margin-left: -25px; margin-bottom: 0; display: inline-block; width: 50px; font-size: 15px; }
.step-box-vmid .dtb .dtc p, .step-box-vmid .dtb .dtc span { margin-top: 0; word-break: keep-all; }
.step-box-vmid.type-2 { margin-top: 15px; }
.step-box-vmid.type-2 .dtb .dtc { padding-top: 18px; }
.step-box-vmid.type-2 p { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; font-size: 18px; }
.tooltip.phone .link { color: #333; border-bottom: 1px solid #333; }
.tooltip.phone .link:hover, .tooltip.phone .link:focus { color: #008de2; border-bottom: 1px solid #008de2; }
.ui-tooltip { padding: 8px 15px; position: absolute; z-index: 200; max-width: 500px; border: 1px solid #444 !important; background-color: #fff; }
body .ui-tooltip { border-width: 2px; }
.ctfs-chk-eng .dtb { width: 1134px; background-color: #f4f4f4; margin: 0 -20px -18px; }
.ctfs-chk-eng .dtb dt { width: 50px; white-space: nowrap; padding: 0 18px; }
.ctfs-chk-eng .dtb .eng-name-dd { width: 400px; }
.ctfs-chk-eng .dtb .dtc { height: 60px; vertical-align: middle; }
.ctfs-chk-eng .tb-box { margin: 0 -20px -18px; padding: 30px 33px 33px 33px; border-top: 1px solid #e5e5e5; }
.ctfs-chk-eng .tb-box .type-3 .btn-checkbox { padding-left: 0; }
.ctfs-chk-eng .tb-box .type-3 .type-2 { border: none; background: #fafafa; margin: 14px -15px -14px -15px; padding: 18px; }
.ctfs-chk-eng .tb-box .type-3 .type-2 .form-wrap > label { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 16px; color: #111; }
.ctfs-chk-eng .tb-box .type-3 .type-2 .form-wrap > label + .btn-radio-group { margin-top: 8px; }
.ctfs-chk-eng .tb-box .type-3 .type-2 .form-wrap > label + .btn-radio-group .btn-radio + .btn-radio { margin-left: 43px; }
.check-bd-box li + li { margin-top: 10px; }
.member-info-table-1 th, .member-info-table-1 td { padding: 10px 0; }
.member-info-table-1 th { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; font-weight: normal; }
.member-info-table-1 tbody tr:last-child th, .member-info-table-1 tbody tr:last-child td { padding-bottom: 0; }
.req { display: inline-block; position: relative; left: 5px; top: 5px; vertical-align: top; }
.req:before { content: ''; position: absolute; width: 5px; height: 5px; top: 0; left: 0; background-color: #ff0000; border-radius: 50%; -ms-border-radius: 50%; }
.req span { display: inline-block; position: absolute; z-index: -10; width: 0 !important; height: 0 !important; overflow: hidden !important; font-size: medium; line-height: normal; word-break: break-all; }
#contents-wrap.credit-card div.basic-table-blank .inner { padding: 30px 40px; }
#contents-wrap.credit-card div.basic-table-blank table th { padding: 0 20px 0 0; }
#contents-wrap.credit-card div.basic-table-blank .type-col [class*='select-box'] { width: 291px !important; }
#contents-wrap.credit-card div.basic-table-blank .type-col .input-box.ck { margin-top: 5px; width: unset !important; }
div.basic-table-blank table.ars { border-top: 1px solid #aaaaaa; position: relative; }
div.basic-table-blank table.ars td { padding: 18px 0; }
div.basic-table-blank table.ars .ars-box { display: table; width: 100%; }
div.basic-table-blank table.ars .ars-box .box { display: table-cell; vertical-align: middle; }
div.basic-table-blank table.ars .ars-box .box ol li { color: #333; line-height: 1.7; }
div.basic-table-blank table.ars .ars-box .box.ars-count { padding: 20px 0; width: 400px; text-align: center; background: #f4f4f4; }
div.basic-table-blank table.ars .ars-box .box.ars-count span, div.basic-table-blank table.ars .ars-box .box.ars-count strong { display: inline-block; vertical-align: middle; }
div.basic-table-blank table.ars .ars-box .box.ars-count .tit { font-size: 16px; color: #111111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
div.basic-table-blank table.ars .ars-box .box.ars-count .num { padding: 0 14px 0 22px; font-size: 36px; color: #c41d68; font-family: "Roboto Bold"; }
input ~ .btn-clear { opacity: 0; }
input:focus ~ .btn-clear { opacity: 1; }
.btn-clear:focus { opacity: 1 !important; }
.ie .util-login-expand:before { position: relative; top: -1px; }
.box-bg-btn { position: relative; padding: 25px 30px; background: #f4f4f4; }
.box-bg-btn .small-btn-wrap { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
.box-bg-btn .small-btn-wrap button { margin-right: 7px; }
.box-bg-btn .small-btn-wrap button:last-child { margin-right: 0; }
.iisai-acci-info > .tit-2 { margin-bottom: 8px; }
.iisai-acci-info > .tit-2 + p { margin-bottom: 50px; }
.iisai-acci-info .information.type-con dl dt { margin-bottom: 5px; }
.iisai-acci-info .information.type-con dl dd + dt { margin-top: 30px; }
.iisai-acci-info .information.type-con dl dd ul { margin-top: 0; }
.iisai-acci-info .information.type-con dl dd ul li { margin-bottom: 5px; font-size: 15px; line-height: 20px; }
.ly-content .ly-con .iisai-acci-info > .tit-2 + p { text-align: left; }
.iisai-assu-select .agree-button { margin-top: 20px; }
.form-wrap .textarea-box.count { position: relative; }
.form-wrap .textarea-box.count textarea { min-height: 136px; max-height: 250px; }
.form-wrap .textarea-box.count .count-num { position: absolute; bottom: -28px; right: 0; font-size: 14px; color: #666; }
.form-wrap .textarea-box.count .count-num .txt-num + span { display: inline-block; padding: 0 1px; }
.form-wrap + .bullet-type-dot { padding-top: 6px; }
.ck.amex { display: none; }
.ck.dynus { display: none; }
#contents-wrap.cd-normal .ck.amex { display: inline-block; }
#contents-wrap.cd-hyun .ck.dynus { display: inline-block; }
#contents-wrap .card-terms-list-1, #contents-wrap .card-terms-list-2 { display: none; }
#contents-wrap.kb .card-terms-list-1, #contents-wrap.lt .card-terms-list-1, #contents-wrap.sh .card-terms-list-1, #contents-wrap.hn .card-terms-list-1, #contents-wrap.hd .card-terms-list-1, #contents-wrap.bc .card-terms-list-1, #contents-wrap.nh .card-terms-list-1 { display: block; }
#contents-wrap.sm .card-terms-list-2 { display: block; }
#contents-wrap .combo-form.hyun, #contents-wrap .combo-form.no-hyun { display: none; }
#contents-wrap .combo-form.no-hyun.normal { display: block; }
#contents-wrap.cd-hyun .combo-form.no-hyun { display: none; }
#contents-wrap.cd-hyun .combo-form.hyun { display: none; }
#contents-wrap.cd-hyun .combo-form.hyun.normal { display: block; }
#contents-wrap.cd-hyun.dynus .combo-form.no-hyun { display: none; }
#contents-wrap.cd-hyun.dynus .combo-form.hyun { display: none; }
#contents-wrap.cd-hyun.dynus .combo-form.hyun.dynus { display: block; }
#contents-wrap.cd-normal.amex .combo-form.no-hyun { display: none; }
#contents-wrap.cd-normal.amex .combo-form.no-hyun.amex { display: block; }
#contents-wrap.cd-normal.amex .combo-form.hyun { display: none; }
.total-menu-wrap { display: none; position: fixed; left: 0; top: 130px; width: 100%; height: calc(100% - 130px); background-color: #f4f4f4; z-index: 500; }
.total-menu-wrap.active { display: block; }
.total-menu-wrap .total-menu-section { position: relative; height: 100%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; width: 1136px; margin: 0 auto; }
.total-menu-wrap .total-menu-section:before, .total-menu-wrap .total-menu-section:after { content: ''; height: 100%; position: absolute; z-index: 1; left: 283px; top: 90px; bottom: 0; }
.total-menu-wrap .total-menu-section:before { width: 1px; background-color: #e5e5e5; }
.total-menu-wrap .total-menu-section:after { width: 284px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; left: 566px; }
.total-menu-wrap .total-menu-section .hide-fixed-tit { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 1; }
.total-menu-wrap .total-menu-section .hide-fixed-tit > li { height: 90px; line-height: 90px; width: 25%; float: left; font-size: 24px; font-weight: bold; border-right: 1px solid #5475cc; padding: 0 40px; color: #fff; }
.total-menu-wrap .total-menu-section .hide-fixed-tit > li:first-child { border-left: 1px solid #5475cc; }
.total-menu-wrap .total-menu-section .hide-fixed-tit > li a, .total-menu-wrap .total-menu-section .hide-fixed-tit > li span { color: #fff; }
.total-menu-wrap .total-menu-section .hide-fixed-tit > li a:focus{outline:2px solid #fff; text-decoration:none;}
.total-menu-wrap .total-menu-section .scroll-wrap-1 { position: absolute; top: 90px; left: 0; bottom: 0; width: 100%; overflow-y: auto; }
.total-menu-wrap .total-menu-section .scroll-wrap-1 > .scroll-wrap-1 { top: 0; }
.total-menu-wrap .total-menu-section .btn-close { position: absolute; top: 25px; right: -60px; z-index: 1; }
.total-menu-wrap .total-menu-section .btn-close a { display: block; width: 40px; height: 40px; background: url(/html/kdblife/images/main/splite-main.png) 0 -127px no-repeat; text-indent: -9999px; }
.total-menu-wrap .total-menu-section .btn-close a:focus {outline:2px solid #fff;}
.total-menu-wrap .tot-menu-list { position: relative; z-index: 2; overflow: hidden; }
.total-menu-wrap .tot-menu-list > li { width: 25%; float: left; padding: 40px 38px; }
.total-menu-wrap .tot-menu-list > li:hover:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 25%; background-color: #fff; }
.total-menu-wrap .tot-menu-list > li.list-2:hover:after { left: 25%; }
.total-menu-wrap .tot-menu-list > li.list-3:hover:after { left: 50%; }
.total-menu-wrap .tot-menu-list > li.list-4:hover:after { left: 75%; }
.total-menu-wrap .tot-menu-list .depth-2 { position: relative; z-index: 3; }
.total-menu-wrap .tot-menu-list .depth-2 > li h3 { font-size: 16px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.total-menu-wrap .tot-menu-list .depth-2 > li + li { margin-top: 15px; }
.total-menu-wrap .tot-menu-list .depth-3 { margin-top: 5px; }
.total-menu-wrap .tot-menu-list .depth-3 > li { font-size: 14px; }
.total-menu-wrap .tot-menu-list .depth-3 > li a { display: block; padding: 3px 0; }
.total-menu-wrap .tot-menu-list .depth-4 > li { font-size: 14px; color: #333; padding-left: 10px; }
.total-menu-wrap .tot-menu-list .depth-4 > li a { padding: 1px 0; }
.total-menu-wrap:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; min-width: 1136px; height: 90px; background: #4c50c7; background: -moz-linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); background: -webkit-gradient(linear, -45deg, color-stop(0, 4c50c7), color-stop(100%, 2154BD)); background: -webkit-linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); background: -o-linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); background: -ms-linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2154BD', endColorstr='#4c50c7', GradientType='1'); background: linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); }
.remote-info-list li { color: #333; }
.remote-info-list li strong { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.remote-info-list li + li { margin-top: 5px; }
.howto-copy { margin-top: 50px; }
.howto-copy .tit-2 { margin-bottom: 10px; }
.howto-copy .con-area { padding: 50px; border: 1px solid #e5e5e5; }
.howto-copy .con-area [class*='app-exp'], .howto-copy .con-area [class*='web-exp'] { margin-bottom: 60px; }
.howto-copy .con-area [class*='app-exp']:last-child, .howto-copy .con-area [class*='web-exp']:last-child { margin-bottom: 0; }
.howto-copy .con-area [class*='app-exp'] .step-num, .howto-copy .con-area [class*='web-exp'] .step-num { font-size: 18px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; line-height: 30px; text-transform: uppercase; }
.howto-copy .con-area [class*='app-exp'] .step-num .num, .howto-copy .con-area [class*='web-exp'] .step-num .num { display: inline-block; width: 83px; margin-right: 3px; font-size: 15px; color: #fff; font-family: "Roboto Bold"; background: #4c50c7; vertical-align: middle; line-height: 30px; border-radius: 30px; text-align: center; }
.howto-copy .con-area [class*='app-exp'] .step-num span, .howto-copy .con-area [class*='web-exp'] .step-num span { vertical-align: middle; }
.howto-copy .con-area [class*='app-exp'] .cert-import, .howto-copy .con-area [class*='web-exp'] .cert-import { margin-top: 35px; }
.howto-copy .con-area [class*='app-exp'] .img-explain, .howto-copy .con-area [class*='web-exp'] .img-explain { margin-top: 30px; }
.howto-copy .con-area [class*='app-exp'] .img-explain:after, .howto-copy .con-area [class*='web-exp'] .img-explain:after { content: ''; display: block; clear: both; }
.howto-copy .con-area [class*='app-exp'] .img-explain li, .howto-copy .con-area [class*='web-exp'] .img-explain li { float: left; margin-right: 11px; }
.howto-copy .con-area [class*='app-exp'] .img-explain li:last-child, .howto-copy .con-area [class*='web-exp'] .img-explain li:last-child { margin-right: 0; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-area, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-area { background: #f4f4f4; text-align: center; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-txt, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-txt { margin-top: 15px; font-size: 15px; color: #666; line-height: 22px; white-space: nowrap; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-txt .num, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-txt .num { margin-right: 10px; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; color: #111; font-family: "Roboto Bold"; line-height: 40px; text-align: center; border: 1px solid #333; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-txt .num.line-3, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-txt .num.line-3 { position: relative; top: -10px; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-txt span, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-txt span { display: inline-block; vertical-align: middle; }
.howto-copy .con-area [class*='app-exp'] .img-explain li .img-txt strong, .howto-copy .con-area [class*='web-exp'] .img-explain li .img-txt strong { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.howto-copy .con-area [class*='app-exp'].app-exp1 .img-explain li, .howto-copy .con-area [class*='app-exp'].web-exp2 .img-explain li, .howto-copy .con-area [class*='web-exp'].app-exp1 .img-explain li, .howto-copy .con-area [class*='web-exp'].web-exp2 .img-explain li { width: 337px; }
.howto-copy .con-area [class*='app-exp'].app-exp2 .img-explain li, .howto-copy .con-area [class*='app-exp'].web-exp1 .img-explain li, .howto-copy .con-area [class*='web-exp'].app-exp2 .img-explain li, .howto-copy .con-area [class*='web-exp'].web-exp1 .img-explain li { width: 511px; }
.howto-copy .con-area [class*='app-exp'].app-exp3 .img-explain li, .howto-copy .con-area [class*='app-exp'].web-exp3 .img-explain li, .howto-copy .con-area [class*='web-exp'].app-exp3 .img-explain li, .howto-copy .con-area [class*='web-exp'].web-exp3 .img-explain li { width: 100%; }
.btn-top { display: none; position: fixed; left: 50%; margin-left: 500px; bottom: 185px; z-index: 5; }
.btn-top a { display: inline-block; width: 80px; height: 80px; overflow: hidden; text-indent: -9999999px; background: url(/html/ics/images/common/btn-top.png) no-repeat center; }
.is-sticky ~ .btn-top { display: block !important; }
#contents-wrap.error-contents-wrap { padding: 60px 0 100px 0; width: 940px; }
.common-error header .logo { margin-bottom: 20px; width: 210px; height: 22px; background: url(/html/ics/images/common/cmm-splite.png) 0 -630px no-repeat; }
.common-error header .logo a { display: block; color: transparent; text-indent: -9999px; overflow: hidden; }
.common-error .err-content { padding: 80px 70px; border: 1px solid #ccc; }
.common-error .err-content h1 { line-height: 50px; margin-bottom: 30px; }
.common-error .err-content:before { content: ''; display: block; margin: 0 auto 35px; width: 84px; height: 84px; background: url(/html/ics/images/common/cmm-splite.png) -1px -539px no-repeat; }
.common-error .err-content .error-msg { color: #333; text-align: center; }
.common-error .err-content .btn-group { padding-top: 50px; }
.common-error .err-content.err-notf:before { background-position-x: -1px; }
.common-error .err-content.err-notf .tit-1 { margin-bottom: 90px; }
.common-error .err-content.err-notf .error-msg p + p { margin-top: 5px; }
.common-error .err-content.inst-prg:before, .common-error .err-content.inst-err:before { background-position-x: -86px; }
.common-error .err-content.inst-err .tit-1 { margin-bottom: 60px; }
.common-error .err-content.inst-err .err-resolve .res-sequ li { margin-bottom: 60px; }
.common-error .err-content.inst-err .err-resolve .res-sequ li:last-child { margin-bottom: 0; }
.common-error .err-content.inst-err .err-resolve .res-sequ li.resolve-2 li { margin-bottom: 30px; }
.common-error .err-content.inst-err .err-resolve .res-sequ li.resolve-2 li:last-child { margin-bottom: 0; }
.common-error .err-content.inst-err .err-resolve .res-explain .exp-txt .txt { padding: 15px; color: #333; background: #f4f4f4; }
.common-error .err-content.inst-err .err-resolve .res-explain .exp-txt .txt p { margin-bottom: 10px; }
.common-error .err-content.inst-err .err-resolve .res-explain .exp-txt .txt p:last-child { margin-bottom: 0; }
.common-error .err-content.inst-err .err-resolve .res-explain .img-area { margin-top: 20px; border: 1px solid #e5e5e5; }
.common-error .err-content.inst-err .err-resolve .res-explain .img-area img { display: block; width: 100%; }
.common-error .err-content.inst-err .err-resolve .res-explain .basic-table-1 .txt-1 { margin-bottom: 10px; color: #333; }
.common-error .err-content.inst-err .err-resolve .res-explain .basic-table-1 table th { text-align: center; }
.common-error .err-content.inst-err .err-resolve .res-explain .basic-table-1 table td strong { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.common-error .err-content.down-err:before { background-position-x: -171px; }
.common-error .err-content.down-err .error-msg .tit-1 { margin-bottom: 42px; }
.common-error footer .copyright { padding-top: 30px; color: #666; font-size: 12px; text-align: center; }
.acc-time { display: table; width: 100%; }
.acc-time span { display: table-cell; padding-top: 1px; }
.acc-time span.tit { color: #333; padding-right: 10px; }
.acc-time span.time { text-align: right; }
.dl-list dt { margin-bottom: 10px; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.dl-list dd + dt { margin-top: 30px; }
.box-line > .tit-4 { font-size: 20px; }
.box-line > .tit-4 + .bullet-type-dot { padding-top: 25px; }
ul.check-bd-box .bd-box .btn-checkbox.dark-1.font-nm label:before { margin-top: -11px; }
ul.check-bd-box .bd-box .btn-checkbox.dark-1 + .pt-1 { padding-top: 18px !important; }
.transkey_label { display: none !important; opacity: 0 !important; }
.kc-dialog .kc-dialog .kc-pw-box[disabled] + #certPassword_tk_btn .transkey_label { height: 0 !important; overflow: visible !important; display: inline-block !important; opacity: 1 !important; background: url("../img/on.png") 0 0 no-repeat; }
.kc-dialog .kc-pw-box[disabled] + #certPassword_tk_btn .transkey_label { background: url("../img/off.png") 0 0 no-repeat; }
input[type="password"] { color: #333 !important; }
input[type="password"].nppfs-npk ~ .btn-clear { display: none !important; }
.ie input[type="password"] { font-size: 8px !important; letter-spacing: 0.05em !important; }
.ie input[type="password"]:-ms-input-placeholder.input { font-size: 16px !important; color: #999 !important; }
.tooltip-wrap { position: relative; }
.tooltip-wrap .tooltip-img { vertical-align: middle; }
.tooltip-wrap .tooltip-img:hover + .tooltip-box, .tooltip-wrap .tooltip-img:focus + .tooltip-box { display: block; }
.tooltip-wrap .tooltip-box { display: none; position: absolute; top: 30px; right: 0; z-index: 10; background-color: #fff; padding: 10px 15px; border: 1px solid #000; }
.tooltip-wrap .tooltip-box > p.dark-2 { text-align: left; }
.tooltip-wrap.type-2 .tooltip-box { margin: 0 -80px; text-align: left; }
.piboNo-data { display: inline-block; padding: 5px 0; }
.ui-helper-hidden-accessible { display: none; }
.price-btn-fixed-wrap .btn-form-type2 { padding-left: 7px !important; padding-right: 7px !important; width: 68px !important; }
.slick-dots li button:focus { outline: 2px solid #4782d6 !important; }

/* 2020-04-21 전자민원신청 스타일 추가 */
*[class*="step-box-"] .dtb .dtl {display:table; height:121px; width:100%; border:1px solid #e5e5e5; margin-top:18px;}
*[class*="step-box-"] .dtb .dt:after {content:''; display:block; clear:both;}
*[class*="step-box-"] .dtb .dtl:first-child {margin-top:0;}
*[class*="step-box-"] .dtb .dtl .step { height: 30px; line-height: 31px; width: 83px; margin: 0 auto; border-radius: 15px; background-color: #4c50c7; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-transform: uppercase; color: #fff; margin-bottom: 15px; }
*[class*="step-box-"] .dtb .dtl .step + p { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; font-size: 18px; }
*[class*="step-box-"] .dtb .dtl .step-num {border-right:1px solid #e5e5e5;width:283px; display:table-cell; vertical-align:middle; text-align:center;}
*[class*="step-box-"] .dtb .dtl .step-cont {display:table-cell; vertical-align:middle; padding-left:30px; text-align:left; color:#333;}
*[class*="step-box-"] .dtb .dtl .step-cont li {display:inline-block; margin-right:25px;}

/* 2020-09-02 통합검색 자동완성 스타일 추가 */
#header .util-nav .search-box > div .inp-text-wrap {padding-left:255px; left:0;}
.search-auto-find-result {display:block; background:#fff; position:absolute; top:65px; left:0; right:-10px; z-index:1; padding:0 75px 0 265px; border:2px solid #2154bd; border-top:0;}
.util-search .search-box > div span.search-auto-find-result ul {padding:15px 0;}
.util-search .search-box > div span.search-auto-find-result ul li {font-size:20px; line-height:38px;}
.util-search .search-box > div span.search-auto-find-result ul li a:hover {text-decoration:none; color:inherit;}

/* 2020-10-26 피싱방지 서비스 스타일 추가 */
.util-phishing {display:table; width:100%; color:#111; position:relative;}
.util-phishing > span {display:table-cell; padding-top:1px;}
.phishing-text {visibility:hidden; border:1px solid #555; background:#f7f7f7; padding:0 6px; height:24px; line-height:24px; text-align:center; color:#111; position:absolute; top:30px; left:0; z-index:2; display:block;}
.ie .phishing-text {padding:0 5px; line-height:22px;}
.phishing-text:before,
.phishing-text:after {content:''; position:absolute; bottom:100%; left:10px; border:solid transparent; width:0; height:0;}
.phishing-text:before {border-color:rgba(0,0,0,0); border-bottom-color:#000; border-width:5px; margin-left:-5px;}
.phishing-text:after {border-color:rgba(247,247,247,0); border-bottom-color:#f7f7f7; border-width:4px; margin-left:-4px;}
.util-phishing:hover > span.phishing-text {visibility:visible;}
[class*='util-phishing-user']:before {content:''; display:inline-block; width:21px; height:21px; margin-right:5px; background: url(/html/ics/images/common/cmm-splite.png) -379px 0 no-repeat; vertical-align:top;}
.util-phishing-user2:before {background-position-x:-401px;}
.util-phishing-user3:before {background-position-x:-423px;}
.util-phishing-user4:before {background-position-x:-445px;}
.util-phishing-user5:before {background-position-x:-467px;}
.util-phishing-user6:before {background-position-x:-489px;}
.util-phishing-user7:before {background-position-x:-511px;}
.util-phishing-user8:before {background-position-x:-533px;}

/* 2020-12-01 하단 수상로고 이미지 추가 */
#footer .ft_info .award-group {position: absolute; top: 33px; right:310px;}
#footer .ft_info .award-group span {position:relative; width:180px; display:block;}
#footer .ft_info .award-group span:before {content:''; display:inline-block; background: url(/html/ics/images/common/ico-award.png) no-repeat 0 0; width:37px; height:36px; background-size:100%; position:absolute; top:5px; left:0;}
#footer .ft_info .award-group span > strong {position:absolute; top:11px; left:45px; color:#fff;}

/* 2020-12-29 list 타입 추가 */
[class*="ol-type"][class*="6"] {margin-top:10px; counter-reset:relevantlawslistBox;}
[class*="ol-type"][class*="6"] li {font-size: 16px; font-family:"Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; position:relative; padding-left:12px; line-height:1.2; margin-bottom:8px;}
[class*="ol-type"][class*="6"] li:before {counter-increment:relevantlawslistBox; content:counter(relevantlawslistBox) "."; position:absolute; top:0; left:0;}


/* 2021-01-22 지급정지신청서 확인 스타일 추가*/
.stop-con > .size18 {font-size:18px; font-family:"Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; letter-spacing: -0.05em;}
.stop-con > .btn-checkbox {display: inline-block; margin-top:15px;}
.stop-con > .btn-checkbox input + label {font-size:18px;}

/* 2021-01-22 지급정지신청서 확인완료 스타일 추가*/
.pay-comm {margin-bottom:50px;}

/* 2021-03-02 사회공헌 실천내용 소제목 왼쪽정렬*/
.list-tab h2 {text-align:left;}

/*2021-03-10 개인정보제공/위탁업체현황 탭의 셀렉트위치*/
.tab-panel {overflow:hidden;}
.slt-r {float:right;}

/*2021-03-10 개인정보처리방침 및 신용정보활용체계*/
.nt {top:0!important;}
.sque-org {display: table; width: 100%; padding: 30px; border: 1px solid #e5e5e5; margin:10px 0;}
.point-bold {font-weight:bold;}
.txt_udline {text-decoration:underline;}
.p-fnt {font-size:21px; padding-top:15px; padding-bottom:10px; color:#111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif;}

/*2021-03-10 펀드추가서비스특약 가입동의*/
.fund-bar {width:100%;height: 1px;background: #aaa; margin: 50px 0;}
.tb-btwrap {display:flex; justify-content:space-between;}
.tb-btwrap > div {width:550px;}
.tb-btwrap  table {max-height: 585px; overflow-y: auto; display:inline-block;}


/*2021-03-17 해피콜 셀프체크 이미지 추가*/
.list-answer .sign-img {display:block; width:450px; height:250px; margin:20px 0;}
.list-answer .sign-img img {width:100%; height:100%;}

/*2021-03-16 상품안내 추가*/
.prd-round {position: absolute; width:100%; height: 80px; border-radius: 80px; background:#fff; bottom:-170px; box-shadow: 0 10px 15px 0 rgba(0,0,0,0.09); color:#666; font-size: 18px; text-align: left; padding:0 40px; z-index:2;  transition-duration:0.5s;}
.prd-round.active {position:fixed; width: 1136px;}
.prd-round .prd-txt {line-height: 83px; word-spacing: 10px; padding-left:15px; font-size:20px;}
.prd-round .prd-txt .prd-date {/*width:250px;*/position: relative; top:12px; height:40px; display: inline-block; border-radius: 40px; background: #f4f4f4;line-height: 40px; color:#111; font-weight: bold; text-align: center; padding:0 35px 0 20px;}
.prd-round .prd-date span + em {font-style:normal; color:#000; font-size:20px;}
.prd-round .prd-date span + em:after {display: none;}
.prd-round .prd-date .combo-form span:nth-child(1) {width:60px !important; margin-left:0;}
.prd-round .prd-date .input-box {width:35px !important; margin-left:10px;}
.prd-round .prd-date .input-box .input {border:none; background:rgba(0,0,0,0); text-align:center; padding:0; font-weight:bold; font-size:20px;}
.prd-ad {display: inline-block; word-spacing: 3px; color:#4d4dc5; font-weight: bold;}
.prd-ad:before {content: ''; display: inline-block; width:155px; height:2px; background: #4d4dc5; margin:0 20px 5px;}
.prd-gender .btn-radio {margin:0;}
.prd-gender .btn-radio input + span {width:40px; height:40px; line-height: 39px; border-radius:40px; font-size:20px; /*color:#999;*/ font-weight: bold; text-align:center; background:#fff; border:2px solid #4354bd; text-indent:inherit;}
.prd-gender .btn-radio input:checked + span {color:#fff !important; background:#4354bd;}
.prd-gender .btn-radio input:checked + span {color:#111;}
[class*='combo-form'].type-col.type3 .input-box { width: 89px !important; }
.term-agreement h2 input + label {font-size:28px;}

/*2021-04-28 상품공시 팝업 오늘하루동안 이창 상단간격*/
.ly-chk-wrap {padding-top:35px;}

/*2021-04-28 상품공시 탭 추가*/
.sec-tab {margin-top:50px; width:100%; text-align:center;}
.sec-tab ul.sec-tablist {width:auto; margin:0 auto; border:1px solid #aaa; border-radius:32px; display: inline-block;}
.sec-tab ul.sec-tablist li {border-left:none; border-right:none; background:#fff !important;}
.sec-tab ul.sec-tablist li:first-child {border-radius:32px; border-top:0; border-right:0; border-bottom:0;}
.sec-tab ul.sec-tablist li:last-child {border-radius:32px; border-top:0; border-left:0; border-bottom:0;}
.sec-tab ul.sec-tablist li a {padding:10px 30px;}
	
.sec-tab ul.sec-tablist li.active {background:#2157bf !important; border-radius:32px; border:none;}
.sec-tab ul.sec-tablist li:before, .sec-tab ul.sec-tablist li:after, .sec-tab ul.sec-tablist li.active:before, .sec-tab ul.sec-tablist li.active:after {display:none !important;}
.sec-tab ul.sec-tablist li.active a {color:#fff !important;} 


/*2021-05-18 가입설계동의및 마케팅활용동의*/
.term-agreement strong {font-size:1.2em; color:#4c50c7; vertical-align:middle}
.radio-box-wrap.radio-brd > li {padding: 10px 0 15px; margin: 0 0 5px 0; border-bottom:1px solid #aaa;}
.radio-box-wrap.radio-brd > li:before {top:20px !important;}
.radio-box-wrap.radio-brd > li:last-child {border:0;}
.radio-box-wrap p {display: inline-block;}
.radio-box-wrap .radio-box {position: absolute;right: 0; display: inline-block;}
.fz-21 {font-size:21px !important}
.txt-l {text-align:left !important;}
/*2021-05-21 개인(신용)정보수집 이용에 관한 동의 사항 (WP)*/
.btn-radio-group.chk-btn-rgt {position: absolute; right:20px;}
.btn-group .btn-cf .btn-checkbox {line-height:53px;}

/*2021-05-24 대출금리인하 신청 개인(신용)정보제공동의*/
.table-wrap h2 {display:inline-block; padding:5px 15px; border-radius:31px; background:#2154bd; color:#fff}
.table-wrap h2 span {display:inline-block; width:31px; height:31px; border-radius:31px; background:#fff; margin-right:10px; color:#111; text-align:center;}
.table-wrap > h3 span {display: inline-block; width:10px; height:31px; background: #616161; margin-right:10px; vertical-align: text-bottom;}
.table-wrap table h5, .table-wrap table strong {font-size:1.2rem;}
.table-wrap table span.brd-btm {border-bottom:1px solid #111;}
.table-wrap .radio-box-wrap {position:relative;}
.table-wrap .radio-box-wrap .radio-box {top:0;}
/* 2021-06-09 */
.subtxt {display:inline-block; vertical-align:top; line-height:23px;}


/*2021-05-25 고객동의정보 조회 결과*/
.assent-list table tr td ul li {overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}


/*마케팅활용동의 이미지 삽입*/
.btnB-c {width:198px; margin:0 auto;}
.agree-img:after {content:''; background:url("/html/ics/images/common/grade_icon_1.png")no-repeat center; width:100%; height:100%; position:absolute; top:0px; left:-175px;}
.term-agreement .terms {position:relative;}
.grade-bar {position:absolute; top:-45px; left:235px;}
.grade-bar .grade-bar-img {width:606px;}
.grade-bar .qr-img {width:100px; margin-left:80px;}


/*2021-06-08 계좌등록*/
.ft-b18 {font-size:19px; color:#4c50c7;}

/*2021-06-16 소비자포털_민원처리 프로세스 위법계약해지*/
.dwn-wrap {padding:0 20px;}
.dwn-chk td {text-align:left !important;}
.cont-btn {border:1px solid #ddd; padding:10px 30px;}

/*2021-10-27 이음(e-um)고객자문단 레이어*/
.eum-top {height:290px; padding:70px 66px; background:url(/html/kdblife/images/customer/e-um_back.png)no-repeat 610px -95px, #4c50c7; background-size:530px auto;}
.txt-wrap h2 {font-size:28px; font-family: 'Roboto Medium', 'Noto Sans KR Medium'; color:#001e5f; line-height:1.8; text-indent:-9999px; background:url(/html/kdblife/images/customer/e-um_txt.png)no-repeat left;}
.eum-top .txt-wrap p {font-size:21px; color:#fff; line-height:1.5; padding-top:20px;}
.sec.eum-info {padding:50px 66px;}
.ly-inner .txt-wrap h2 {background:none; text-indent:unset;}

/*2021-11-02 칭찬, 제안하기*/
.w-line:after {content: ''; display: block; width:100%; height:1px; background:#ddd; margin:60px 0;}
.req-wrap ul {text-align: center; overflow:hidden; padding:0 20px 30px;}
.req-wrap ul li {float: left; width:50%; padding:35px 20px; transition:0.5s; }
.req-wrap ul li.lt-dashed {border-left:1px dashed #ddd;}
.req-wrap ul li p {line-height:1.8;}
.br-pro li {border-radius:20px; width:220px !important; margin-left:85px !important;}
.br-pro li:before {left:-55px !important;}
.br-pro li h3 {border-radius:17px 17px 0 0; color:#fff !important; border:none !important;}
.br-pro li p {padding:10px 0 !important;}
.br-pro li:nth-child(1) {border:1px solid #84c9ff !important; margin-left:0 !important;}
.br-pro li:nth-child(2) {border:1px solid #218fe5 !important;}
.br-pro li:nth-child(3) {border:1px solid #2157bf !important;}
.br-pro li:nth-child(4) {border:1px solid #103b8f !important;}
.br-pro li:nth-child(1):before {background-color:#84c9ff !important;}
.br-pro li:nth-child(2):before {background-color:#218fe5 !important;}
.br-pro li:nth-child(3):before {background-color:#2157bf !important;}
.br-pro li:nth-child(4):before {background-color:#103b8f !important;}
.br-pro li:nth-child(1) h3 {background:#84c9ff !important; color:#000 !important;}
.br-pro li:nth-child(2) h3 {background:#218fe5 !important;}
.br-pro li:nth-child(3) h3 {background:#2157bf !important;}
.br-pro li:nth-child(4) h3 {background:#103b8f !important;}

/*2021-11-02 칭찬, 제안하기 팝업*/
.receipt-tit {position:relative; width:320px; padding:10px 20px; border-radius:25px; color:#fff; background:#2157bf; left:50%; margin-left:-160px;}

/*2021-12-15 가입설계동의 추가*/
.join-agree li > span {position: absolute; display: inline-block;}
.join-agree li strong {display: inline-block;}
.radio-box-wrap.radio-brd > li {padding: 10px 0 15px; margin: 0 0 5px 0; border-bottom:1px solid #aaa;}
.radio-box-wrap.radio-brd > li:before {top:20px !important;}
.radio-box-wrap.radio-brd > li:last-child {border:0;}
.radio-box-wrap p {display: inline-block;}
.radio-box-wrap .radio-box {position: absolute;right: 0; display: inline-block;}

/*2022-02-22 보험계약대출 설명서 문서 수정*/
.ins-acc-wrap {border:1px solid #ddd; padding:20px 15px;}

.und-line-black {border-bottom:1px solid #111;}
.sub-tit {font-weight:bold; font-size:17px;}
.ans {position:relative; padding-left: 20px;}
.ans:before {content:'→'; position:absolute; left:0;}
.point-black {color:#111;}
.loan-box-wrap li {border:1px solid #ddd; margin-left:80px; position: relative; height:129px}
.loan-box-wrap li:nth-child(2):before {content:'〓'; position:absolute; width: 25px; height:25px; top:50px; margin-left:-165px;}
.loan-box-wrap li:nth-child(3):before {content:'+'; position:absolute; width: 25px; height:25px; top:52px; margin-left:-214px; font-size: 26px; font-weight: bold;}
.loan-box-wrap li h3 {font-size: 18px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 5px 40px; color: #111; background: #f4f4f4;}

/*2022-02-23 인풋박스 삭제 버튼*/
.dlt-box {position:relative; display:inline-block;}
.in-input {display:inline-table; vertical-align:inherit;}
.dlt-box button {position: absolute; top: -23.5px; right: -35px; width: 35px; height: 30px; color: transparent; font-size: 11px; background: url(/html/ics/images/common/cmm-splite.png) -128px -45px no-repeat;}


/*2022-03-02 예금자보호관련 추가*/
.kdic-wrap {margin-top:30px; margin-bottom:30px; padding: 30px 20px; background: #ddd; border-radius: 10px;}
.kdic-logo {float: left; padding-right: 10px; border-right: 1px solid #a4a3a3; margin-right: 10px;}
.kdic-logo a {background: url(/html/ics/images/common/kdic_icon.jpg)no-repeat center; text-indent: -99999px; display: inline-block; width: 100px; height: 65px; background-size: contain;}

/*2022-03-10 4세대 실손보험전환 안내*/
.tit-check {position:relative; padding-left:30px;}
.tit-check:before { content: ''; display: block; position: absolute; top: 5px; left: 0; width: 24px; height: 24px; background: url(/html/ics/images/common/cmm-splite.png) -377px -300px no-repeat;}
.dcw-wrap {position:relative; width:1136px; height: 185px; background:url(/html/ics/images/common/acture-loss-50.png) no-repeat 355px center, rgba(176,232,255,1); margin:15px auto; border-radius:10px;}
.dcw-wrap .dcw-link {position: absolute; bottom:10px; left:50%; margin-left:-36px;}

/*2022-05-19 이벤트참여상세동의서*/
.ent-wrap {position:relative;}
.ent-wrap .grade {position:absolute; width:370px; height:40px; background:url(/html/ics/images/common/grade_bar_1.png)no-repeat center; background-size: contain; top:0; right:0;}
.radio-box-wrap .safe {color:#fff; padding:5px 7px; border-radius: 10px; background: #23a6d2; margin-left: 5px;}

/*2022-05-30 메인 메뉴 다이렉트 색상변경*/
.gnb > li.m5 a {color:#2154bd;}

/*2022-06-15 금융인증서 서비스안내*/
.cert-info-box ul {overflow:hidden;}
.cert-info-box ul li {float:left; position:relative; width:150px; height:150px; border-radius: 150px; text-align: center; color:#fff; background:#555; padding:65px 0; margin-left:45px;}
.cert-info-box ul li:nth-child(1) {padding:45px 0; margin-left:0;}
.cert-info-box ul li:before {content: ''; width: 25px; height: 25px; display: inline-block; background: url(/html/ics/images/common/cmm-splite.png)no-repeat -45px -378px; background-size:1145px 1048px; position:absolute; left:-35px;}
.bank-wrap ul {overflow:hidden;}
.bank-wrap ul li {float:left; width:50%;}

/*2022-07-05 인터넷창구 인증서 간격 변경*/
.gnb > li > div.gnb-sub-2 ul.new > li ul {height:44px; min-width:1032px;}
.gnb > li > div.gnb-sub-2 ul.new > li li {height:44px; line-height:44px !important;}

/*2022-07-12 qr코드 추가*/
.msg-qr-wrap {display:flex; justify-content:center;}
.msg-qr-wrap div p.qr-code {width: 78px; height: 78px; text-indent: -9999px; background: url(/html/ics/images/common/qr_code.png)no-repeat;}
.msg-qr-wrap div .qr-ios {background-position:right !important;}

/*2022-08-10 1+1 보험계약대출 이벤트 버튼*/
.evt-btn-c {position:absolute; top:675px; text-align:center; font-size:21px; color:#fff; background:rgba(40, 40, 40, 0.8); padding:15px 30px; left:50%; margin-left:-125px; border-radius:25px;}

/*2022-08-11 메인 팝업 버튼*/
.ly-inf {position:relative;}
.ly-inf .pop-btn {position:absolute; font-size:21px; color:#fff; background:rgba(40, 40, 40, 0.8); padding:10px 32px; border-radius:20px; left:50%; margin-left:-80px; bottom:35px;}


/*2023-01-25 하단 sns 버튼*/
.ft-blog {position:absolute; width:36px; height:36px; top:40px; right:56px; background:url(/html/ics/images/common/ico-sns.png)no-repeat;}
.ft-youtube {position:absolute; width:36px; height:36px; top:40px; right:0; background:url(/html/ics/images/common/ico-sns.png)no-repeat right;}
.ft-blog a, .ft-youtube a {text-indent:-9999px; display:inline-block; width:100%; height:100%;}
.ft-blog a:focus, .ft-youtube a:focus {outline: 2px solid #fff;}

/*2023-07-18 (무)더행복드림변액연금보험 상품상담 이벤트 버튼*/
.evt-btn-b {position:absolute; top:-145px; left:50%; margin-left:-250px; background:url(/nKumhoFiles/event/event-btn.png)no-repeat; background-size:contain;width:500px; height:104px; text-indent:-9999px;}

/* 2023-07-20 필수입력 표시 */
[class*="basic-table-"] .type-required label {position:relative;}
[class*="basic-table-"] .type-required label:after {content: ''; display: inline-block; margin: 4px 0 0 4px; width: 6px; height: 6px; background: #fc4141; border-radius: 50%; vertical-align: top; }
.offscreen{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}


/*2023-08-08 대출신청 버튼*/
.btn-box-wrap .btn-box {display:flex; width:91%; justify-content:space-between;}
#moveEvt:focus, .btn-close:focus {outline: 2px solid #00ff00;}

/* 2023-08-17 1원 인증 박스 */
.bank-info-wrap {padding:20px; border-radius:10px; background:#f4f4f4;}
.bank-info-wrap ul {display:flex; justify-content:space-evenly;}


#layerdg2k1m5l1t4 .ly-con {padding:2px;}


/*2023-09-11 방문,전화권유 판매 임직원 조회*/
.result-check1:before {content: ''; display: inline-block; width: 87px; height: 87px; background: url(/html/ics/images/common/cmm-splite.png) 0 -175px no-repeat; margin-bottom: 4px;}
.result-check2:before {content: ''; display: inline-block; width: 87px; height: 87px; background: url(/html/ics/images/common/cmm-splite.png) -85px -175px no-repeat; margin-bottom: 4px;}


/*20230919 대출이벤트 */
.btn-white-close {top:12px !important; background-position:-295px -29px !important;}


/*20231018 상품 바 변경*/
.prd-sec-top {position:relative;}
.prd-round{bottom:-40px; border-radius:unset;}
.prd-round .prd-txt {width:830px; margin:0 auto; padding:0;}
.prd-round .prd-txt .prd-date {width:unset; top:unset; height:unset; padding:0;}
.prd-round .prd-txt .prd-date .input-box {width:unset !important; margin:unset;}
.prd-round .prd-txt .prd-date .input-box input {left:unset; height:unset; border:0; background:unset; padding-left:20px;}
.prd-round .prd-txt .prd-date .input-box input::placeholder {color:#2458c8;}
.prd-ad:before {background:#2154bd; height:1px;}
.prd-ad a {color:#fff; background:#2154bd; font-weight:bold; padding:10px 25px; border-radius:25px;}            
.prd-round.active {width:100%; color:#fff; background:#2458c8;}
.prd-round.active .prd-gender .btn-radio input + span {background:#fff; color:#2154bd;}
.prd-round.active .prd-gender .btn-radio input:checked + span {color:#fff; background:#2154bd; border:1px solid #fff;}
.prd-round.active .prd-ad:before {background:#fff;}
.prd-round.active .prd-ad a {color:#2154bd; background:#fff;}

/*20231109 보험계약대출*/
.point-blue2 {color:#0008ff !important;}    	
.point-red2 {color:#ff0202 !important;} 
.red-check:before {content:''; width:40px; height:28px; background:url(/html/ics/images/common/red-check.png)no-repeat 0 -44px; display: inline-block;}
.red-check2:before{width:32px; height:26px; background-size: 31px; vertical-align: text-bottom; background-position: 0 0;}	
.info-box dl dd {margin-left:20px;}
.ft-21 {font-size:21px !important;}
.ft-23 {font-size:23px !important;} 


/*20231110 고객확인(cdd/edd)재이행안내*/
.cus-inf {background: -moz-linear-gradient(-32deg, #4c50c7 0, #2154BD 100%); background: -webkit-gradient(linear, -32deg, color-stop(0, 4c50c7), color-stop(100%, 2154BD)); background: -webkit-linear-gradient(-32deg, #4c50c7 0, #2154BD 100%); background: -o-linear-gradient(-32deg, #4c50c7 0, #2154BD 100%); background: -ms-linear-gradient(-32deg, #4c50c7 0, #2154BD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(-32deg, #4c50c7 0, #2154BD 100%);height:360px;}
.cus-inf h1 {color: #fff; font-size:31px; text-align: center; padding-top:80px;}
.cus-inf-tit {font-size:38px; padding-bottom:10px; line-height:2.5; text-align:center; font-family: 'Noto Sans KR Medium, 'Noto Sans', '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif'; color:#111;}
.cus-inf-tit:before {content:''; display:block; width:100px; height:73px; background:url(/html/ics/images/common/id-sec.png)no-repeat; background-size:contain; margin:0 auto;}
.cus-inf-box {border-top:2px solid #000; padding:30px 0px; color:#111; line-height:1.8;}
.cus-con {position: absolute; display: block; width: 1130px; box-shadow:0 10px 15px 1px rgba(0, 0, 0, 0.15); margin-left:3px; top:160px; background:#fff; padding:60px 130px;}

/*채무조정 지원제도 안내*/
.nic:before {margin-left: -25px;}
.nic-b:before {opacity:0;}
.processing-wrap2 ul.processing {height:150px;}
.processing-wrap2 ul.processing li {position:relative; width:250px;border: 1px solid #e5e5e5; margin-left:45px; height:150px;}
.processing-wrap2 ul.processing li h3 {font-size:18px; font-weight:bold; border-bottom:1px solid #e5e5e5; padding:5px 0; color:#111; background:#f4f4f4;}
.processing-wrap2 ul.processing li p {padding:5px 0;}
.processing-wrap2 ul.processing li:before {content: ''; position: absolute; width: 25px;height: 25px; background: #4b63c8 url(/html/kdblife/images/main/splite-main.png)no-repeat -83px -77px; left: -36px;border-radius: 25px;top: 77px;}
.processing-wrap2 ul.processing li:nth-child(1) {margin-left:0;}
.br-pro2 li {border-radius:20px;width: 159px !important;margin-left:85px !important;}

.br-pro2 li:before {left:-55px !important;}
.br-pro2 li h3 {border-radius:17px 17px 0 0; color:#fff !important; border:none !important;}
.br-pro2 li p {padding:10px 0 !important;}
.br-pro2 li:nth-child(1) {border:1px solid #84c9ff !important; margin-left:0 !important;}
.br-pro2 li:nth-child(2) {border:1px solid #218fe5 !important;}
.br-pro2 li:nth-child(3) {border:1px solid #2157bf !important;}
.br-pro2 li:nth-child(4) {border:1px solid #103b8f !important;}
.br-pro2 li:nth-child(5) {border:1px solid #1b1fa9 !important;}
.br-pro2 li:nth-child(1):before {background-color:#84c9ff !important;}
.br-pro2 li:nth-child(2):before {background-color:#218fe5 !important;}
.br-pro2 li:nth-child(3):before {background-color:#2157bf !important;}
.br-pro2 li:nth-child(4):before {background-color:#103b8f !important;}
.br-pro2 li:nth-child(5):before {background-color:#1b1fa9 !important;}
.br-pro2 li:nth-child(1) h3 {background:#84c9ff !important; color:#000 !important;}
.br-pro2 li:nth-child(2) h3 {background:#218fe5 !important;}
.br-pro2 li:nth-child(3) h3 {background:#2157bf !important;}
.br-pro2 li:nth-child(4) h3 {background:#103b8f !important;}
.br-pro2 li:nth-child(5) h3 {background:#1b1fa9 !important;}

/*2024-10-04 방카슈랑스 공시 숫자 정렬*/
div[class*="basic-table-"] > table.banka th, div[class*="basic-table-"] > table.banka td {padding:10px;}
div[class*="basic-table-"] > table.banka td {font-size:14px;}

/*2024-11-14 전체동의 색상 추가*/
.agree-wrap-fixed {position:fixed; width:100%; height:150px; bottom:0; background:#fff; box-shadow:-1px -1px 10px #bbb; }
.total-agree-wrap2 {background:#fff;}
.total-agree-wrap2 .btn-checkbox input + label {width:calc( 100% - 160px ); margin-left:80px; text-align:center; border:0px; color:#fff; background:#2157bf;}
.total-agree-wrap2 .btn-checkbox input + label:before {margin-left:-60px; left:50%; border: 1px solid #fff;}


/*2025-03-06 해피콜 가족 조력자 */
.progress-box-wrap {position: relative; border: 1px solid #e5e5e5; margin:0 auto; width:520px}
.progress-box-wrap .tit-box{padding:20px 30px;}
.progress-box-wrap ul {padding:20px 15px; display:flex; justify-content: space-around; text-align: center; border-bottom:1px solid #e5e5e5;}
.progress-box-wrap ul li {position:relative;}
.progress-box-wrap ul li .progress-circle{background:url(../images/common/happycall-icons.png) no-repeat;background-size: 270px;background-position: 10px 10px;width: 100px;height:100px;}
.progress-box-wrap ul li.on .progress-circle{background-position: 10px -85px;} 
.progress-box-wrap ul li.happycall2 .progress-circle{background:url(../images/common/happycall-icon2_1.png) no-repeat;background-size: 80px;background-position: 10px 10px;width: 100px;height:100px;}
.progress-box-wrap ul li.happycall2.on .progress-circle{background:url(../images/common/happycall-icon2_2.png) no-repeat;background-size: 80px;background-position: 10px 10px;width: 100px;height:100px;}
.progress-box-wrap ul li.happycall2.active .progress-circle{background:url(../images/common/happycall-icon2_2.png) no-repeat;background-size: 80px;background-position: 10px 10px;width: 100px;height:100px;animation: changeImg 3s linear infinite;}  
.progress-box-wrap ul li.happycall3 .progress-circle{background-position: -180px 10px;}
.progress-box-wrap ul li.happycall3.on .progress-circle{background-position: -180px -85px;}
.progress-box-wrap ul li:before {content:''; position:absolute; width:23px; height:6px; top:33%; left:-40px; background:url(../images/common/happycall-dots.png)no-repeat; background-size: cover;}
.progress-box-wrap ul li.on:before, .progress-box-wrap ul li.active:before{background-position: bottom;}
.progress-box-wrap ul li.happycall1:before {display:none;}
.progress-box-wrap ul li span {font-weight: bold;}
.progress-circle svg, .progress-box-wrap ul li.happycall2.on .progress-circle svg {display:none;}

.progress-box-wrap ul li.happycall2.active .progress-circle svg {transform: rotate(-90deg); display: block;}
.progress-box-wrap ul li.happycall2.active .progress-circle .progress-bg {fill: none;stroke: #218fe5;stroke-width: 1;}
.progress-box-wrap ul li.happycall2.active .progress-circle .progress-bar {fill: none;stroke: #fff;stroke-width: 5;stroke-dasharray: 251.2;stroke-dashoffset: 251.2;stroke-linecap: round;animation: progress 3s linear infinite;}

@keyframes progress {
  	0%  {stroke-dashoffset: 0;}
    50% {border-color:#fff;}
  	100% {stroke-dashoffset: 251.2;}
}
@keyframes changeImg {
  0% {
    background:url(../images/common/happycall-icon2_1.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
    }
  50% {
    background:url(../images/common/happycall-icon2_1.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
    }

  100% {
    background:url(../images/common/happycall-icon2_2.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
	}
}
    
    
.progress-box {margin: 0px auto;text-align: center; padding:20px 20px; background: #f2f9ff;}
.progress-box .progress-bar-line {border-radius:30px; border:1px solid #2154bd; overflow:hidden;}
.progress-bar-lineIn {height: 10px; border-radius: 30px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); transition: 0.4s linear; transition-property: width, background-color; background-color: #2154bd; animation: progressAnimation 10s infinite;}  

@keyframes progressAnimation {
  0% {
    width: 0%;
    background-color: #2154bd;
  }
  100% {
    width: 100%;
    background-color: #2154bd;
  }
} 


/*2025-04-23 사고보험금 진행상태 팝업*/
.prgbg-wrap {width:900px; margin:0 auto;}
.prgbg-wrap ul {overflow:hidden; margin-top:40px; display:flex; justify-content:space-around;}
.prgbg-wrap ul li {position:relative; float:left; font-size:18px; min-width:107px;}
.prgbg-wrap ul li .prgbg-txt p {color:#999; font-size:17px;}
.prgbg-wrap ul li .prgbg-txt p.date-txt {display:none;}
.prgbg-wrap ul li .prgbg {width:95px; height:95px; margin:0 auto 20px; background:url(/html/ics/images/common/requisition.png)no-repeat; background-size:500px; text-indent:-99999px;}
.prgbg-wrap ul li .prgbg.req1{background-position-x: 0;}
.prgbg-wrap ul li .prgbg.req2{background-position-x: -102px;}
.prgbg-wrap ul li .prgbg.req3{background-position-x: -204px;}
.prgbg-wrap ul li .prgbg.req4{background-position-x: -304px;}
.prgbg-wrap ul li .prgbg.req5{background-position-x: -405px;}
.prgbg-wrap ul li .prgbg:after {content: ''; display: block; position: absolute; top: 50%; right: -30px; margin-top: -42px; width: 15px; height: 15px; border: 2px solid #666; border-left: 0; border-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); color: transparent;}
.prgbg-wrap ul li:nth-child(5n) .prgbg:after{display:none;}
.prgbg-wrap ul li.active .prgbg, .prgbg-wrap ul li.done .prgbg {background-position-y: -100px;}
.prgbg-wrap ul li.active .prgbg:after, .prgbg-wrap ul li.done .prgbg:after {border: 2px solid #2154bd; border-left: 0; border-top: 0;}
.prgbg-wrap ul li.active .prgbg-txt p, .prgbg-wrap ul li.done .prgbg-txt p {color:#2154bd;font-weight:bold;}
.prgbg-wrap ul li.active .prgbg-txt p.date-txt, .prgbg-wrap ul li.done .prgbg-txt p.date-txt {display:block; font-weight:normal; margin-top:0;}
.prgbg-wrap ul li.done .prgbg-txt p {color:#000;}	

.txt-date {border:1px solid #ddd; padding:10px; width:250px; border-radius:10px; margin:0 auto; text-align:center;}

/* 2025-05-27 신분증 qr코드 인증*/
.id-qr-wrap {max-width:620px; margin:0 auto; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); padding:20px 35px; border-radius: 20px;}
.qr-info-wrap {max-width:325px;}
.qr-info-wrap ol.qr-info {line-height: 1.7; max-width: 285px;}
.qr-info-wrap ol.qr-info li {font-size:15px;}
.qr-btn-wrap {width:180px;}
.qr-btn-info {margin-top:55px;}
.qr-btn-info li {font-size:14px; color:#888;line-height:1.3;}
.sm-type4 {font-size:14px; padding:3px 20px 0; min-width:150px !important;}

/* 2025-07-22 웹접근성 : 색상 변경*/
#footer a:focus{color:#fff;}


/*2025-07-23 비대면 신분증 진위확인 버튼 및 팝업창*/
.qr-info-sec {display:flex; justify-content:space-around;}
.qr-btn button {border:3px solid #218fe5;padding:10px 20px;border-radius:10px;margin-top:106px;}
.qr-btn button:hover {color:#fff; background:#218fe5; transition:1s ease;}
.step-num-wrap {position:relative; margin-left:95px;}
.step-num-wrap span.step-num {position:absolute; background: #2157bf;color: #fff;padding: 0 15px;border-radius: 20px;font-size: 18px;margin-left: -95px;}
.step-p {font-family:"Noto Sans KR Medium", sans-serif !important;font-size:20px !important; color:#111 !important;}
.ly-btm {position:absolute; width:100%; bottom:-90px; left:0; background:url(/html/ics/images/common/bg-search.png) 0 0 no-repeat; color:#fff;}
.ly-btm ul.bullet-type-billiad li {position:relative;color:#fff; font-size:24px; padding:10px 40px; margin-left:30px; line-height:1.4;}
.ly-btm ul.bullet-type-billiad li:before {position:absolute; margin-left:-30px;}

/*2025-09-30 고객센터 시니어 상담 변경*/
.box-line-normal.info-svc { margin-top: 20px; text-align: center; position: relative; }
.box-line-normal.info-svc .info-senior-txt { padding:12px 0; font-size: 18px; color: #111; }
.box-line-normal.info-svc .info-senior-txt strong { display: block; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }

/*2025-10-14 오른쪽 버튼 추가*/
.btn-ri {position:absolute; top:50px; left:50%; margin-left:250px;}