@charset "UTF-8";
@import url("/html/front_cmm/css/reset.css");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, table, th, td, input, select, textarea, button { letter-spacing: -0.05em; }
@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.eot"); src: local(※), url("/html/front_cmm/font/NotoSansCJKkr-DemiLight.eot?#iefix") format("embedded-opentype"), 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.eot"); src: local(※), url("/html/front_cmm/font/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("/html/front_cmm/font/NotoSans-Bold.woff") format("woff"), url("/html/front_cmm/font/NotoSans-Bold.otf") format("opentype"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Noto Sans KR Medium'; src: url("/html/front_cmm/font/NotoSans-Medium.eot"); src: local(※), url("/html/front_cmm/font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), 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; }
.tc-3 { color: #333 !important; }
/*20211207 추가*/
.tc-5 { color: #555 !important; }
/*20211207 추가 끝*/	
.fz-75 { font-size: 25px !important; }
.dim-wrap .layer-wrap, .dim-wrap[class*="select-popup"].active .layer-wrap, .dim-wrap[class*="select-popup"].off .layer-wrap { animation-fill-mode: forwards; animation-timing-function: ease-in; animation-duration: 1s; animation-direction: alternate; }
.dim-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; background: url(/html/mobile/images/common/bg-dimd-black.png) repeat; z-index: 600; opacity: 0; display: none; transition: opacity 1s linear; }
.dim-wrap .layer-wrap .ly-con-scroll-wrap { max-height: calc(100vh - 150px);}
.ly-loan-wrap {max-height: calc(100vh - 250px) !important; min-height: calc(100vh - 250px) !important;}
.dim-wrap.active { opacity: 1; display: block; }
.dim-wrap.active .layer-wrap { top: -1000px; animation-name: layerPopupOnAni; }
.dim-wrap.off { display: block; }
.dim-wrap.off .layer-wrap { top: 50%; animation-name: layerPopupOffAni; }
.dim-wrap[class*="select-popup"] { display: none; opacity: 0; transition: opacity .5s linear; }
.dim-wrap[class*="select-popup"].btnFixed { padding-bottom: 60px; }
.dim-wrap[class*="select-popup"].btnFixed .ly-btn-area { border-radius: 0; position: absolute; bottom: 0; left: 0; width: 100%; }
.dim-wrap[class*="select-popup"].btnFixed .ly-btn-area .btn-group *[class*="btn-num-"] > * { height: 60px; }
.dim-wrap[class*="select-popup"].btnFixed .ly-btn-area .btn-group *[class*="btn-num-"] > * ~ * { border-left: none; }
.dim-wrap[class*="select-popup"].btnFixed .ly-btn-area .btn-group .btn-cancel, .dim-wrap[class*="select-popup"].btnFixed .ly-btn-area .btn-group .btn-del { background: #555555; color: #fff; }
.dim-wrap[class*="select-popup"].btnFixed .ly-btn-area .btn-group .btn-cf { background: #4c50c7; color: #fff; }
.dim-wrap[class*="select-popup"].btnFixed .ly-con-scroll-wrap { margin-bottom: 60px; }
.dim-wrap[class*="select-popup"] .layer-wrap { width: 100%; top: auto; bottom: 150%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transform: none; left: 0; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con-scroll-wrap { max-height: 273px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con { text-align: left; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list { font-size: 18px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li { position: relative; padding-bottom: 30px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li input[type="radio"], .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li input[type="checkbox"] { position: absolute; left: -9999px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li input[type="radio"]:checked + label:after, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: -12px; right: 0; transform: rotate(40deg); width: 13px; height: 22px; border: 2px solid #2154bd; border-left-color: transparent; border-top: none; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li button, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li a, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li label { display: block; color: #111; width: 100%; text-align: left; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list > li:last-child { padding-bottom: 10px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list.type-right li input[type="radio"]:checked + label:after, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list.type-right li input[type="checkbox"]:checked + label:after { top: -4px; }
.dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list.type-right li button, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list.type-right li a, .dim-wrap[class*="select-popup"] .layer-wrap .ly-con .select-list.type-right li label { padding-right: 23px; text-align: justify; }
.dim-wrap[class*="select-popup"].active { opacity: 1; display: block; }
.dim-wrap[class*="select-popup"].active .layer-wrap { bottom: -150%; animation-name: selectPopupOnAni; animation-duration: .8s; }
.dim-wrap[class*="select-popup"].off { opacity: 0; display: block; }
.dim-wrap[class*="select-popup"].off .layer-wrap { bottom: 0; animation-name: selectPopupOffAni; animation-duration: .8s; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li { padding-bottom: 16px !important; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label { border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label .txt-1 { color: #666; display: block; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label .txt-1 .info-1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label .txt-1 .info-1 + .info-2 { margin-left: 10px; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label .txt-1 .info-1:only-child { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li label .txt-major { display: block; margin-top: 0; font-size: 18px; color: #111; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li:last-child label { border: none; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li input[type="radio"] + label:after, .dim-wrap[class*="select-popup"].acc-select .layer-wrap .select-list > li input[type="checkbox"] + label:after { top: 4px !important; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .ly-con-scroll-wrap { overflow-y: hidden; max-height: none; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .ly-con { padding-bottom: 20px; }
.dim-wrap[class*="select-popup"].acc-select .layer-wrap .ly-con .scroll-wrap { height: 215px; overflow-y: auto; margin: 0 -20px; padding: 0 20px; max-height: 300px; }
.dim-wrap.event-popup .layer-wrap { background-color: transparent; }
.dim-wrap.event-popup .layer-wrap .ly-con-scroll-wrap .ly-con { padding: 0; }
.dim-wrap.event-popup .layer-wrap .ly-btn-area { background-color: #fff; }
@-webkit-keyframes selectPopupOnAni { 0 { bottom: -150%; }
	100% { bottom: 0; } }
@-webkit-keyframes selectPopupOffAni { 0 { bottom: 0; }
	100% { bottom: -150%; } }
@-webkit-keyframes layerPopupOnAni { 0 { top: -1000px; }
	100% { top: 50%; } }
@-webkit-keyframes layerPopupOffAni { 0 { top: 50%; }
	100% { top: 2000px; } }
@-ms-keyframes selectPopupOffAni { 0 { bottom: 0; }
	100% { bottom: -150%; } }
@-ms-keyframes layerPopupOnAni { 0 { top: -1000px; }
	100% { top: 50%; } }
@-ms-keyframes layerPopupOffAni { 0 { top: 50%; }
	100% { top: 2000px; } }
html.popup, html.popup body { overflow-y: hidden; }
html.popup.mobileMain { height: 100%; }
html.popup.mobileMain body { overflow-y: hidden; height: 100%; }
html.popup.mobileMain body .wrapper.main { transition: opacity .2s linear; opacity: 0; }
html.popup body.layer-body { overflow-y: visible; }
.popup-inner iframe { vertical-align: top; }
body, input, select, textarea, button { font-family: 'Roboto Regular', 'Noto Sans', '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif; font-size: 15px; line-height: 22px; color: #333; letter-spacing: -0.05em; }
body { min-width: 320px; }
.layer-wrap, #header { min-width: 320px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting { padding-bottom: 17px; }
.layer-wrap.gnbmenu .ly-tit .btn-home.mobile-web { right: 88px !important; }
.layer-wrap.gnbmenu .ly-tit .btn-search { position: absolute; top: 17px; right: 53px; width: 20px; height: 20px; background: url(/html/mkdb/images/common/btn-top-sch.png) 0 0 no-repeat; background-size: 100% auto; text-indent: -9999px; }
a, button, input[type="button"] { outline: none; -webkit-tap-highlight-color: transparent; }
input[type="text"], input[type="tel"], input[type="search"], input[type="url"], input[type="email"], input[type="password"], .btn-sel-layer-1 { height: 44px; left: 34px; border: 1px solid #aaa; padding: 0 10px; outline: none; }
.clear input[type="text"], .clear input[type="search"], .clear input[type="url"], .clear input[type="email"], .clear input[type="password"] { padding-right: 30px; }
textarea { border: 1px solid #aaa; padding: 10px; outline: none; }
.btn-sel-layer-1 { display: block; border: none; border-bottom: 1px solid #555; font-size: 18px; padding-top: 10px; padding-left: 0; color: #333; position: relative; left: 0; }
.btn-sel-layer-1.insert-text { color: #333 !important; }
.btn-sel-layer-1.disabled { color: #ccc; border-bottom: 1px solid #e5e5e5; }
.btn-sel-layer-1.disabled:focus { border-bottom: 1px solid #e5e5e5; }
.btn-sel-layer-1:focus { border-bottom-color: #4c50c7; border-width: 2px; }
.btn-sel-layer-1:after { content: ''; position: absolute; top: 50%; right: 0; width: 18px; height: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -113px -226px no-repeat; background-size: 800px auto; }
.btn-sel-layer-1.type-multi { height: auto; min-height: 33px; padding-bottom: 11px; padding-right: 22px; }
img, video { max-width: 100%; }
td { empty-cells: show; }
.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; }
strong.dark { color: #000 !important; }
strong.dark-1 { color: #111 !important; }
strong.dark-3 { color: #333 !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; }
.point-blue { color: #4c50c7 !important; }
.point-blue b { font-weight: bold; }
.point-red { color: #c41d68 !important; }
.point-red b { font-weight: bold; }
.point-black { color: #111 !important; }
.link { color: #008de2 !important; border-bottom: 1px solid #008de2 !important; }
.link-arrow { display: inline-block; color: #008de2 !important; border-bottom: 1px solid #008de2 !important; }
.link-arrow .arrow { display: inline-block; margin-top: -2px; margin-left: 5px; width: 8px; height: 14px; overflow: hidden; text-indent: -9999px; color: transparent; vertical-align: middle; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -277px -261px no-repeat; background-size: 800px auto; }
.wrapper { max-width: 1080px; margin: 0 auto; min-height: 100vh; position: relative; }
.wrapper.main #header h1, .wrapper.login-select #header h1 { color: #fff; }
.wrapper.main #header .btn-prev, .wrapper.login-select #header .btn-prev { background-position-x: -211px; }
.wrapper.main.shd #header, .wrapper.login-select.shd #header { background: url(/html/mobile/images/common/bg-login-1.png) center top no-repeat; background-size: cover; }
.wrapper.main #header .inner-header { background-color: #3552c2; }
.wrapper.main #header .btn-gnb-open { background-position-x: -60px; }
.wrapper.login-select { background: url(/html/mobile/images/common/bg-login-1.png) center 0 no-repeat; background-size: cover; color: #fff; }
.wrapper.login-select .tit-2 { margin-top: 20px; color: #fff; }
.wrapper.login-select #header { background: transparent; }
.wrapper.login-select #header .inner-header { background: transparent; }
.wrapper.login-select #header .btn-gnb-open { background-position-x: -60px; }
.bg-blue { background: url(/html/mobile/images/common/bg-login-1.png) center 0 no-repeat; background-size: cover; color: #fff; }
.bg-blue .ly-tit { background: none !important; }
.bg-blue .btn-close { background-position-x: -245px !important; }
.login-pw-box { padding-top: 55px; }
.login-pw-box .tit-2 { display: block; text-align: center; color: #fff; }
.login-pw-box p.txt-1 { text-align: center; color: #fff !important; margin-top: 21px; margin-bottom: 50px; }
.login-pw-box.finger:after { content: ''; display: block; width: 100px; height: 100px; margin: 0 auto; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -549px no-repeat; background-size: 800px auto; }
.inp-pw-1 { position: relative; display: block; width: 149px; height: 16px; margin: 0 auto; background: url(/html/mobile/images/common/bg-pw-circle-2.png) 0 center repeat-x; background-size: auto 100%; }
.inp-pw-1 .inp-pw-wrap { display: inline-block; width: 0; height: 100%; background: url(/html/mobile/images/common/bg-pw-circle-1.png) 0 center repeat-x; background-size: auto 100%; }
.inp-pw-1 .inp-pw-wrap.t0 { width: 0px; }
.inp-pw-1 .inp-pw-wrap.t1 { width: 25px; }
.inp-pw-1 .inp-pw-wrap.t2 { width: 51px; }
.inp-pw-1 .inp-pw-wrap.t3 { width: 76px; }
.inp-pw-1 .inp-pw-wrap.t4 { width: 101px; }
.inp-pw-1 .inp-pw-wrap.t5 { width: 127px; }
.inp-pw-1 .inp-pw-wrap.t6 { width: 152px; }
.inp-pw-1 .inp-pw-wrap .inp-pw-circle { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; background-color: transparent; padding: 0 0; outline: none; color: transparent; caret-color: transparent; }
.android .inp-pw-1 .inp-pw-wrap.t0 { width: 0px; }
.android .inp-pw-1 .inp-pw-wrap.t1 { width: 22px; }
.android .inp-pw-1 .inp-pw-wrap.t2 { width: 49px; }
.android .inp-pw-1 .inp-pw-wrap.t3 { width: 73px; }
.android .inp-pw-1 .inp-pw-wrap.t4 { width: 98px; }
.android .inp-pw-1 .inp-pw-wrap.t5 { width: 124px; }
.android .inp-pw-1 .inp-pw-wrap.t6 { width: 150px; }
.login-select-list { padding-top: 20px; }
.login-select-list li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.login-select-list li a { font-size: 18px; display: block; padding: 22px 27px 22px 43px; position: relative; }
.login-select-list li a:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -14px; width: 28px; height: 28px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231226) -101px -508px no-repeat; background-size: 800px auto; }
.login-select-list li a.icon-log-cert:before { background-position-x: 0px; }
.login-select-list li a.icon-log-kakao:before { background-position-x: -34px; }
.login-select-list li a.icon-log-easy:before { background-position-x: -67px; }
.login-select-list li a.icon-log-finger:before { background-position-x: -101px; }
.login-select-list li a.already:after, .login-select-list li a.none:after, .login-select-list li a.icon-log-cert span { content: ''; width: 19px; height: 13px; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -271px -226px no-repeat; background-size: 800px auto; }
.login-select-list li a.none:after { right: 8px; width: 26px; height: 26px; background-position: -299px -226px; }
.login-select-list li a.icon-log-cert span {width:22px; height:22px; background-position:-496px -152px; text-indent:-999px; right:unset; left:130px;}
.loginfo {border: 1px solid rgb(107, 135, 210); padding: 5px; margin-top: 10px; position: absolute; top: 203px; background: #0989fc; overflow: hidden; color: #ffff5b; font-size:14px; padding:10px 20px; display:none;}
.loginfo .btn-close {position: absolute;right: 5px;top: 5px;background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -244px -25px no-repeat;width: 20px;height: 20px;text-indent: -9999px;background-size: 800px auto;}
#container { padding: 54px 20px 107px 20px; }
#container.noneHeader { padding-top: 40px; }
#container.btnFixed { padding-bottom: 115px; }
[class*='cont-wrap'] > [class*='tit-']:first-child, [class*='cont-wrap'] > .sec:first-child, [class*='cont-wrap'] > [class*='tab-wrap'][class*='type-line'] + .sec { margin-top: 30px; }
[class*='cont-wrap'] > .sec.type-sgap { margin-top: 20px; }
[class*='cont-wrap'] > .tit-2:first-child { margin-top: 30px; }
[class*='tab-wrap'] + * { margin-top: 30px; }
[class*='tab-wrap'] + *.tit-2 { margin-top: 37px; }
[class*='tab-wrap'] + .tab-panel { margin-top: 30px; }
[class*='tab-wrap'] + .tab-panel.type-full { margin: 0 -20px; }
[class*='sec'] { position: relative; }
[class*='sec'] .tit-2 + .tit-3 { margin-top: 30px; }
[class*='sec'] > .tit-3:first-child, [class*='sec'] .tit-3-2:first-child { margin-bottom: 15px; }
[class*='sec'] .tit-3 + .tit-4 { margin-top: 20px; }
[class*='sec'] .tit-4 { margin-bottom: 15px; }
[class*='sec'] [class*='txt'] + .tit-3 { margin-top: 30px; }
[class*='sec'] [class*='txt'] + .tit-4 { margin-top: 10px; }
[class*='sec'] [class*='txt'] + .txt-3 { margin-top: 10px; }
[class*='sec'] [class*='tit'] ~ .txt-1, [class*='sec'] [class*='txt'] ~ .txt-1 { margin-top: 15px; }
[class*='sec'] [class*='tit'] ~ .txt-1 .txt-1:first-child, [class*='sec'] [class*='txt'] ~ .txt-1 .txt-1:first-child { margin-top: 0; }
[class*='sec'] [class*='txt'] ~ .txt-6 { margin-top: 15px; }
[class*='sec'] [class*='txt'] ~ .txt-6 .txt-1:first-child { margin-top: 0; }
[class*='sec'] ol.txt-4 li, [class*='sec'] ul.txt-4 li { margin-top: 5px; }
[class*='sec'] [class*='tit'] ~ .txt-4, [class*='sec'] [class*='txt'] ~ .txt-4 { margin-top: 8px; }
[class*='sec'] [class*='tit']:first-child + .txt-1 { margin-top: 0; }
[class*='sec'] [class*='tit'] ~ .txt-2, [class*='sec'] [class*='txt'] ~ .txt-2 { margin-top: 12px; }
[class*='sec'] + [class*='sec'], [class*='sec'].type-common { margin-top: 40px; }
[class*='sec'].type-gap { margin-top: 50px; }
[class*='sec'].type-gap2 { margin-top: 30px; }
[class*='sec'].type-sgap { margin-top: 20px; }
[class*='sec'] *:not(*[class*="tit-"]) + .list-agree-1 { margin-top: 30px; }
[class*='sec'] .total-agree-wrap + .list-agree-1 { margin-top: 0; }
[class*='sec'].group1:after { content: ''; display: block; position: absolute; top: -23px; left: -20px; right: -20px; height: 4px; background-color: #e5e5e5; }
.total-checkgroup .list-agree-1 > li { border: none; }
.total-checkgroup ~ .sec { margin-top: 28px; }
.total-agree-wrap { padding-bottom: 15px; border-bottom: 1px solid #555; }
.total-agree-wrap + .list-agree-1 { padding-top: 4px; }
.total-agree-wrap.b-none { margin-top: 20px !important; margin-bottom: -5px; padding: 0; border: none; }
.tit-2 + .sec { margin-top: 30px; }
.msg-box + [class*="table-info"] { margin-top: 43px; }
.tit-1, #header h1, #header2 h1 { color: #111; font-size: 19px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
h2, .tit-2, .total-result-btm { font-family: 'Noto Sans KR bold'; font-size: 24px; line-height: 30px; color: #111; }
h3, .tit-3, [class*="combo-form"] [class*='tit-'], [class*="form-wrap"] [class*='tit-'], [class*='accordion-'][class*='line'] .acc-tit { font-family: 'Noto Sans KR bold'; font-size: 20px; line-height: 26px; color: #111; }
.txt-1, *[class*="table-"] > table th, *[class*="table-"] > table td, *[class*="table-"] > .list-table th, *[class*="table-"] > .list-table td, *[class*="table-basic"] table th, *[class*="table-basic"] table td, .total-result-btm .tit, *[class*="table-info"] table th, *[class*="table-info"] .list-table th, [class*='list-card'] .top-info, [class*='list-divide'] li .tit, [class*='list-num'] li, [class*='accordion-'] .acc-tit, .layer-wrap .ly-con-scroll-wrap .ly-con .txt-major, .information .info_tit { font-size: 15px; line-height: 22px; color: #333; }
.txt-2, .bullet-type-dot > li, [class*="combo-form"] label, [class*="combo-form"] .label, [class*="form-wrap"] label, [class*="form-wrap"] .label, .layer-wrap .ly-con-scroll-wrap .ly-con p, .information dl dt, .information dl dd, .information ul li, .information ol li { font-size: 14px; line-height: 21px; color: #666; }
.txt-3, [class*="combo-form"] .price, [class*="combo-form"] .err, [class*="form-wrap"] .price, [class*="form-wrap"] .err, .information li .bullet-type-dot li { font-size: 13px; line-height: 19px; color: #666; }
.txt-major, [class*='steps'] .tit-step, [class*="combo-form"].type-unit .unit, [class*="form-wrap"].type-unit .unit, [class*="input-box"] .input { font-size: 18px; line-height: 25px; }
.txt-major strong, [class*='steps'] .tit-step strong, [class*="combo-form"].type-unit .unit strong, [class*="form-wrap"].type-unit .unit strong, [class*="input-box"] .input strong { font-family: 'Noto Sans KR Medium'; color: #111; }
.txt-btm { font-family: 'Noto Sans KR Medium'; font-size: 20px; color: #fff; }
h3, .tit-3-2 { font-family: Noto Sans KR Medium; }
.tit-4 { color: #111 !important; font-size: 17px !important; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.tit-5 { font-size: 17px; line-height: 25px; letter-spacing: -0.05em; color: #333; font-family: 'Noto Sans'; }
.tit-5 .point { color: #111; font-family: 'Noto Sans KR bold'; }
.txt-1 + .list-tb-select { margin-top: 30px; }
.txt-1 { font-size: 15px !important; }
.txt-2 { font-size: 14px !important; }
.txt-3 { font-size: 13px !important; }
.txt-3.type-color { color: #111; }
.txt-4 { font-size: 15px !important; color: #666 !important; line-height: 22px !important; letter-spacing: -0.05em; }
.txt-4 span.point { color: #333; }
.txt-4 strong.point { color: #111; }
.txt-5 { font-size: 18px; line-height: 22px; letter-spacing: -0.05em; color: #111; font-family: 'Noto Sans KR Medium'; }
.txt-6 { font-size: 16px; line-height: 20px; font-family: 'Noto Sans KR Medium'; color: #333; }
.txt-6 .point { color: #111; }
.txt-btm { color: initial; }
h2 .point, .tit-2 .point, h3 .point, .tit-3 .point, .txt-1 .point, .txt-2 .point, .txt-3 .point, .txt-major .point, .txt-btm .point { color: #111; font-family: 'Noto Sans KR Medium'; }
h2 .point2, .tit-2 .point2, h3 .point2, .tit-3 .point2, .txt-1 .point2, .txt-2 .point2, .txt-3 .point2, .txt-major .point2, .txt-btm .point2 { color: #111; }
.txt-box1 { border: 1px solid #e5e5e5; border-top: 2px solid #555; padding: 30px 20px; }
.txt-box2 { background-color: #f4f4f4; padding: 30px 20px; }
.txt-box4 { border: 1px solid #e5e5e5; padding: 20px; position: relative; }
.txt-box3 { border: 1px solid #e5e5e5; padding: 15px 12px; }
.txt-box5 { text-align: center; }
.txt-box5 dt.tit-4 { margin-bottom: 10px; }
.txt-box5 dd { line-height: 22px; font-family: 'Noto Sans' !important; }
.txt-box255 { width: 255px; margin: 0 auto; padding: 30px 0; }
.form-group .form-wrap { border: 1px solid #e5e5e5; padding: 20px; margin-top: -1px !important; position: relative; }
.form-group .form-wrap:first-child { margin-top: 0 !important; }
.form-group .form-wrap > label { font-family: 'Noto Sans KR Medium'; }
.form-group .arrow-wrap { display: inline-block; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 0; height: 0; background-color: #fff; border-style: solid; border-width: 10px; border-color: #dbdbdb transparent transparent transparent; z-index: 9; }
.form-group .arrow-wrap .arrow { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px; border-color: #fff transparent transparent transparent; position: absolute; top: -11px; left: -10px; }
.form-wrap .form-title { position: relative; margin-bottom: 7px; }
.form-wrap .form-title label { display: inline-block; }
.form-wrap .form-title .tooltip-btn { display: inline-block; margin-left: 3px; text-indent: -9999px; width: 21px; height: 21px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -496px -127px no-repeat; background-size: 800px auto; }
.form-wrap .form-title .tooltip-wrap { display: none; z-index: 480; position: absolute; top: 30px; left: 0; right: 0; }
.form-wrap .form-title .tooltip-wrap.action { display: block; }
.form-wrap .form-title .tooltip-wrap .tooltip-box { background-color: #fff; padding: 30px 15px; border: 1px solid #444; }
.form-wrap .form-title .tooltip-wrap .tooltip-box dt { font-family: 'Noto Sans KR Medium'; font-size: 13px; color: #333; line-height: 9px; margin-bottom: 10px; }
.form-wrap .form-title .tooltip-wrap .tooltip-box dd { font-size: 13px; color: #757575; line-height: 19px; }
.form-wrap .form-title .tooltip-wrap .tooltip-box dd + dt { margin-top: 10px; }
.form-wrap .form-title .tooltip-wrap .btn-close { position: absolute; right: 15px; top: 15px; text-indent: -9999px; width: 16px; height: 16px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -81px -23px no-repeat; background-size: 710px auto; }
.form-tb { display: table; width: 100%; margin-top: 10px; }
.form-tb .form-tb-row { display: table-row; }
.form-tb .txt-box4 { display: table-cell; width: 50%; text-align: center; padding: 20px 30px; }
.form-tb .txt-box4:first-child { border-right: 0; }
.form-tb .txt-box4 p { word-break: keep-all; }
.triangle { display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px; }
.triangle .below { border-color: #000 transparent transparent transparent; }
.skipnavi a { width: 100%; position: absolute; top: -600px; left: 0; z-index: 500; text-align: center; color: #fff; background: #333; padding: 5px 0; }
.skipnavi a:focus { top: 0; }
#header, #header2 { position: fixed; left: 50%; top: 0; width: 100%; max-width: 1080px; background-color: #fff; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 100; }
#header h1, #header2 h1 { text-align: center; height: 54px; line-height: 54px; }
#header .inner-header, #header2 .inner-header { height: 54px; position: relative; background-color: #fff; }
#header .btn-prev { position: absolute; left: 20px; top: 17px; width: 23px; height: 18px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -26px no-repeat; background-size: 800px auto; text-indent: -9999px; }
#header .btn-gnb-open { position: absolute; top: 18px; right: 20px; width: 23px; height: 18px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -29px -26px no-repeat; background-size: 800px auto; text-indent: -9999px; }
[class*='steps'] { position: relative; margin: 0 -20px; padding: 20px; background: #f4f4f4; border-top: 1px solid #e5e5e5; }
[class*='steps']:after { content: ''; display: block; clear: both; }
[class*='steps'] .tit-step { display: block; width: calc(100% - 125px); font-family: 'Noto Sans KR bold'; color: #111; line-height: 1; }
[class*='steps'] ul { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
[class*='steps'] ul:after { content: ''; display: block; clear: both; }
[class*='steps'] ul li { float: left; margin-left: 2px; width: 22px; height: 22px; font-size: 13px; color: #fff; background: #ccc; border-radius: 50%; line-height: 22px; display: flex; justify-content: center; align-items: center; }
[class*='steps'] ul li:first-child { margin-left: 0; }
[class*='steps'] ul li.on { background: #2154bd; }
[class*='steps'].steps2 .tit-step { width: calc(100% - 53px); }
[class*='steps'].steps3 .tit-step { width: calc(100% - 77px); }
[class*='steps'].steps4 .tit-step { width: calc(100% - 101px); }
.android [class*='steps'] ul li { padding-top: 2px; }
.android [class*='steps'] ul li:first-child { text-indent: -0.0384em; }
[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-size: 15px; border: 1px solid #e5e5e5; color: #666; vertical-align: middle; }
[class*='tab-wrap'] .tab-list li a { display: block; padding: 14px 0; }
[class*='tab-wrap'] .tab-list li.active { background-color: #2157bf; color: #fff; border: 1px solid #2157bf; }
[class*='tab-wrap'] .tab-list li.disabled, [class*='tab-wrap'] .tab-list li.disabled a { background-color: #f4f4f4; color: #999; }
[class*='tab-wrap'] .tab-panel { padding-top: 20px; display: none; }
[class*='tab-wrap'] .tab-panel.active { display: block; }
[class*='tab-wrap'].type-row .tab-list { display: flex; flex-flow: row wrap; }
[class*='tab-wrap'].type-row .tab-list li { position: relative; width: 33.33%; border: none; }
[class*='tab-wrap'].type-row .tab-list li a:before { content: ''; display: block; position: absolute; top: -1px; left: -1px; right: 0; bottom: 0; border: 1px solid #e5e5e5; }
[class*='tab-wrap'].type-row .tab-list li.active a:before { border: 1px solid #2157bf; }
[class*='tab-wrap'].type-row .tab-list li.disabled a:before { border: 1px solid #e5e5e5; }
[class*='tab-wrap'][class*='type-line'] { margin: 0 -20px; }
[class*='tab-wrap'][class*='type-line'] .tab-list li { position: relative; background-color: #fff; color: #666; border: none; border-bottom: 1px solid #e5e5e5; }
[class*='tab-wrap'][class*='type-line'] .tab-list li:after { content: ''; display: none; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 3px; background: #2154bd; }
[class*='tab-wrap'][class*='type-line'] .tab-list li.active { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #2154bd; }
[class*='tab-wrap'][class*='type-line'] .tab-list li.active:after { display: block; }
[class*='tab-wrap'].type-line-scroll { margin: 0 -20px; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
[class*='tab-wrap'].type-line-scroll .tab-list { display: block; overflow-x: scroll; white-space: nowrap; }
[class*='tab-wrap'].type-line-scroll .tab-list li:after { bottom: 0; }
[class*='tab-wrap'].type-line-scroll .tab { display: inline-block; }
[class*='tab-wrap'].type-line-scroll .tab a { padding: 14px 20px; }
[class*='tab-wrap'].type-line-scroll.swiper-container { margin-bottom: -1px; border-bottom: 1px solid #e5e5e5; }
[class*='tab-wrap'].type-line-scroll.swiper-container .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-sizing: content-box; box-sizing: content-box; overflow-x: initial; }
[class*='tab-wrap'].type-line-scroll.swiper-container .swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: auto; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit--box-align: center; -webkit-align-item: center; align-item: center; border-bottom: none; flex-grow: 1; }
*[class*="table-"] { border-bottom: 1px solid #aaa; }
*[class*="table-"] > table, *[class*="table-"] > .list-table { border-top: 1px solid #555; }
*[class*="table-"] > table th, *[class*="table-"] > table td, *[class*="table-"] > .list-table th, *[class*="table-"] > .list-table td { padding: 13px; }
*[class*="table-"] > table + table, *[class*="table-"] > table + .list-table, *[class*="table-"] > .list-table + table, *[class*="table-"] > .list-table + .list-table { border-top: 1px solid #e5e5e5; }
*[class*="table-"] > [class*='tit-'] { margin-bottom: 15px; }
*[class*="table-"] > [class*='txt-'] { margin-bottom: 12px; margin-top: 0; }
*[class*="table-"] .txt-unit { position: relative; margin-bottom: 0; }
*[class*="table-"] .txt-unit span { position: absolute; right: 0; bottom: 12px; }
*[class*="table-"] + [class*="table-"] { margin-top: 40px; }
*[class*="table-basic"] table th, *[class*="table-basic"] table td { height: 50px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
*[class*="table-basic"] table th { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-weight: normal; text-align: left; background-color: #f4f4f4; }
*[class*="table-basic"] table td { border-left: 1px solid #e5e5e5; }
*[class*="table-basic"] table tr th:first-child, *[class*="table-basic"] table tr td:first-child { border-left: none; }
*[class*="table-basic"] > table th[rowspan], *[class*="table-basic"] > table td[rowspan] {border-right: 1px solid #e5e5e5;}
*[class*="table-basic"] > table th[rowspan]:last-child, *[class*="table-basic"] > table td[rowspan]:last-child {border-right: none !important;}
*[class*="table-basic"] table tr:last-child th, *[class*="table-basic"] table tr:last-child td { border-bottom: none; }
*[class*="table-basic"] table thead th { text-align: center; border-bottom: 1px solid #e5e5e5; }
*[class*="table-basic"] table thead tr:last-child th { border-bottom: 1px solid #e5e5e5; }
*[class*="table-basic"] table tfoot th, *[class*="table-basic"] table tfoot td { background: #f5f5fd; }
*[class*="table-basic"] table tfoot th { text-align: center; }
*[class*="table-basic"] table.type-twice tbody th { background-color: #fafafa; text-align: center; }
*[class*="table-basic"] + div[class*="basic-table-"] { margin-top: 20px; }
*[class*="table-basic"] + .bd-box { margin-top: 20px; }
*[class*="table-basic"] > [class*='tit'] + .table-top-btn { padding-top: 0; }
.bd-box-wrap .bd-box { border: 1px solid #e5e5e5; padding: 23px 19px; }
.bd-box-wrap * + .bd-box { margin-top: 15px; }
.bd-box-wrap + .bd-box-wrap { margin-top: 20px; }
.accident-type-radio.hide-next + .sec .form-date-2 + .form-wrap { display: none !important; }
.accident-type-radio.hide-next + .sec .form-date-2 + .form-wrap + .bullet-type-dot { display: none !important; }
.accident-type-radio.hide-next + .sec .form-date-2 + .form-wrap + .bullet-type-dot + .form-wrap { display: none !important; }
.choice-type-sel .bd-box-wrap .bd-box { display: none; }
.choice-type-sel .bd-box-wrap.show-box .bd-box { display: block; }
.choice-type-sel .choice-die-type.hide-next + .form-wrap { display: none !important; }
.choice-type-sel .accordion-basic .cont-wrap { padding: 23px 0; }
.choice-type-sel .accordion-basic .cont-wrap .bd-box-wrap + .bd-box-wrap { margin-top: 15px; }
.choice-type-sel .accordion-basic .cont-wrap .bd-box-wrap.show-box .bd-box { padding: 0; border: none; }
.choice-type-sel .accordion-basic .cont-wrap .bd-box-wrap.show-box .bd-box .form-wrap.bd-t { padding-bottom: 13px; border-bottom: 1px solid #ccc; }
.total-result-btm { overflow: hidden; padding: 17px 20px 18px; border-bottom: 2px solid #4c50c7; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.total-result-btm > div { width: 100%; }
.total-result-btm > div.lf { float: left; width: 30%; }
.total-result-btm > div.lf + .rt { width: 70%; }
.total-result-btm > div.rt { float: right; text-align: right; }
.total-result-btm .tit, .total-result-btm .txt { display: block; }
.total-result-btm .tit { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #666; }
.total-result-btm.type2 .txt { color: #333; font-size: 25px; }
.total-result-btm.type2 .txt span { font-size: 20px; }
.total-result-btm.type2 + .tota-result-btn { margin-top: 17px; display: flex; }
.total-result-btm.type2 + .tota-result-btn .btn-func-type1 { padding: 7px 0; margin-right: 3.125%; width: 31.25%; }
.total-result-btm.type2 + .tota-result-btn .btn-func-type1:last-child { margin-right: 0; }
.total-result-btm.type2 + .tota-result-btn .btn-func-type1:hover { color: #666; border-color: #aaa; }
*[class*="table-info"] table th, *[class*="table-info"] .list-table th { color: #666; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-weight: normal; text-align: left; vertical-align: top; word-break: keep-all; word-wrap: break-word; }
*[class*="table-info"] table td, *[class*="table-info"] .list-table td { color: #111; padding-left: 0; text-align: right; }
*[class*="table-info"] table tr:first-child th, *[class*="table-info"] table tr:first-child td, *[class*="table-info"] .list-table tr:first-child th, *[class*="table-info"] .list-table tr:first-child td { padding-top: 22px; }
*[class*="table-info"] table tr:last-child th, *[class*="table-info"] table tr:last-child td, *[class*="table-info"] .list-table tr:last-child th, *[class*="table-info"] .list-table tr:last-child td { padding-bottom: 24px; }
*[class*="table-info"] > ul, *[class*="table-info"] > ol, *[class*="table-info"] .list-table, *[class*="table-info"] > a > .list-table, *[class*="table-info"] .agree-table { display: table; width: 100%; }
*[class*="table-info"] > ul li, *[class*="table-info"] > ol li, *[class*="table-info"] .list-table li, *[class*="table-info"] > a > .list-table li, *[class*="table-info"] .agree-table li { display: table-row; }
*[class*="table-info"] > ul li .tit, *[class*="table-info"] > ul li .txt, *[class*="table-info"] > ol li .tit, *[class*="table-info"] > ol li .txt, *[class*="table-info"] .list-table li .tit, *[class*="table-info"] .list-table li .txt, *[class*="table-info"] > a > .list-table li .tit, *[class*="table-info"] > a > .list-table li .txt, *[class*="table-info"] .agree-table li .tit, *[class*="table-info"] .agree-table li .txt { display: table-cell; padding: 13px; }
*[class*="table-info"] > ul li .tit, *[class*="table-info"] > ol li .tit, *[class*="table-info"] .list-table li .tit, *[class*="table-info"] > a > .list-table li .tit, *[class*="table-info"] .agree-table li .tit { width: 35%; vertical-align: top; }
*[class*="table-info"] > ul li .txt, *[class*="table-info"] > ol li .txt, *[class*="table-info"] .list-table li .txt, *[class*="table-info"] > a > .list-table li .txt, *[class*="table-info"] .agree-table li .txt { color: #111; padding-left: 0; text-align: right; }
*[class*="table-info"] > ul li:first-child .tit, *[class*="table-info"] > ul li:first-child .txt, *[class*="table-info"] > ol li:first-child .tit, *[class*="table-info"] > ol li:first-child .txt, *[class*="table-info"] .list-table li:first-child .tit, *[class*="table-info"] .list-table li:first-child .txt, *[class*="table-info"] > a > .list-table li:first-child .tit, *[class*="table-info"] > a > .list-table li:first-child .txt, *[class*="table-info"] .agree-table li:first-child .tit, *[class*="table-info"] .agree-table li:first-child .txt { padding-top: 22px; }
*[class*="table-info"] > ul li:last-child .tit, *[class*="table-info"] > ul li:last-child .txt, *[class*="table-info"] > ol li:last-child .tit, *[class*="table-info"] > ol li:last-child .txt, *[class*="table-info"] .list-table li:last-child .tit, *[class*="table-info"] .list-table li:last-child .txt, *[class*="table-info"] > a > .list-table li:last-child .tit, *[class*="table-info"] > a > .list-table li:last-child .txt, *[class*="table-info"] .agree-table li:last-child .tit, *[class*="table-info"] .agree-table li:last-child .txt { padding-bottom: 24px; }
*[class*="table-info"][class*='-box'] { border-bottom: none; }
*[class*="table-info"][class*='-box'] table, *[class*="table-info"][class*='-box'] .list-table, *[class*="table-info"][class*='-box'] .agree-table { border: 1px solid #e5e5e5; }
*[class*="table-info"][class*='-box'] table tr .tit, *[class*="table-info"][class*='-box'] table tr .txt, *[class*="table-info"][class*='-box'] table tr th, *[class*="table-info"][class*='-box'] table tr td, *[class*="table-info"][class*='-box'] table li .tit, *[class*="table-info"][class*='-box'] table li .txt, *[class*="table-info"][class*='-box'] table li th, *[class*="table-info"][class*='-box'] table li td, *[class*="table-info"][class*='-box'] .list-table tr .tit, *[class*="table-info"][class*='-box'] .list-table tr .txt, *[class*="table-info"][class*='-box'] .list-table tr th, *[class*="table-info"][class*='-box'] .list-table tr td, *[class*="table-info"][class*='-box'] .list-table li .tit, *[class*="table-info"][class*='-box'] .list-table li .txt, *[class*="table-info"][class*='-box'] .list-table li th, *[class*="table-info"][class*='-box'] .list-table li td, *[class*="table-info"][class*='-box'] .agree-table tr .tit, *[class*="table-info"][class*='-box'] .agree-table tr .txt, *[class*="table-info"][class*='-box'] .agree-table tr th, *[class*="table-info"][class*='-box'] .agree-table tr td, *[class*="table-info"][class*='-box'] .agree-table li .tit, *[class*="table-info"][class*='-box'] .agree-table li .txt, *[class*="table-info"][class*='-box'] .agree-table li th, *[class*="table-info"][class*='-box'] .agree-table li td { padding: 9px 19px; }
*[class*="table-info"][class*='-box'] table tr .tit, *[class*="table-info"][class*='-box'] table tr th, *[class*="table-info"][class*='-box'] table li .tit, *[class*="table-info"][class*='-box'] table li th, *[class*="table-info"][class*='-box'] .list-table tr .tit, *[class*="table-info"][class*='-box'] .list-table tr th, *[class*="table-info"][class*='-box'] .list-table li .tit, *[class*="table-info"][class*='-box'] .list-table li th, *[class*="table-info"][class*='-box'] .agree-table tr .tit, *[class*="table-info"][class*='-box'] .agree-table tr th, *[class*="table-info"][class*='-box'] .agree-table li .tit, *[class*="table-info"][class*='-box'] .agree-table li th { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
*[class*="table-info"][class*='-box'] table tr .txt, *[class*="table-info"][class*='-box'] table tr td, *[class*="table-info"][class*='-box'] table li .txt, *[class*="table-info"][class*='-box'] table li td, *[class*="table-info"][class*='-box'] .list-table tr .txt, *[class*="table-info"][class*='-box'] .list-table tr td, *[class*="table-info"][class*='-box'] .list-table li .txt, *[class*="table-info"][class*='-box'] .list-table li td, *[class*="table-info"][class*='-box'] .agree-table tr .txt, *[class*="table-info"][class*='-box'] .agree-table tr td, *[class*="table-info"][class*='-box'] .agree-table li .txt, *[class*="table-info"][class*='-box'] .agree-table li td { color: #333; padding-left: 0; text-align: right; }
*[class*="table-info"][class*='-box'] table tr:first-child .tit, *[class*="table-info"][class*='-box'] table tr:first-child .txt, *[class*="table-info"][class*='-box'] table tr:first-child th, *[class*="table-info"][class*='-box'] table tr:first-child td, *[class*="table-info"][class*='-box'] table li:first-child .tit, *[class*="table-info"][class*='-box'] table li:first-child .txt, *[class*="table-info"][class*='-box'] table li:first-child th, *[class*="table-info"][class*='-box'] table li:first-child td, *[class*="table-info"][class*='-box'] .list-table tr:first-child .tit, *[class*="table-info"][class*='-box'] .list-table tr:first-child .txt, *[class*="table-info"][class*='-box'] .list-table tr:first-child th, *[class*="table-info"][class*='-box'] .list-table tr:first-child td, *[class*="table-info"][class*='-box'] .list-table li:first-child .tit, *[class*="table-info"][class*='-box'] .list-table li:first-child .txt, *[class*="table-info"][class*='-box'] .list-table li:first-child th, *[class*="table-info"][class*='-box'] .list-table li:first-child td, *[class*="table-info"][class*='-box'] .agree-table tr:first-child .tit, *[class*="table-info"][class*='-box'] .agree-table tr:first-child .txt, *[class*="table-info"][class*='-box'] .agree-table tr:first-child th, *[class*="table-info"][class*='-box'] .agree-table tr:first-child td, *[class*="table-info"][class*='-box'] .agree-table li:first-child .tit, *[class*="table-info"][class*='-box'] .agree-table li:first-child .txt, *[class*="table-info"][class*='-box'] .agree-table li:first-child th, *[class*="table-info"][class*='-box'] .agree-table li:first-child td { padding-top: 25px; }
*[class*="table-info"][class*='-box'] table tr:last-child .tit, *[class*="table-info"][class*='-box'] table tr:last-child .txt, *[class*="table-info"][class*='-box'] table tr:last-child th, *[class*="table-info"][class*='-box'] table tr:last-child td, *[class*="table-info"][class*='-box'] table li:last-child .tit, *[class*="table-info"][class*='-box'] table li:last-child .txt, *[class*="table-info"][class*='-box'] table li:last-child th, *[class*="table-info"][class*='-box'] table li:last-child td, *[class*="table-info"][class*='-box'] .list-table tr:last-child .tit, *[class*="table-info"][class*='-box'] .list-table tr:last-child .txt, *[class*="table-info"][class*='-box'] .list-table tr:last-child th, *[class*="table-info"][class*='-box'] .list-table tr:last-child td, *[class*="table-info"][class*='-box'] .list-table li:last-child .tit, *[class*="table-info"][class*='-box'] .list-table li:last-child .txt, *[class*="table-info"][class*='-box'] .list-table li:last-child th, *[class*="table-info"][class*='-box'] .list-table li:last-child td, *[class*="table-info"][class*='-box'] .agree-table tr:last-child .tit, *[class*="table-info"][class*='-box'] .agree-table tr:last-child .txt, *[class*="table-info"][class*='-box'] .agree-table tr:last-child th, *[class*="table-info"][class*='-box'] .agree-table tr:last-child td, *[class*="table-info"][class*='-box'] .agree-table li:last-child .tit, *[class*="table-info"][class*='-box'] .agree-table li:last-child .txt, *[class*="table-info"][class*='-box'] .agree-table li:last-child th, *[class*="table-info"][class*='-box'] .agree-table li:last-child td { padding-bottom: 25px; }
*[class*="table-info"][class*='-box'] table tr:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] table tr:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] table tr:last-child.tb-form th, *[class*="table-info"][class*='-box'] table tr:last-child.tb-form td, *[class*="table-info"][class*='-box'] table li:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] table li:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] table li:last-child.tb-form th, *[class*="table-info"][class*='-box'] table li:last-child.tb-form td, *[class*="table-info"][class*='-box'] .list-table tr:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] .list-table tr:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] .list-table tr:last-child.tb-form th, *[class*="table-info"][class*='-box'] .list-table tr:last-child.tb-form td, *[class*="table-info"][class*='-box'] .list-table li:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] .list-table li:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] .list-table li:last-child.tb-form th, *[class*="table-info"][class*='-box'] .list-table li:last-child.tb-form td, *[class*="table-info"][class*='-box'] .agree-table tr:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] .agree-table tr:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] .agree-table tr:last-child.tb-form th, *[class*="table-info"][class*='-box'] .agree-table tr:last-child.tb-form td, *[class*="table-info"][class*='-box'] .agree-table li:last-child.tb-form .tit, *[class*="table-info"][class*='-box'] .agree-table li:last-child.tb-form .txt, *[class*="table-info"][class*='-box'] .agree-table li:last-child.tb-form th, *[class*="table-info"][class*='-box'] .agree-table li:last-child.tb-form td { padding-bottom: 12px; }
*[class*="table-info"][class*='-box'] table.type-noline, *[class*="table-info"][class*='-box'] .list-table.type-noline, *[class*="table-info"][class*='-box'] .agree-table.type-noline { border: none; }
*[class*="table-info"][class*='-box'] table.type-noline .tit, *[class*="table-info"][class*='-box'] table.type-noline th, *[class*="table-info"][class*='-box'] .list-table.type-noline .tit, *[class*="table-info"][class*='-box'] .list-table.type-noline th, *[class*="table-info"][class*='-box'] .agree-table.type-noline .tit, *[class*="table-info"][class*='-box'] .agree-table.type-noline th { padding-left: 0; }
*[class*="table-info"][class*='-box'] table.type-noline .txt, *[class*="table-info"][class*='-box'] table.type-noline td, *[class*="table-info"][class*='-box'] .list-table.type-noline .txt, *[class*="table-info"][class*='-box'] .list-table.type-noline td, *[class*="table-info"][class*='-box'] .agree-table.type-noline .txt, *[class*="table-info"][class*='-box'] .agree-table.type-noline td { padding-right: 0; }
*[class*="table-info"][class*='-box'] table.type-noline + .type-noline, *[class*="table-info"][class*='-box'] .list-table.type-noline + .type-noline, *[class*="table-info"][class*='-box'] .agree-table.type-noline + .type-noline { border-top: 1px solid #aaa; }
*[class*="table-info"][class*='-box'] .line-wrap { padding: 0 20px; border: 1px solid #e5e5e5; }
*[class*="table-info"][class*='-box3'] th, *[class*="table-info"][class*='-box3'] td { padding-top: 18px !important; padding-bottom: 18px !important; }
*[class*="table-info"][class*='-box2'] { border-bottom: none; }
*[class*="table-info"][class*='-box2'] > table, *[class*="table-info"][class*='-box2'] > .list-table { border: none; background: #f4f4f4; }
*[class*="table-info"][class*='-box2'] > table tr .tit, *[class*="table-info"][class*='-box2'] > table tr th, *[class*="table-info"][class*='-box2'] > table li .tit, *[class*="table-info"][class*='-box2'] > table li th, *[class*="table-info"][class*='-box2'] > .list-table tr .tit, *[class*="table-info"][class*='-box2'] > .list-table tr th, *[class*="table-info"][class*='-box2'] > .list-table li .tit, *[class*="table-info"][class*='-box2'] > .list-table li th { color: #666; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
*[class*="table-info"][class*='-box2'] > table tr .txt, *[class*="table-info"][class*='-box2'] > table tr td, *[class*="table-info"][class*='-box2'] > table li .txt, *[class*="table-info"][class*='-box2'] > table li td, *[class*="table-info"][class*='-box2'] > .list-table tr .txt, *[class*="table-info"][class*='-box2'] > .list-table tr td, *[class*="table-info"][class*='-box2'] > .list-table li .txt, *[class*="table-info"][class*='-box2'] > .list-table li td { color: #111; padding-left: 0; text-align: right; }
*[class*="table-info"].version td .dark-2 { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
*[class*="table-info"].list table + table { margin-top: 10px; }
.form-wrap.sch-1 ~ .post-list { margin: 30px -20px 0; padding: 0 20px; border: 1px solid #aaa; border-left: none; border-right: none; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"] { border-bottom: 1px solid #e5e5e5; margin: 0 -20px; padding: 0 20px; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"]:last-child { border-bottom: none; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"] > a { display: block; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"] .list-table { font-size: 15px; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"] .list-table > * > strong { padding-left: 0; color: #666; vertical-align: middle; }
.form-wrap.sch-1 ~ .post-list [class*="table-info"] .list-table > * > strong ~ * { padding-right: 0; }
[class*='list-card'] { display: block; border: 1px solid #e5e5e5; border-radius: 7px; overflow: hidden; }
[class*='list-card'] .inner, [class*='list-card'] a { padding: 20px 20px 15px; display: block; }
[class*='list-card'] a { padding: 20px 45px 15px 20px; position: relative; }
[class*='list-card'] a:after { content: ''; display: block; margin-top: -10px; position: absolute; top: 50%; right: 20px; width: 19px; height: 11px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -84px -226px no-repeat; background-size: 800px auto; }
[class*='list-card'].no-arrow a:after { content: none; }
[class*='list-card'] .top-info { margin-bottom: 7px; color: #666; }
[class*='list-card'] .top-info [class*='tag'] { float: left; margin-right: 6px; margin-top: 1px; }
[class*='list-card'] .txt-major { margin-bottom: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #4c50c7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[class*='list-card'] .txt-5 { line-height: 20px; }
[class*='list-card'] .info-list { width: 100%; }
[class*='list-card'] .info-list li { display: table-row; }
[class*='list-card'] .info-list li .tit, [class*='list-card'] .info-list li .txt { display: table-cell; height: 26px; color: #666; }
[class*='list-card'] .info-list li .tit { min-width: 52px; max-width: 150px; padding-right: 24px; vertical-align: top; word-break: keep-all; word-wrap: break-word; }
[class*='list-card'] .info-list li:last-child .tit, [class*='list-card'] .info-list li:last-child .txt { padding-bottom: 0; height: initial; }
[class*='list-card'] .disabled { background: #f4f4f4; }
[class*='list-card'] .disabled .top-info, [class*='list-card'] .disabled .txt-major, [class*='list-card'] .disabled .txt-5, [class*='list-card'] .disabled .info-list li .tit, [class*='list-card'] .disabled .info-list li .txt, [class*='list-card'] .disabled .fnc_con { color: #999 !important; }
[class*='list-card'] .disabled:after { display: none; }
[class*='list-card'] + [class*='list-card'] { margin-top: 10px; }
.type-col-4[class*="sel-normal-"] { display: none; }
.cd-chk.amex, .cd-chk.dynus { display: none; }
.cont-wrap.cd-normal .type-col-4.sel-normal { display: block; }
.cont-wrap.cd-normal .type-col-4[class*="sel-normal-"] { display: none; }
.cont-wrap.cd-normal.amex .type-col-4[class*="sel-normal"] { display: none; }
.cont-wrap.cd-normal.amex .type-col-4.sel-normal-amex { display: block; }
.cont-wrap.cd-normal .cd-chk.amex { display: block; }
.cont-wrap.cd-normal .cd-chk.dynus { display: none; }
.cont-wrap.cd-hyun .type-col-4.sel-normal { display: block; }
.cont-wrap.cd-hyun .type-col-4[class*="sel-normal-"] { display: none; }
.cont-wrap.cd-hyun.dynus .type-col-4[class*="sel-normal"] { display: none; }
.cont-wrap.cd-hyun.dynus .type-col-4.sel-normal-dynus { display: block; }
.cont-wrap.cd-hyun .cd-chk.amex { display: none; }
.cont-wrap.cd-hyun .cd-chk.dynus { display: block; }
[class*='list-divide'] li { padding: 9px 0; overflow: hidden; }
[class*='list-divide'] li .tit, [class*='list-divide'] li .txt { display: inline-block; vertical-align: middle; }
[class*='list-divide'] li .tit { width: 49%; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
[class*='list-divide'] li .txt { width: 49%; text-align: right; }
[class*='list-divide'] li:first-child { padding-top: 25px; }
[class*='list-divide'] li:last-child { padding-bottom: 25px; }
[class*='list-divide'] li.type-btn { padding-bottom: 15px; }
[class*='list-divide'] li .depth { margin-top: 10px; padding: 8px 0; background: #f4f4f4; }
[class*='list-divide'] li .depth li { padding: 5px 15px; }
[class*='list-divide'] li .depth li:first-child { padding-top: 5px; }
[class*='list-divide'] li .depth li:last-child { padding-bottom: 5px; }
[class*='list-divide'] li .depth li .tit, [class*='list-divide'] li .depth li .txt { font-size: 14px; }
[class*='list-divide'] li [class*='btn-func'] { display: inline-block; width: auto; }
[class*='list-divide'].type-6b4 .tit { width: 58%; }
[class*='list-divide'].type-6b4 .txt { width: 40%; }
.li-table { display: table; width: 100%; margin-top: 10px; }
.li-table .li-table-row { display: table-row; }
.li-table .li-table-row li { display: table-cell; line-height: 20px; text-align: center; }
* + .board-btn { margin-top: 17px; }
* + .board-btn [class*='btn-func'] + [class*='btn-func'] { margin-top: 10px; }
* + .board-btn .btn-func-type6 { margin-top: 17px; }
* + .board-btn .btn-func-type6 + .btn-func-type6 { margin-top: 10px; }
* + .board-btn .btn-func-type6 + .btn-func-type1 { margin-top: 30px; }
* + .board-btn + .form-wrap.cert-num-inp { margin-top: 27px; position: relative; }
* + .board-btn + .form-wrap.cert-num-inp .input { padding-right: 36px; }
.count-time { position: absolute; right: 3px; bottom: 12px; color: #c41d68; }
[class*='tag'] { display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; border-radius: 2px; color: #fff; font-size: 12px; background: #ff6f61; }
[class*='tag'].tag1 { background: #ff6f61; }
[class*='tag'].tag2 { background: #875364; }
[class*='tag'].tag3 { background: #83c858; }
[class*='tag'].tag4 { background: #0d9cd8; }
[class*='tag'].tag5 { background: #00a99b; }
[class*='tag'].tag6 { background: #666; }
[class*='tag'].tag7 { background: #e34788; }
[class*='tag'].tag8 { background: #0c8eb0; }
[class*='tag'].tag9 { background: #c41d68; }
.bullet-type-dot > li { position: relative; padding-left: 7px; 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%; }
.bullet-type-dot > li:last-child { margin-bottom: 0; }
.bullet-type-dot > li.point-blue:before { background: #4c50c7; }
.bullet-type-dot.type-color > li { color: #333; }
.bullet-type-dot.type-size > li { font-size: 15px; }
.bullet-type-dot.type-ctm { padding-top: 0; }
.bullet-type-dot.type-ctm li { color: #333; font-size: 15px; word-break: keep-all; }
.bullet-type-dot.type-ctm li:before { background-color: #333; }
.bullet-type-dot.type-ctm + .mctm-info-tit { margin-top: 10px; }
.bullet-type-hypen { color: #666; font-size: 14px; }
.bullet-type-hypen > li { margin-bottom: 5px; }
.bullet-type-hypen > li:last-child { margin-bottom: 0; }
.bullet-type-hypen > li:before { content: '\2013'; margin-right: 6px; }
.bullet-type-astro { color: #333; font-size: 13px; }
.bullet-type-astro > li { margin-bottom: 5px; }
.bullet-type-astro > li:last-child { margin-bottom: 0; }
.bullet-type-astro > li:before { content: '\2217'; margin-right: 5px; }
li > .bullet-type-hypen { padding-top: 3px; }
* + .bullet-type-dot { padding-top: 15px; }
* + .bullet-type-dot > li { margin-bottom: 10px; }
* + .bullet-type-dot > li:last-child { margin-bottom: 0; }
.ref sup { display: inline-block; margin-top: -10px; }
[class*='list-num'] li { padding-left: 39px; margin-bottom: 10px; position: relative; }
[class*='list-num'] li:last-child { margin-bottom: 0; }
[class*='list-num'] .num { position: absolute; top: 0; left: 0; width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; background: #218fe5; font-family: "Roboto Bold"; font-size: 13px; color: #fff; }
[class*='list-num'].process .num { top: -2px; }
[class*='list-num'].process > li { margin-bottom: 25px; }
.android [class*='list-num'] .num { padding-top: 1px; }
* + [class*='list-num'] { margin-top: 15px; }
[class*="combo-form"], [class*="form-wrap"] { position: relative; }
[class*="combo-form"] label, [class*="combo-form"] .label, [class*="form-wrap"] label, [class*="form-wrap"] .label { display: block; margin-bottom: 6px; color: #111; }
[class*="combo-form"] [class*='tit-'], [class*="form-wrap"] [class*='tit-'] { display: block; margin-bottom: 6px; color: #111; }
[class*="combo-form"].focusin label:first-child, [class*="form-wrap"].focusin label:first-child { color: #4c50c7; }
[class*="combo-form"] .price, [class*="combo-form"] .err, [class*="form-wrap"] .price, [class*="form-wrap"] .err { margin-top: 8px; text-align: right; }
[class*="combo-form"] .err, [class*="form-wrap"] .err { color: #c41d68; }
[class*="combo-form"].type-unit, [class*="form-wrap"].type-unit { position: relative; }
[class*="combo-form"].type-unit [class*="input-box"] .input, [class*="form-wrap"].type-unit [class*="input-box"] .input { padding-right: 23px; }
[class*="combo-form"].type-unit [class*="input-box"].clear .input:focus, [class*="form-wrap"].type-unit [class*="input-box"].clear .input:focus { padding-right: 50px; }
[class*="combo-form"].type-unit [class*="input-box"].clear .btn-clear, [class*="form-wrap"].type-unit [class*="input-box"].clear .btn-clear { right: 20px; }
[class*="combo-form"].type-unit .unit, [class*="form-wrap"].type-unit .unit { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
[class*="combo-form"].type-required > label, [class*="combo-form"].type-required > .label, [class*="form-wrap"].type-required > label, [class*="form-wrap"].type-required > .label { position: relative; }
[class*="combo-form"].type-required > label:after, [class*="combo-form"].type-required > .label:after, [class*="form-wrap"].type-required > label:after, [class*="form-wrap"].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; }
[class*="combo-form"].type-inner [class*="input-box"] .input, [class*="form-wrap"].type-inner [class*="input-box"] .input { padding: 0 12px; height: 38px; border: 1px solid #aaa; color: #333; }
[class*="combo-form"].type-inner [class*="input-box"] .input.readonly, [class*="combo-form"].type-inner [class*="input-box"] .input:disabled, [class*="form-wrap"].type-inner [class*="input-box"] .input.readonly, [class*="form-wrap"].type-inner [class*="input-box"] .input:disabled { color: #999; border: 1px solid #ccc; background: #f4f4f4; }
[class*="combo-form"].type-inner [class*="input-box"].clear .btn-clear, [class*="form-wrap"].type-inner [class*="input-box"].clear .btn-clear { right: 0; width: 40px; background-position-y: -217px; }
[class*="combo-form"].type-inner [class*="select-box"] .btn-sel-layer-1, [class*="form-wrap"].type-inner [class*="select-box"] .btn-sel-layer-1 { padding: 10px; height: 36px; line-height: 1; font-size: 15px; color: #333; text-align: left; border: 1px solid #aaa; }
[class*="combo-form"].type-inner [class*="select-box"] .btn-sel-layer-1:after, [class*="form-wrap"].type-inner [class*="select-box"] .btn-sel-layer-1:after { right: 10px; }
[class*="combo-form"].type-inner [class*="select-box"].select-use select, [class*="form-wrap"].type-inner [class*="select-box"].select-use select { position: static !important; padding: 0 10px; width: 100%; height: 36px; border: 1px solid #aaa; -webkit-appearance: none; }
[class*="combo-form"].type-inner [class*="select-box"].select-use:after, [class*="form-wrap"].type-inner [class*="select-box"].select-use:after { content: ''; position: absolute; top: 50%; right: 10px; width: 18px; height: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -113px -226px no-repeat; background-size: 800px auto; }
[class*="combo-form"].type-inner.type-unit [class*="input-box"] .input, [class*="form-wrap"].type-inner.type-unit [class*="input-box"] .input { padding-right: 28px; }
[class*="combo-form"].type-inner.type-unit [class*="input-box"].clear .input:focus, [class*="form-wrap"].type-inner.type-unit [class*="input-box"].clear .input:focus { padding-right: 60px; }
[class*="combo-form"].type-inner.type-unit [class*="input-box"].clear .btn-clear, [class*="form-wrap"].type-inner.type-unit [class*="input-box"].clear .btn-clear { right: 24px; }
[class*="combo-form"].type-inner.type-unit .unit, [class*="form-wrap"].type-inner.type-unit .unit { right: 10px; color: #333; font-size: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
[class*="combo-form"] + [class*="combo-form"], [class*="combo-form"] + [class*="form-wrap"], [class*="form-wrap"] + [class*="combo-form"], [class*="form-wrap"] + [class*="form-wrap"] { margin-top: 30px; }
[class*="combo-form"].sch-1 .btn-sch-1, [class*="form-wrap"].sch-1 .btn-sch-1 { position: absolute; top: 11px; right: 11px; width: 22px; height: 21px; background-color: yellow; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -172px -26px no-repeat; background-size: 800px auto; text-indent: -9999px; }
[class*="combo-form"].sch-1.inner-box .btn-sch-1, [class*="form-wrap"].sch-1.inner-box .btn-sch-1 { right: 0; }
[class*="combo-form"].sch-1 .btn-clear, [class*="form-wrap"].sch-1 .btn-clear { right: 42px; }
[class*="combo-form"].sch-1 input[type="text"], [class*="combo-form"].sch-1 input[type="search"], [class*="combo-form"].sch-1 input[type="email"], [class*="combo-form"].sch-1 input[type="tel"], [class*="form-wrap"].sch-1 input[type="text"], [class*="form-wrap"].sch-1 input[type="search"], [class*="form-wrap"].sch-1 input[type="email"], [class*="form-wrap"].sch-1 input[type="tel"] { padding-right: 80px; }
[class*="combo-form"].form-date-1, [class*="form-wrap"].form-date-1 { border: 1px solid #aaa; position: relative; height: 40px; padding: 0 12px; }
[class*="combo-form"].form-date-1 .date-text, [class*="form-wrap"].form-date-1 .date-text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 9px 12px; letter-spacing: 0; text-align: left; }
[class*="combo-form"].form-date-1 .input-box, [class*="form-wrap"].form-date-1 .input-box { margin: 0 -12px; }
[class*="combo-form"].form-date-1 .input-box:after, [class*="form-wrap"].form-date-1 .input-box:after { content: ''; position: absolute; top: 8px; right: 12px; width: 22px; height: 20px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -176px -282px no-repeat; background-size: 800px auto; }
[class*="combo-form"].form-date-1 input[type="date"], [class*="combo-form"].form-date-1 input[type="month"], [class*="combo-form"].form-date-1 input[type="week"], [class*="form-wrap"].form-date-1 input[type="date"], [class*="form-wrap"].form-date-1 input[type="month"], [class*="form-wrap"].form-date-1 input[type="week"] { opacity: 0; position: relative; z-index: 1; }
[class*="combo-form"].form-date-2 .date-text, [class*="form-wrap"].form-date-2 .date-text { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 9px 12px 9px 0; letter-spacing: 0; text-align: left; font-size: 18px; }
[class*="combo-form"].form-date-2 .date-text.guide, [class*="form-wrap"].form-date-2 .date-text.guide { color: #ccc; }
[class*="combo-form"].form-date-2 .input-box:after, [class*="form-wrap"].form-date-2 .input-box:after { content: ''; position: absolute; top: 10px; right: 0; width: 22px; height: 20px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -176px -282px no-repeat; background-size: 800px auto; }
[class*="combo-form"].form-date-2 .input-box .date-text, [class*="form-wrap"].form-date-2 .input-box .date-text { border-bottom: 1px solid #555; }
[class*="combo-form"].form-date-2.focusin .input-box .date-text, [class*="form-wrap"].form-date-2.focusin .input-box .date-text { border-color: #4c50c7; border-width: 3px; }
[class*="combo-form"].form-date-2 input[type="date"], [class*="combo-form"].form-date-2 input[type="month"], [class*="combo-form"].form-date-2 input[type="week"], [class*="form-wrap"].form-date-2 input[type="date"], [class*="form-wrap"].form-date-2 input[type="month"], [class*="form-wrap"].form-date-2 input[type="week"] { opacity: 0; position: relative; z-index: 1; }
[class*="combo-form"].form-date-1 .date-text.required, [class*="combo-form"].form-date-2 .date-text.required, [class*="form-wrap"].form-date-1 .date-text.required, [class*="form-wrap"].form-date-2 .date-text.required { color: #ccc; }
[class*="combo-form"][class*="has-btn-"], [class*="form-wrap"][class*="has-btn-"] { position: relative; }
[class*="combo-form"][class*="has-btn-"] *[class*="btn-rect-"], [class*="form-wrap"][class*="has-btn-"] *[class*="btn-rect-"] { position: absolute; top: 0; right: 0; border-radius: 3px; border: 1px solid #333; min-width: 36px; padding: 7px 14px 5px; }
[class*="combo-form"].type-inner [class*="input-box"].clear .input:focus, [class*="form-wrap"].type-inner [class*="input-box"].clear .input:focus { padding-right: 40px; }
[class*="combo-form"]:after { content: ''; display: block; clear: both; }
[class*="combo-form"][class*="type-col"] [class*="form-wrap"] { float: left; display: block; width: 30%; margin-top: 0; margin-right: 5%; }
[class*="combo-form"][class*="type-col"] [class*="form-wrap"]:last-child { margin-right: 0; }
[class*="combo-form"][class*="type-col"] [class*="form-wrap"] + span { display: block; position: relative; float: left; width: 8%; text-indent: -999999px; line-height: 44px; }
[class*="combo-form"][class*="type-col"] [class*="form-wrap"] + span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background: #666; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
[class*="combo-form"][class*="type-col"] [class*="form-wrap"] + span:last-child:after { display: none; }
[class*="combo-form"][class*="type-col"][class*='-inner'] [class*="form-wrap"] + span, [class*="combo-form"][class*="type-col"].type-inner [class*="form-wrap"] + span { line-height: 38px; }
[class*="combo-form"].type-col-2 [class*="form-wrap"] { width: 46%; margin-right: 0; }
[class*="combo-form"].type-col-2.email .form-wrap + span:after { content: '@'; width: auto; height: auto; line-height: 1; text-indent: 0; background-color: transparent; }
[class*="combo-form"].type-col-2.email .form-wrap.email-domain { width: 100% !important; }
[class*="combo-form"].type-col-3 [class*="form-wrap"] { width: 28%; margin-right: 0; }
[class*="combo-form"].type-col-4 [class*="form-wrap"] { width: 21%; margin-right: 0; }
[class*="combo-form"].type-col-4 [class*="form-wrap"] + span { width: 5%; }
[class*="combo-form"].type-col-5 [class*="form-wrap"] { width: 25%; margin-right: 0; }
* + [class*="combo-form"], * + [class*="form-wrap"] { margin-top: 30px; }
[class*="tit"] + [class*="combo-form"], [class*="tit"] + [class*="form-wrap"] { margin-top: 0; }
[class*="input-box"] { position: relative; }
[class*="input-box"] .input { padding: 0 0 2px 0; width: 100%; height: 44px; border: none; border-bottom: 1px solid #555; color: #333; }
[class*="input-box"] .input::placeholder { color: #333; }
[class*="input-box"] .input::-webkit-input-placeholder { color: #333; }
[class*="input-box"] .input.placeholder { color: #333; }
[class*="input-box"] ~ [class*="input-box"] .input { height: 50px; }
[class*="input-box"] .input:focus { padding: 0; border-color: #4c50c7; border-width: 3px; }
[class*="input-box"] .input.readonly, [class*="input-box"] .input:disabled { color: #999; border-bottom: 1px solid #e5e5e5; }
[class*="input-box"] .btn-clear { display: none; position: absolute; top: 0; right: 0; width: 30px; height: 100%; color: transparent; font-size: 11px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 8px -215px no-repeat; background-size: 800px auto; }
[class*="input-box"].clear .input { padding-right: 30px; }
[class*="input-box"].clear .btn-clear { display: block; }
[class*="input-box"] .input::placeholder { color: #ccc !important; }
[class*="input-box"] .input::-webkit-input-placeholder { color: #ccc !important; }
[class*="input-box"] .input:-ms-input-placeholder { color: #ccc !important; }
[class*="input-box"] .input.placeholder { color: #ccc; }
.email-domain [class*="input-box"] .input { height: 50px; }
textarea { min-height: 80px; border: 1px solid #e5e5e5; border-bottom: 1px solid #555; }
.focusin textarea { border-bottom: 3px solid #4c50c7; }
.textarea-box.count { padding-top: 3px; position: relative; }
.textarea-box.count textarea { max-height: 250px; }
.textarea-box.count .count-num { position: absolute; top: -22px; right: 0; font-size: 14px; color: #999; }
.textarea-box.count .count-num .txt-num + span { display: inline-block; padding: 0 1px; }
.btn-checkbox { position: relative; }
.btn-checkbox input { position: absolute; left: -9999px; }
.btn-checkbox input + span { display: inline-block; text-indent: -9999px; }
.btn-checkbox input + label { display: inline-block; position: relative; padding: 0 0 0 35px; font-size: 17px; color: #333; }
.btn-checkbox input.totChk + label { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.btn-checkbox input + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-51%); }
.btn-checkbox input + span, .btn-checkbox input + label:before { width: 27px; height: 27px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -1px -268px no-repeat; background-size: 800px auto; }
.btn-checkbox input:checked + span, .btn-checkbox input:checked + label:before { background-position-y: -300px; }
.btn-checkbox input:disabled + span, .btn-checkbox input:disabled + label:before { background-position-y: -333px; }
.btn-checkbox input:checked:disabled + span, .btn-checkbox input:checked:disabled + label:before { background-position-y: -301px; }
.txt-confrim-1 + .btn-checkbox { display: inline-block; margin-top: 14px; }
.txt-confrim-1.size17 { font-size: 17px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.btn-radio { position: relative; }
.btn-radio input { position: absolute; left: -9999px; }
.btn-radio input + span { display: inline-block; text-indent: -9999px; }
.btn-radio input + label { display: inline-block; position: relative; padding: 0 0 0 35px; font-size: 18px; color: #333; }
.btn-radio input + label:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.btn-radio input + span, .btn-radio input + label:before { width: 26px; height: 26px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -35px -269px no-repeat; background-size: 800px auto; }
.btn-radio input:checked + span, .btn-radio input:checked + label:before { background-position-y: -301px; }
.btn-radio input:disabled + span, .btn-radio input:disabled + label:before { background-position-y: -333px; }
.btn-radio input:checked:disabled + span, .btn-radio input:checked:disabled + label:before { background-position-y: -301px; }
[class*='btn-radio-group'][class*='type-col'] { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; }
[class*='btn-radio-group'][class*='type-col'][class*='-2'] > span { width: 50%; }
[class*='btn-radio-group'][class*='type-col'][class*='-2'] > span:nth-child(n+3) { margin-top: 15px; }
[class*='btn-radio-group'][class*='type-col'][class*='-2'].total-checkgroup > span.total { width: 100%; }
[class*='btn-radio-group'][class*='type-col'][class*='-2'].total-checkgroup > span.total ~ span { margin-top: 15px; }
[class*='btn-radio-group'][class*='type-col'][class*='-3'] { justify-content: initial; }
[class*='btn-radio-group'][class*='type-col'][class*='-3'] > span { width: 33.33%; }
[class*='btn-radio-group'][class*='type-col'][class*='-3'] > span:nth-child(n+4) { margin-top: 15px; }
[class*='btn-radio-group'][class*='type-col'][class*='-4'] > span:nth-child(n+5) { margin-top: 15px; }
[class*='btn-radio-group'][class*='type-row'] > * { display: block; margin-bottom: 15px; }
[class*='btn-radio-group'][class*='type-row'] > *:last-child { margin-bottom: 0; }
[class*='btn-radio-group'][class*='type-row'] .btn-checkbox input + label:before, [class*='btn-radio-group'][class*='type-row'] .btn-radio input + label:before { top: -2px; transform: translateY(0); -webkit-transform: translateY(0); }
label + [class*='btn-radio-group'][class*='type-col'], .label + [class*='btn-radio-group'][class*='type-col'] { padding-top: 7px; }
.price-btns-fixed-wrap span { width: 25%; padding-left: 5px; }
.price-btns-fixed-wrap span button { min-width: auto; white-space: nowrap; padding-left: 0; padding-right: 0; }
.price-btns-fixed-wrap span:first-child { padding-left: 0; }
.fn_dropdown .button[aria-expanded="false"] + ul, .fn_dropdown .button[aria-expanded="false"] + .drop_con { display: none; }
.fn_dropdown .button[aria-expanded="true"] + ul, .fn_dropdown .button[aria-expanded="true"] + .drop_con { display: block; }
[class*='accordion-'] .acc-tit { padding: 14px 50px 14px 19px; position: relative; display: block; width: 100%; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: left; border: 1px solid #e5e5e5; }
[class*='accordion-'] .acc-tit:after { content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 19px; height: 11px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -84px -226px no-repeat; background-size: 800px auto; }
[class*='accordion-'] .acc-tit ul { display: flex; justify-content: space-between; }
[class*='accordion-'] .acc-tit ul li span { display: block; }
[class*='accordion-'] .acc-tit ul li span.tit { display: none; font-size: 13px; color: #666; }
[class*='accordion-'] .acc-tit ul li:first-child { width: 26%; }
[class*='accordion-'] .acc-tit ul li:nth-child(2) { width: 30%; }
[class*='accordion-'] .drop_con { display: none; padding: 0 19px; border: 1px solid #e5e5e5; border-top: none; overflow: hidden; }
[class*='accordion-'] .drop_con.type-full { padding: 0; }
[class*='accordion-'] .drop_con .con-inner { padding: 20px 0; }
[class*='accordion-'] .acc-tit[aria-expanded="true"] { border-color: #218fe5; }
[class*='accordion-'] .acc-tit[aria-expanded="true"]:after { background-position-y: -239px; }
[class*='accordion-'] .open .acc-tit { border-color: #218fe5; }
[class*='accordion-'] .open .acc-tit:after { background-position-y: -239px; }
[class*='accordion-'] .open .acc-tit ul li span.tit { display: block; }
[class*='accordion-'] + [class*='accordion-'], [class*='accordion-'] .fn_dropdown + .fn_dropdown { margin-top: 10px; }
[class*='accordion-'][class*='card'] .fn_dropdown { position: relative; padding-bottom: 26px; border: 1px solid #aaa; border-radius: 7px; }
[class*='accordion-'][class*='card'] .fn_dropdown .btn-accd { display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 26px; color: transparent; }
[class*='accordion-'][class*='card'] .fn_dropdown .btn-accd:after { content: ''; display: block; width: 19px; height: 11px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -84px -226px no-repeat; background-size: 800px auto; }
[class*='accordion-'][class*='card'] .open { border-color: #218fe5; }
[class*='accordion-'][class*='card'] .open .btn-accd:after { background-position-y: -239px; }
[class*='accordion-'][class*='card'] [class*='list-card'] { border: none; }
[class*='accordion-'][class*='card'] [class*='list-card'] .inner, [class*='accordion-'][class*='card'] [class*='list-card'] a { padding: 20px 20px 15px; }
[class*='accordion-'][class*='card'] .drop_con { border: none; }
[class*='accordion-'][class*='card'] .drop_con .type-noline { border-top: 1px solid #aaa; }
[class*='accordion-'][class*='line'] .acc-tit { padding: 14px 22px 14px 0; position: relative; width: 100%; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: left; border: none; border-bottom: 1px solid #555; }
[class*='accordion-'][class*='line'] .acc-tit:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 19px; height: 11px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -84px -226px no-repeat; background-size: 800px auto; }
[class*='accordion-'][class*='line'] .drop_con { padding: 0; display: none; border: none; }
[class*='accordion-'][class*='line'] .drop_con div[class*="table-"] > table, [class*='accordion-'][class*='line'] .drop_con div[class*="table-"] > .list-table { border-top: none; }
[class*='accordion-'][class*='line'] .open .acc-tit { border-color: #218fe5; }
[class*='accordion-'][class*='line'] .open .acc-tit:after { background-position-y: -239px; }
[class*='accordion-'][class*='line'].type-2 .fn_dropdown { border-bottom: 1px solid #555; }
[class*='accordion-'][class*='line'].type-2 .acc-tit { padding-right: 27px; font-size: 17px; border-bottom: none; }
[class*='accordion-'][class*='line'].type-2 .drop_con { padding-bottom: 30px; }
[class*='accordion-'][class*='plus'] .acc-tit:after { width: 18px; height: 18px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -208px -309px no-repeat; background-size: 800px auto; }
[class*='accordion-'][class*='plus'] .drop_con > .btn-radio-group { padding: 23px 0; }
[class*='accordion-'][class*='plus'] .open .acc-tit:after { background-position-x: -232px; }
[class*='accordion-'][class*='line'].type-3 { margin-left: -20px; margin-right: -20px; }
[class*='accordion-'][class*='line'].type-3 .acc-tit { font-size: 15px; font-family: 'Noto Sans'; padding: 14px 20px; }
[class*='accordion-'][class*='line'].type-3 .acc-tit .underline { border-bottom: 1px solid #218fe5; color: #218fe5; }
[class*='accordion-'][class*='line'].type-3 .acc-tit:after { display: none; }
[class*='accordion-'][class*='line'].type-3 .fn_dropdown { border-bottom: 1px solid #e5e5e5; margin: 0; }
[class*='accordion-'][class*='line'].type-3 .fn_dropdown .acc-tit { border-bottom: 0; }
[class*='accordion-'][class*='line'].type-3 .drop_con { padding: 0 20px 20px; }
[class*='accordion-'][class*='line'].type-3 .drop_con .btn-func-type3 { width: auto; }
.sec.accordion-wide:first-child { margin-top: 0; }
.sec.accordion-wide { margin-left: -20px; margin-right: -20px; }
.sec.accordion-wide .fn_dropdown ~ .fn_dropdown { margin-top: 0; }
.sec.accordion-wide .fn_dropdown .acc-tit { border: none; border-bottom: 1px solid #aaa; padding-top: 30px; padding-bottom: 30px; color: #111; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec.accordion-wide .fn_dropdown .acc-tit[aria-expanded="true"] { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec.accordion-wide .fn_dropdown .acc-tit:after { background-position-x: -138px; }
.sec.accordion-wide .drop_con { padding: 0; }
.sec.accordion-wide .drop_con .cont-wrap { padding: 20px; background-color: #f4f4f4; }
.sec.accordion-wide.min-h105 .acc-tit { min-height: 105px; }
.sec.type-bottom { position: absolute; bottom: 40px; left: 20px; width: calc(100% - 40px); }
.sec.type-bottom .customer + .bullet-type-dot { padding-top: 21px; }
.btn-skyblue, .btn-wrap .btn-cf, .btn-wrap .btn-cancel, .btn-wrap .btn-del, .btn-wrap .btn-border { display: inline-block; min-width: 127px; height: 45px; line-height: 45px; border-radius: 23px; color: #fff; font-size: 18px; text-align: center; background-color: #2157bf; }
.btn-skyblue { background-color: #218fe5; }
.btn-skyblue:hover, .btn-skyblue:focus { background-color: #0071c7; }
.btn-num-2.add-case-1 { padding-top: 10px; text-align: center; }
.btn-num-2.add-case-1 .btn-skyblue { min-width: 180px; }
.btn-num-2.add-case-1 .btn-skyblue + button { margin-top: 10px; }
.btn-wrap { text-align: center; }
.btn-wrap .btn-cf { background-color: #2157bf; }
.btn-wrap .btn-cf:hover, .btn-wrap .btn-cf:focus { background-color: #103b8f; }
.btn-wrap .btn-cancel, .btn-wrap .btn-del { background-color: #666; }
.btn-wrap .btn-cancel:hover, .btn-wrap .btn-cancel:focus, .btn-wrap .btn-del:hover, .btn-wrap .btn-del:focus { background-color: #333; }
.btn-wrap .btn-border { color: #2157bf; border: 1px solid #2157bf; background-color: #fff; }
.btn-wrap .btn-border:hover, .btn-wrap .btn-border:focus { color: #103b8f; border: 1px solid #103b8f; }
.btn-wrap .btn-border[disabled] { background-color: #fff; border-color: #bfbfbf; color: #999; }
.btn-wrap .btn-border[disabled]:hover, .btn-wrap .btn-border[disabled]:focus { background-color: #fff; border-color: #bfbfbf; color: #999; }
.btn-wrap .btn-border.prev, .btn-wrap .btn-border.next { position: relative; min-width: initial; padding: 0 18px; line-height: initial; color: #333; font-family: 'Noto Sans KR Medium'; border-color: #ccc; }
.btn-wrap .btn-border.prev:hover, .btn-wrap .btn-border.next:hover { color: #2157bf; border-color: #2157bf; }
.btn-wrap .btn-border.prev:hover:before, .btn-wrap .btn-border.next:hover:before { background-position-y: -298px; }
.btn-wrap .btn-border.prev { padding-left: 44px; }
.btn-wrap .btn-border.prev:before { content: ''; display: inline-block; width: 20px; height: 13px; vertical-align: middle; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -113px -282px no-repeat; background-size: 800px auto; }
.btn-wrap .btn-border.prev:hover:before { background-position-y: -298px; }
.btn-wrap .btn-border.next { padding-right: 44px; }
.btn-wrap .btn-border.next:after { content: ''; display: inline-block; width: 20px; height: 13px; vertical-align: middle; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -137px -282px no-repeat; background-size: 800px auto; }
.btn-wrap .btn-border.next:hover:after { background-position-y: -298px; }
.btn-wrap .btn-num-2 button:first-child, .btn-wrap .btn-num-2 a:first-child { margin-right: 13px; }
.btn-wrap a[disabled], .btn-wrap button[disabled] { background-color: #f4f4f4; border-color: #f4f4f4; color: #999; }
.btn-wrap a[disabled]:hover, .btn-wrap a[disabled]:focus, .btn-wrap button[disabled]:hover, .btn-wrap button[disabled]:focus { background-color: #f4f4f4; border-color: #f4f4f4; color: #999; }
.btn-grp-two { position: relative; }
.btn-grp-two .btn-l { position: absolute; top: 0; left: 0; width: 67px; }
.btn-grp-two .btn_r { margin: 0 0 0 77px; }
[class*='btn-func'] { display: block; padding: 7px 14px; width: 100%; min-width: 68px; font-size: 15px; text-align: center; border: 1px solid #aaa; border-radius: 3px; background-color: #fff; }
[class*='btn-func'][class*='-type1'] { color: #666; border-color: #aaa; }
[class*='btn-func'][class*='-type1']:hover { color: #333; border-color: #333; }
[class*='btn-func'][class*='-type2'] { color: #111; border-color: #333; }
[class*='btn-func'][class*='-type2']:hover { color: #4c50c7; border-color: #4c50c7; }
[class*='btn-func'][class*='-type3'] { position: relative; color: #333; border-color: #999; }
[class*='btn-func'][class*='-type3']:before { content: ''; display: inline-block; margin-right: 5px; width: 15px; height: 15px; vertical-align: middle; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -177px -226px no-repeat; background-size: 800px auto; }
[class*='btn-func'][class*='-type3']:hover { border-color: #333; }
[class*='btn-func'][class*='-type3'][disabled]:before { background-position-y: -248px; }
[class*='btn-func'][class*='-type4'] { padding: 13px 14px; color: #fff; font-size: 17px; border-color: #218fe5; background-color: #218fe5; }
[class*='btn-func'][class*='-type4']:hover { border-color: #0071c7; background-color: #0071c7; }
[class*='btn-func'][class*='-type5'] { position: relative; color: #333; border-color: #999; }
[class*='btn-func'][class*='-type5']:before { content: ''; display: inline-block; margin-right: 4px; margin-top: -2px; width: 15px; height: 15px; vertical-align: middle; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -211px -226px no-repeat; background-size: 800px auto; }
[class*='btn-func'][class*='-type6'] { color: #111; background-color: #f4f4f4; border-color: #f4f4f4; border-radius: 38px; }
[class*='btn-func'][class*='-type6']:hover { background-color: #ddd; border-color: #ddd; }
[class*='btn-func'][class*='-type7'] { display: inline-block; width: auto; margin-left: 7px; }
[class*='btn-func'][class*='-type7']:first-child { margin-left: 0; }
[class*='btn-func'][class*='-type7']:hover { border-color: #333; }
[class*='btn-func'][class*='-type8'] { display: inline-block; width: auto; margin-left: 7px; background:#218fe5; border:1px solid #218fe5; color:#fff; min-width:125px;}
[class*='btn-func'][class*='-etc'] { color: #333; border-color: #999; }
[class*='btn-func'][disabled] { border-color: #ccc; color: #ccc; }
[class*='btn-func'][disabled]:hover, [class*='btn-func'][disabled]:focus { border-color: #ccc; color: #ccc; }
.easy-search { position: absolute; left: 0; bottom: 10px; width: 100%; background: #0989fc; padding: 22px 20px; font-size:17px; }
.easy-search .btn-easy {color: #ffff5b; border: 1px solid #fff; width: 80px; height: 37px; border-radius: 3px; float: left; margin-right: 15px; position: relative; top: 3px; }
.easy-search p {color: #ffff5b;}
.btn-group *[class*="btn-num-"] > * { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.btn-group *[class*="btn-num-"] .btn-cancel, .btn-group *[class*="btn-num-"] .btn-del { color: #666; }
.btn-group *[class*="btn-num-"] .btn-cf { color: #2154bd; }
.btn-group *[class*="btn-num-"] .btn-second { font-size: 16px; font-family: 'Roboto Regular'; vertical-align: top; }
.btnFixed > .btn-group, .btnFixed.layer-wrap .ly-btn-area, .btnStatic > .btn-group, .btnStatic.layer-wrap .ly-btn-area { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 500; }
.btnFixed > .btn-group *[class*="btn-num-"] > *, .btnFixed.layer-wrap .ly-btn-area *[class*="btn-num-"] > *, .btnStatic > .btn-group *[class*="btn-num-"] > *, .btnStatic.layer-wrap .ly-btn-area *[class*="btn-num-"] > * { font-size: 20px; height: 60px !important; width: 100%; color: #fff !important; }
.btnFixed > .btn-group *[class*="btn-num-"] > * ~ *, .btnFixed.layer-wrap .ly-btn-area *[class*="btn-num-"] > * ~ *, .btnStatic > .btn-group *[class*="btn-num-"] > * ~ *, .btnStatic.layer-wrap .ly-btn-area *[class*="btn-num-"] > * ~ * { border-left: none !important; }
.btnFixed > .btn-group .btn-num-2, .btnFixed.layer-wrap .ly-btn-area .btn-num-2, .btnStatic > .btn-group .btn-num-2, .btnStatic.layer-wrap .ly-btn-area .btn-num-2 { display: flex; }
.btnFixed > .btn-group .btn-num-2 > *, .btnFixed.layer-wrap .ly-btn-area .btn-num-2 > *, .btnStatic > .btn-group .btn-num-2 > *, .btnStatic.layer-wrap .ly-btn-area .btn-num-2 > * { width: 50%; }
.btnFixed > .btn-group .btn-cancel, .btnFixed > .btn-group .btn-del, .btnFixed.layer-wrap .ly-btn-area .btn-cancel, .btnFixed.layer-wrap .ly-btn-area .btn-del, .btnStatic > .btn-group .btn-cancel, .btnStatic > .btn-group .btn-del, .btnStatic.layer-wrap .ly-btn-area .btn-cancel, .btnStatic.layer-wrap .ly-btn-area .btn-del { background-color: #555555; color: #fff; }
.btnFixed > .btn-group .btn-cancel:hover, .btnFixed > .btn-group .btn-del:hover, .btnFixed.layer-wrap .ly-btn-area .btn-cancel:hover, .btnFixed.layer-wrap .ly-btn-area .btn-del:hover, .btnStatic > .btn-group .btn-cancel:hover, .btnStatic > .btn-group .btn-del:hover, .btnStatic.layer-wrap .ly-btn-area .btn-cancel:hover, .btnStatic.layer-wrap .ly-btn-area .btn-del:hover { background-color: #333; }
.btnFixed > .btn-group .btn-cancel[disabled], .btnFixed > .btn-group .btn-del[disabled], .btnFixed.layer-wrap .ly-btn-area .btn-cancel[disabled], .btnFixed.layer-wrap .ly-btn-area .btn-del[disabled], .btnStatic > .btn-group .btn-cancel[disabled], .btnStatic > .btn-group .btn-del[disabled], .btnStatic.layer-wrap .ly-btn-area .btn-cancel[disabled], .btnStatic.layer-wrap .ly-btn-area .btn-del[disabled] { background-color: #ddd; color: #aaa !important; }
.btnFixed > .btn-group .btn-cf, .btnFixed.layer-wrap .ly-btn-area .btn-cf, .btnStatic > .btn-group .btn-cf, .btnStatic.layer-wrap .ly-btn-area .btn-cf { background-color: #4c50c7; color: #fff; }
.btnFixed > .btn-group .btn-cf:hover, .btnFixed.layer-wrap .ly-btn-area .btn-cf:hover, .btnStatic > .btn-group .btn-cf:hover, .btnStatic.layer-wrap .ly-btn-area .btn-cf:hover { background-color: #32369a; }
.btnFixed > .btn-group .btn-cf[disabled], .btnFixed.layer-wrap .ly-btn-area .btn-cf[disabled], .btnStatic > .btn-group .btn-cf[disabled], .btnStatic.layer-wrap .ly-btn-area .btn-cf[disabled] { background-color: #e5e5e5; color: #aaa !important; }
.btnFixed > .btn-group .btn-cf + .btn-cf, .btnFixed.layer-wrap .ly-btn-area .btn-cf + .btn-cf, .btnStatic > .btn-group .btn-cf + .btn-cf, .btnStatic.layer-wrap .ly-btn-area .btn-cf + .btn-cf { position: relative; }
.btnFixed > .btn-group .btn-cf + .btn-cf:before, .btnFixed.layer-wrap .ly-btn-area .btn-cf + .btn-cf:before, .btnStatic > .btn-group .btn-cf + .btn-cf:before, .btnStatic.layer-wrap .ly-btn-area .btn-cf + .btn-cf:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 35px; transform: translateY(-50%); background: #fff; }
.btnFixed.layer-wrap.fullpopup .ly-btn-area, .btnStatic.layer-wrap.fullpopup .ly-btn-area { z-index: 510; }
.btnFixed .btn-info-case, .btnStatic .btn-info-case { width: 100%; height: 100%; }
.btnFixed .btn-info-case .btn-group, .btnStatic .btn-info-case .btn-group { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 500; }
.btnFixed .btn-info-case .btn-group *[class*="btn-num-"] > *, .btnStatic .btn-info-case .btn-group *[class*="btn-num-"] > * { font-size: 20px; height: 60px; width: 100%; color: #fff; }
.btnFixed .btn-info-case .btn-group .btn-cf, .btnStatic .btn-info-case .btn-group .btn-cf { background-color: #4c50c7; color: #fff; }
.btnFixed .btn-info-case .btn-group .btn-cf:hover, .btnStatic .btn-info-case .btn-group .btn-cf:hover { background-color: #32369a; }
.btnStatic.layer-wrap .ly-btn-area { position: static; }
.layer-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; z-index: 1; background-color: #fff; border-radius: 14px; overflow: hidden; color: #111; }
.layer-wrap .ly-con-scroll-wrap { overflow-y: auto; overflow-x: hidden; }
.layer-wrap .ly-con-scroll-wrap .ly-con { padding: 22px 20px 33px; text-align: center; font-size: 14px; }
.layer-wrap .ly-con-scroll-wrap .ly-con p { line-height: 21px; }
.layer-wrap .ly-con-scroll-wrap .ly-con p.em { color: #111; }
.layer-wrap .ly-con-scroll-wrap .ly-con p + p { margin-top: 10px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-major { margin-top: 17px; }
.layer-wrap .btn-close { position: absolute; right: 20px; top: 19px; text-indent: -9999px; width: 19px; height: 19px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -91px -26px no-repeat; background-size: 800px auto; z-index:2;}
.layer-wrap .ly-tit { position: relative; }
.layer-wrap .ly-tit h1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 19px; text-align: center; height: 53px; padding-top: 19px; border-radius: 14px 14px 0 0; }
.layer-wrap .ly-tit h1 .ly-tit2 { position: relative; top: 36px; }
.layer-wrap .ly-btn-area { border-radius: 0 0 14px 14px; border-top: 1px solid #aaa; }
.layer-wrap .ly-btn-area .btn-group { font-size: 18px; }
.layer-wrap .ly-btn-area .btn-group *[class*="btn-num-"] { display: flex; }
.layer-wrap .ly-btn-area .btn-group *[class*="btn-num-"] > * { height: 56px; width: 100%; text-align: center; font-size: 18px; }
.layer-wrap .ly-btn-area .btn-group .btn-num-2 > * { width: 50%; }
.layer-wrap .ly-btn-area .btn-group .btn-num-2 > * ~ * { border-left: 1px solid #e5e5e5; }
.layer-wrap.fullpopup { display: none; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; background-color: #fff; z-index: 510; }
.layer-wrap.fullpopup.gnbmenu { z-index: 700; }
.layer-wrap.fullpopup.active { display: block; opacity: 1; }
.layer-wrap.fullpopup .ly-inner .ly-con-scroll-wrap { position: absolute; left: 0; top: 54px; bottom: 0; width: 100%; }
.layer-wrap.fullpopup .ly-inner .ly-con-scroll-wrap .ly-con { text-align: left; padding: 18px 20px 18px; }
.layer-wrap.fullpopup .ly-inner .ly-tit { position: fixed; left: 0; top: 0; width: 100%; z-index: 1; background-color: #fff; }
.layer-wrap.fullpopup .ly-inner .ly-tit h1 { border-radius: 0; text-align: left; padding-left: 20px; padding-right: 54px; }
.layer-wrap.fullpopup.btnFixed .ly-con-scroll-wrap { padding-bottom: 60px; }
.layer-wrap.fullpopup.btnFixed .ly-btn-area { border-top: none !important; }
.layer-wrap.fullpopup .ly-con .cont-wrap > [class*='tab-wrap']:first-child { margin-top: -20px; }
.layer-wrap.gnbmenu { display: block !important; opacity: 1 !important; right: -100%; left: auto; transition: all .2s linear; }
.layer-wrap.gnbmenu.active { right: 0; }
.layer-wrap.gnbmenu .ly-tit { position: absolute !important; padding: 0 20px; background-color: #3552c2; 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%); min-height: 170px; }
.layer-wrap.gnbmenu .ly-tit .acc-time { padding: 21px 0; margin-right: 80px; font-size: 13px; color: #fff; line-height: 1; }
.layer-wrap.gnbmenu .ly-tit .btn-home { position: absolute; right: 59px; top: 17px; text-indent: -9999px; width: 23px; height: 21px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -426px -17px no-repeat; background-size: 800px auto; }
.layer-wrap.gnbmenu .ly-tit .btn-close { background-position-x: -245px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting { padding: 13px 0 11px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting .g-msg { font-size: 20px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #fff; line-height: 1.2; word-break: keep-all; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting .btn-stat { float: right; margin-top: 2px; font-size: 13px; color: #fff; line-height: 1; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting .btn-stat a { display: inline-block; margin-left: 14px; padding-bottom: 3px; border-bottom: 1px solid #fff; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-greeting .btn-stat a:first-child { margin-left: 0; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search { padding-bottom: 24px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search { position: relative; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input { padding-left: 17px; padding-right: 79px; padding-bottom: 0; border: none; background: rgba(255, 255, 255, 0.1); }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input::-webkit-input-placeholder { font-size: 16px; color: #90acf0 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input::-moz-placeholder { font-size: 16px; color: #90acf0 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input:-moz-placeholder { font-size: 16px; color: #90acf0 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input:-ms-input-placeholder { font-size: 16px; color: #90acf0 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .input::placeholder { font-size: 16px; color: #90acf0 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .btn-clear { display: none; position: absolute; top: 0; right: 49px; width: 30px; height: 100%; color: transparent; font-size: 11px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 8px -215px no-repeat; background-size: 800px auto; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .btn-sch-1 { position: absolute; top: 0; right: 0; width: 49px; height: 100%; text-indent: -9999px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .btn-sch-1:after { content: ''; display: block; position: absolute; top: 50%; right: 16px; width: 22px; height: 22px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -364px -139px no-repeat; background-size: 800px auto; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input { background: white; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input::-webkit-input-placeholder, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input::-webkit-input-placeholder { color: #333 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input::-moz-placeholder, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input::-moz-placeholder { color: #333 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input:-moz-placeholder, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input:-moz-placeholder { color: #333 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input:-ms-input-placeholder, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input:-ms-input-placeholder { color: #333 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .input::placeholder, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .input::placeholder { color: #333 !important; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .focus .btn-sch-1:after, .layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .btn-sch-1:after { background-position-y: -84px; }
.layer-wrap.gnbmenu .ly-tit .ly-tit-bottom-search .gnb-search .clear .btn-clear { display: block; }
.layer-wrap.gnbmenu .ly-tit .tab-wrap { padding-bottom: 17px; }
.layer-wrap.gnbmenu .ly-tit .tab-wrap.mobile-cmm-menu-select ul { background-color: rgba(255, 255, 255, 0.1); border-radius: 20px; height: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.layer-wrap.gnbmenu .ly-tit .tab-wrap.mobile-cmm-menu-select ul li { width: 50%; }
.layer-wrap.gnbmenu .ly-tit .tab-wrap.mobile-cmm-menu-select ul li a { display: block; line-height: 40px; text-align: center; color: #fff; font-size: 17px; }
.layer-wrap.gnbmenu .ly-tit .tab-wrap.mobile-cmm-menu-select ul li a.active { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-top: -1px; height: 44px; line-height: 44px; border-radius: 22px; background-color: #fff; color: #333; box-shadow: 3px 2px 8px rgba(0, 0, 0, 0.1); }
.layer-wrap.gnbmenu .ly-con > .ly-con-scroll-wrap { top: 170px; }
.layer-wrap.gnbmenu .ly-con > .ly-con-scroll-wrap.gnb-left { width: 100px; right: auto; background: #f4f4f4; }
.layer-wrap.gnbmenu .ly-con > .ly-con-scroll-wrap.gnb-right { left: 95px; }
.layer-wrap.gnbmenu .ly-con.gnb-mobile { display: none; }
.layer-wrap.fullpopup.btnFixed .ly-inner .ly-con-scroll-wrap .ly-con { padding-bottom: 40px; }
.list-wide-bdb-1 { margin: 0 -20px; }
.list-wide-bdb-1 > * { border-bottom: 1px solid #e5e5e5; padding: 0 20px; }
.auth-list-1 > li { position: relative; }
.auth-list-1 > li > a { display: block; position: relative; padding: 18px 0 16px 72px; line-height: 1.73; }
.auth-list-1 > li > a .txt-name { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 15px; }
.auth-list-1 > li > a .txt-part span ~ span { padding-left: 17px; position: relative; }
.auth-list-1 > li > a .txt-part span ~ span:before { content: ""; position: absolute; left: 8px; top: 2px; width: 1px; height: 13px; background-color: #e5e5e5; }
.auth-list-1 > li > a:before { content: ''; position: absolute; left: 0; top: 26px; width: 56px; height: 54px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -54px no-repeat; background-size: 800px auto; }
.auth-list-1 > li.over-date > a:before { background-position-x: -62px; }
.auth-list-1 > li.over-date > a .txt-date-1 { color: #c41d68; }
.auth-list-1 > li.disabled:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); }
.slide-btn input[type="checkbox"] { position: absolute; left: -9999px; }
.slide-btn input[type="checkbox"] + label { width: 50px; height: 27px; border-radius: 14px; display: inline-block; background-color: #ccc; position: relative; }
.slide-btn input[type="checkbox"] + label:after { transition: left .3s linear; position: absolute; left: 3px; top: 3px; content: ''; width: 21px; height: 21px; border-radius: 50%; background-color: #fff; }
.slide-btn input[type="checkbox"]:checked + label { background-color: #2154bd; }
.slide-btn input[type="checkbox"]:checked + label:after { left: auto; right: 3px; }
.push-list-1 .txt-major strong { color: #333; }
.push-list-1 .txt-major ~ .txt-1 { margin-top: 0; }
.push-list-1 > li { padding-top: 20px; padding-bottom: 20px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.push-list-1 > li:first-child { padding-top: 0; }
@-webkit-keyframes fullPopupAni_1 { from { opacity: 0; }
	to { opacity: 1; } }
@-ms-keyframes fullPopupAni_1 { from { opacity: 0; }
	to { opacity: 1; } }
.loadingDim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; background: url(/html/mobile/images/common/bg-dimd-black.png) repeat; z-index: 750; 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; animation: loadAnim 1s steps(7, end) forwards infinite; }
.loadingDim.pageMove .innerLoading span { display: inline-block; width: 250px !important; height: 200px !important; text-indent: -9999px; background: url(/html/mobile/images/common/mo-loading-ani-1.gif) 0 0 no-repeat !important; background-size: 100% auto !important; animation: none; }
@keyframes loadAnim { 0 { background-position-x: 0; }
	100% { background-position-x: -490px; } }
@-webkit-keyframes loadAnim { 0 { background-position-x: 0; }
	100% { background-position-x: -490px; } }
@-ms-keyframes loadAnim { 0 { background-position-x: 0; }
	100% { background-position-x: -490px; } }
.angle-down { color: #003dbf; }
.angle-down: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 { content: ''; display: inline-block; border: solid transparent; border-width: 0 7px 9px 7px; border-bottom-color: #d10000; margin-top: -2px; margin-right: 10px; }
.angle-stop:before { content: ''; display: inline-block; width: 9px; height: 1px; background-color: #000; vertical-align: middle; margin-right: 10px; position: relative; top: -1px; }
.msg-box { padding-top: 25px; text-align: center; font-size: 20px; color: #111; }
.msg-box .txt-main { font-size: 20px; line-height: 26px; font-family: "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box .txt-normal { font-size: 20px; line-height: 26px; font-family: "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box .txt-main + .txt-normal { font-size: 15px; line-height: 22px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box .txt-add { font-size: 15px; color: #666; font-family: "Noto Sans"; line-height: 22px; }
.msg-box .txt-add strong { font-family: "Noto Sans KR Medium"; }
.msg-box .txt-add.type-2 { color: #333; }
.msg-box .txt-main ~ p { margin-top: 15px; }
.msg-box p + .txt-add { margin-top: 15px; }
.msg-box .msg-btn-area { margin-top: 30px; }
.msg-box:before { content: ''; display: block; margin: 0 auto 20px auto; width: 80px; height: 80px; border-radius: 50%; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -118px no-repeat; background-size: 800px auto; }
.msg-box.type-ing:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -87px -118px no-repeat; background-size: 800px auto; }
.msg-box.type-temp:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -87px -118px no-repeat; background-size: 800px auto; }
.msg-box.type-error .txt-normal { font-size: 15px; line-height: 22px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box.type-error:before { width: 48px; height: 48px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -194px -60px no-repeat; background-size: 800px auto; }
.msg-box.type-logout:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -174px -118px no-repeat; background-size: 800px auto; }
.msg-box.type-none .txt-normal { font-size: 15px; line-height: 22px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box.type-none:before { background: none; display: none; }
.msg-box + .sec { margin-top: 80px; }
.msg-box.type-kakao:before { margin: 0 auto 40px auto; width: 96px; height: 61px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -366px no-repeat; background-size: 800px auto; }
.msg-box.type-pin:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -208px -347px no-repeat; background-size: 800px auto; }
.msg-box.type-delet:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -109px -549px no-repeat; background-size: 800px auto; }
.msg-box.type-fgprint:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -116px -347px no-repeat; background-size: 800px auto; }
.msg-box.type-version:before { width: 79px; height: 79px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -307px -347px no-repeat; background-size: 800px auto; }
.msg-box.type-demand1:before { width: 52px; height: 58px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -202px -437px no-repeat; background-size: 800px auto; }
.msg-box.type-demand1 + .txt-box2 { margin-top: 15px; }
.msg-box.type-demand1 + .txt-box2 .btn-func-type1 { margin-top: 10px; }
.msg-box.type-demand1 ~ .combo-form2 { margin-top: 30px; }
.msg-box.type-demand1 ~ .combo-form2 .btn-func-type1 { padding: 7px 5px; }
.msg-box.type-demand2:before { width: 56px; height: 58px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -264px -437px no-repeat; background-size: 800px auto; }
.msg-box.type-error404:before { width: 80px; height: 80px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -400px -347px no-repeat; background-size: 800px auto; }
.msg-box.type-system:before { width: 80px; height: 80px; border-radius: 0; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -488px -347px no-repeat; background-size: 800px auto; }
.msg-box .txt-main-sec { font-size: 17px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.msg-box .txt-main + .txt-main-sec { margin-top: 12px; }
.msg-box .txt-main-thr { font-size: 16px; color: #333; }
.msg-box .txt-main-sec + .txt-main-thr { margin-top: 10px; }
.msg-box .txt-main-thr + .txt-main-thr { margin-top: auto; }
.msg-box .txt-main-thr + .txt-add { margin-top: 10px; }
.msg-box .system-info { margin: 30px auto 0; padding: 16px; max-width: 320px; border: 1px solid #e5e5e5; }
.msg-box .system-info p { color: #4c50c7; font-size: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.layer-wrap .ly-con-scroll-wrap .ly-con .msg-box p { font-size: 20px; line-height: 1.3; }
.layer-wrap .ly-con-scroll-wrap .ly-con .msg-box .txt-add { font-size: 15px; line-height: 1.466; }
.thumb-list > * { position: relative; padding-left: 69px; margin-bottom: 33px; }
.thumb-list > *:before { content: ''; position: absolute; left: 0; top: -7px; width: 55px; height: 55px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -437px no-repeat; background-size: 800px auto; }
.thumb-list > * .txt-major { margin-top: 0 !important; }
.thumb-list > * .txt-major + p, .thumb-list > * .txt-major .txt-2 { margin-top: 0 !important; }
* ~ .list-wrap { padding-top: 38px; }
.guide-access-list-1 .txt-2 { color: #333; }
.guide-access-list-1 .icon-save:before { background-position-x: 0px; }
.guide-access-list-1 .icon-camera:before { background-position-x: -65px; }
.guide-access-list-1 .icon-position:before { background-position-x: -130px; }
.bank-list { margin: 0 -20px; }
.bank-list ul { border-top: 1px solid #e5e5e5; overflow: hidden; }
.bank-list ul li { width: 50%; float: left; border-bottom: 1px solid #e5e5e5; color: #666; border-right: 1px solid #e5e5e5; }
.bank-list ul li:nth-child(2n) { border-right: none; }
.bank-list ul li a { display: block; min-height: 51px; padding: 15px 21px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list-agree-1 { margin-top: -5px; }
.list-agree-1 > li { border-bottom: 1px solid #e5e5e5; position: relative; padding-right: 25px; }
.list-agree-1 > li:last-child { border-bottom: none; }
.list-agree-1 > li label { display: block; padding-bottom: 8px; padding-top: 8px; }
.list-agree-1 .view { position: absolute; top: calc(50% - 9px); right: 6px; width: 13px; height: 13px; border: 2px solid #333; border-left: none; border-top: none; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.list-agree-1.ag2 li { border-top: 1px solid #e5e5e5; }
.list-agree-1.ag2 li:first-child { border-top: 0; }
.term-agreement { line-height: 1.7; }
.term-agreement .point-1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 17px; color: #c41d68; border-bottom: 1px solid #c41d68; }
.information li .bullet-type-dot { padding: 5px 0; }
.information li .bullet-type-dot li { padding-left: 19px; margin-bottom: 2px; }
.information li .bullet-type-dot li:before { width: 4px; height: 4px; top: 7px; left: 9px; background-color: #666; }
.information li .bullet-type-dot.type-left { padding: 6px 0; }
.information li .bullet-type-dot.type-left > li { padding-left: 6px; font-size: 14px; }
.information li .bullet-type-dot.type-left > li:before { left: 0; width: 3px; height: 3px; }
.information .info_tit { display: block; width: 100%; padding: 0 26px 0 30px; margin-bottom: 13px; position: relative; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: left; }
.information .info_tit:before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -130px -25px no-repeat; background-size: 800px auto; }
.information .fn_dropdown .info_tit:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 19px; height: 11px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -84px -226px no-repeat; background-size: 800px auto; }
.information .fn_dropdown .info_tit[aria-expanded='true']:after { background-position-y: -239px; }
.information .fn_dropdown .info_tit[aria-expanded='false']:after { background-position-y: -226px; }
.information .fn_dropdown.open .info_tit:after { background-position-y: -239px; }
.information dl dt { margin-bottom: 5px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.information dl dd + dt { margin-top: 19px; }
.information dl dd { line-height: 19px; }
.information dl + ul { margin-top: 20px; }
.information ul.point li, .information ol.point li { color: #333; font-family: 'Noto Sans' !important; }
.information ul li, .information ol li { margin-bottom: 5px; color: #666; line-height: 19px; }
.information ul li:last-child, .information ol li:last-child { margin-bottom: 0; }
.information ul + dl, .information ol + dl { margin-top: 19px; }
.information .bold { color: #111; font-family: 'Noto Sans KR Medium'; }
* ~ .information, .sec ~ .information { margin-top: 49px; }
.sec[class*="req-doc-acc"] { margin-top: 30px; }
.sec[class*="req-doc-acc"] .req-doc-dl dt { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-bottom: 5px; }
.sec[class*="req-doc-acc"] .req-doc-dl dd + dt { padding-top: 15px; }
.sec[class*="req-doc-acc"] .drop_con .cont-wrap { padding-top: 20px; padding-bottom: 20px; }
.sec[class*="req-doc-acc"] .bullet-type-dot.dark > li { margin-bottom: 6px; color: #333; font-size: 15px; }
.sec[class*="req-doc-acc"] .bullet-type-dot.dark > li:last-child { margin-bottom: 0; }
.sec[class*="req-doc-acc"] .bullet-type-dot.dark > li.point-blue:before { background: #4c50c7; }
.sec[class*="req-doc-acc"] .bullet-type-billiad > li { margin-bottom: 6px; }
.sec[class*="req-doc-acc"] .bullet-type-billiad > li:last-child { margin-bottom: 0; }
.sec[class*="req-doc-acc"] .bullet-type-billiad > li:before { content: '※'; vertical-align: baseline; margin-right: 2px; }
.sec[class*="req-doc-acc"] li .bullet-type-billiad { font-size: 14px; color: #666; padding-top: 5px; }
.sec[class*="req-doc-acc"] ul[class*="bullet-type-"] ~ *[class*="bullet-type-"], .sec[class*="req-doc-acc"] ul[class*="bullet-type-"] ~ .req-doc-dl, .sec[class*="req-doc-acc"] .req-doc-dl ~ *[class*="bullet-type-"], .sec[class*="req-doc-acc"] .req-doc-dl ~ .req-doc-dl { padding-top: 20px; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 { padding: 36px 20px 33px; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 p { text-align: center; font-size: 14px; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 .txt-confirm { margin-bottom: 2px; color: #111; font-size: 14px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 .point-blue { margin-top: 0; line-height: 1; font-size: 50px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 .point-blue + p { margin-top: 7px; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 .num-sec { color: #111; font-size: 14px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.layer-wrap .ly-con-scroll-wrap .ly-con.type2 .txt-major { margin-top: 16px; color: #111; font-size: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.ly-con-scroll-wrap.gnb-left .gnb-left-list-wrap > li > a { display: block; padding: 16px 13px 13px 19px; font-size: 15px; white-space: nowrap; }
.ly-con-scroll-wrap.gnb-left .gnb-left-list-wrap > li > a.active { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; background: #fff; border-bottom: 2px solid #4c50c7; color: #4c50c7; }
.ly-con-scroll-wrap.gnb-right { padding: 20px; padding-top: 0; width: calc(100% - 92px) !important; right: 0; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-2 h2 { font-size: 16px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-top: 13px; height: 52px; border-bottom: 2px solid #333; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a { display: block; font-size: 15px; min-height: 43px; padding: 15px 0 13px; padding-right: 20px; border-bottom: 1px solid #e5e5e5; position: relative; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a.off:after { content: ''; position: absolute; top: 0px; width: 15px; height: 15px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -211px -246px no-repeat; background-size: 800px auto; top: 50%; right: 0; transform: translateY(-50%); }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a.off + ul.depth-4 { display: none; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a.on:after { content: ''; position: absolute; top: 0px; width: 15px; height: 15px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -235px -246px no-repeat; background-size: 800px auto; top: 50%; right: 0; transform: translateY(-50%); }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a[href^="/"]:active, .ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a[href^="javascript"]:active { color: #218fe6; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 { background-color: #f4f4f4; padding: 0 18px; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li:first-child { padding-top: 12px; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li:last-child { padding-bottom: 12px; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li > a { display: block; min-height: 29px; font-size: 15px; padding: 7px 0 6px; padding-left: 7px; position: relative; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li > a:before { content: ''; position: absolute; top: 16px; left: 0; width: 4px; height: 1px; background: #111; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li > a[href^="/"]:active, .ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li > a[href^="javascript"]:active { color: #218fe6; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li .depth-5 a { font-size: 14px; padding: 5px 0 5px 9px; display: block; }
.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li .depth-5 a[href^="/"]:active, .ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li .depth-5 a[href^="javascript"]:active { color: #218fe6; }
*[class*="table-info"][class*='-box'] .agree-table .list-table { display: table; width: 100%; border: none; }
*[class*="table-info"][class*='-box'] .agree-table .list-table li:last-child .tit, *[class*="table-info"][class*='-box'] .agree-table .list-table li:last-child .txt { padding-bottom: 22px; }
*[class*="table-info"][class*='-box'] .agree-table + * { margin-top: 10px; }
*[class*="table-info"][class*='-box'] .agree-table > .btn-checkbox { display: block; padding: 22px 20px 0 20px; margin-bottom: -2px; }
*[class*="table-info"][class*='-box'] .agree-table > .btn-checkbox label { width: 100%; padding-bottom: 12px; border-bottom: 1px solid #555; }
*[class*="table-info"][class*='-box'] .agree-table > .btn-checkbox label:before { top: 34%; }
*[class*="table-info"][class*='-box'] .agree-table > .btn-checkbox input[type="checkbox"]:checked + label { border-color: #2154bd; }
/* 공통 종료 */
* ~ .content-check-list-1 { padding-top: 28px; }
.content-check-list-1 .quest { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-bottom: 25px; }
.content-check-list-1 .list-box { counter-reset: questListBox; }
.content-check-list-1 .list-box li { position: relative; padding: 21px 15px 21px 32px; border: 1px solid #e5e5e5; }
.content-check-list-1 .list-box li ~ li { margin-top: 10px; }
.content-check-list-1 .list-box li > .txt-1 { margin-bottom: 20px; }
.content-check-list-1 .list-box li:before { counter-increment: questListBox; content: counter(questListBox) ". "; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; position: absolute; top: 22px; left: 15px; }
.content-check-list-1 .list-box li p ~ .btn-radio-group { padding-top: 5px; }
.content-check-list-1 .list-box.type-2 li { padding: 21px 20px 21px 32px; }
.content-check-list-1 .list-box.type-2 li:before { font-size: 18px; }
.content-check-list-1 .list-box.type-2 li > .txt-5 { margin-bottom: 20px; }
.content-check-list-1 .list-box.type-2 li .form-wrap { margin-top: 10px; }
.content-check-list-1 .list-box.type-2 li .form-wrap .input-box input { height: 36px; color: #999; font-size: 15px; }
.content-check-list-1.no-bd-style .list-box li { padding: 0px 0px 27px 18px; border: none; }
.content-check-list-1.no-bd-style .list-box li:before { top: 0; left: 0; }
.content-check-list-1.no-bd-style .list-box li > .txt-1 { margin-bottom: 13px; }
.content-check-list-1.no-bd-style .list-box li ~ li { margin-top: 0; }
.content-check-list-1.no-bd-style .list-box li:first-child { padding-top: 0; }
.content-check-list-1.no-bd-style .list-box li:last-child { padding-bottom: 0; }
.content-check-list-1.no-bd-style .list-box li .btn-radio-group { margin-left: -19px; }
*[class*="tit-"] + .content-check-list-1.no-bd-style { padding-top: 0 !important; }
.list-type-num-1 { counter-reset: listTypeNum_1; }
.list-type-num-1 > li { letter-spacing: -0.06em; }
.list-type-num-1 > li:before { counter-increment: listTypeNum_1; content: counter(listTypeNum_1) ". "; }
.list-type-num-1 + .ars-time, .list-type-num-1 + * { margin-top: 17px; }
.ars-time { background: #f4f4f4; display: flex; -webkit-display: flex; justify-content: space-between; padding: 0 20px; }
.ars-time .txt-1 { color: #666; }
.ars-time .txt-1, .ars-time .time { height: 61px; line-height: 61px; }
.ars-time .time { font-size: 24px; color: #c41d68; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.menu-search-result .list { padding-top: 30px; }
.menu-search-result .list > li { margin-bottom: 15px; color: #333; }
.menu-search-result .list > li:before { background-color: #333; }
.menu-search-result .list > li a .depth:after { margin: 0 0 0 1px; content: '>'; display: inline-block; }
.menu-search-result .list > li a .depth:last-child:after { content: ''; }
.ly-inner .list-box { counter-reset: popListBox; }
.ly-inner .list-box li { position: relative; color: #666; text-align: left; }
.ly-inner .list-box li ~ li { margin-top: 18px; }
.ly-inner .list-box li > .txt-1 { margin-bottom: 20px; }
.ly-inner .list-box li:before { counter-increment: popListBox; content: counter(popListBox) ". "; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.ly-inner .list-box li p ~ .btn-radio-group { padding-top: 5px; }
.item-name { margin-top: 20px; padding: 17px; color: #4c50c7; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: center; background-color: #f5f5fd; }
.item-name + .sec { margin-top: 30px; }
.item-name.type-2 { font-size: 18px; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; background: #f2f9ff; text-align: right; }
.item-name.type-2 + .bullet-type-dot li { margin-bottom: 8px; }
.table-form-box { margin-top: 0; padding: 19px 20px 20px; border: 1px solid #e5e5e5; }
.table-form-box label { color: #111; font-size: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; margin-bottom: 15px; }
.table-form-box .list-divide li:first-child { padding-top: 0; }
.table-form-box .list-divide li:last-child { padding-bottom: 0; }
[class*=table-info][class*="-box"] table ~ .table-form-box { margin-top: 0; border-top: none; }
[class*=table-info][class*="-box"] .table-form-box.type-bg { background: #f2f9ff; }
[class*=table-info][class*="-box"] .table-form-box .btn-radio-group.type-col-2 { padding-top: 0; }
[class*=table-info][class*="-box"] .table-form-box .btn-radio-group.type-col-2 label { margin-bottom: 0; }
.gray-box-1 { background-color: #f4f4f4; padding: 22px 19px; }
.gray-box-1.fs-15 .bullet-type-dot li { font-size: 15px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-major + .btn-radio-group { margin-top: 20px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-major + .btn-radio-group span:first-child { margin-right: 40px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-major2 { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 18px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-list { margin-top: 19px; color: #666; text-align: left; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-list li { margin-top: 18px; }
.layer-wrap .ly-con-scroll-wrap .ly-con .txt-list li:first-child { margin-top: 0; }
.table-info-box + .bullet-type-dot + .btn-wrap { margin-top: 20px; }
.table-info-box .type-noline + .list-table.type-noline.type2 { padding: 20px 0 22px; color: #4c50c7; border-top: 2px solid #4c50c7; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.table-info-box + div.btn-checkbox { margin-top: 17px; }
.table-info-box.type-btn .line-wrap { padding: 16px 20px; }
.table-info-box.type-btn .line-wrap table tr th, .table-info-box.type-btn .line-wrap table tr td { padding-top: 9px; padding-bottom: 9px; }
.table-info-box.type-btn .line-wrap [class*="btn-func"] { margin-bottom: 9px; }
.table-info-box.type-btn .line-wrap ~ .line-wrap { margin-top: 10px; }
.table-info-box.type-btn .line-wrap .type-noline + .btn-func-type1.p12 { padding: 9px 12px; }
.table-info-box.type-btn .line-wrap.disabled * { color: #999; }
.table-info-box.type-btn .line-wrap.disabled .btn-func-type1 { background: #f4f4f4; border: none; }
.table-basic.type-btn + [class*="table-"] { margin-top: 0; }
.table-basic.type-btn + .table-basic { margin-top: 30px; }
.table-basic.type-btn + .table-basic + .btn-wrap { margin-top: 20px; }
.table-basic.type-btn .table-btn-chk { margin: 0 0 14px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; border: none; }
.table-basic.type-btn .table-btn-chk span input + label { color: #111; font-size: 17px; }
.table-basic.type-btn .table-btn-chk span input:disabled + label { color: #999; }
.table-basic.type-btn .table-btn-chk + .type-twice { margin-top: 0; }
.table-basic.type-btn .table-btn-chk + .table-basic { margin-top: 0; }
.table-basic.type-btn + .btn-wrap { margin-top: 20px; }
.table-basic.type-btn + .btn-wrap .btn-skyblue { min-width: 175px; }
.table-basic.type-btn .form-wrap.type-inner .input { height: 36px; font-size: 15px; }
.table-basic.type-btn .form-wrap.type-inner .input:focus { border-color: #333; }
.table-basic.type-btn .form-wrap.type-inner.type-2 { display: inline-block; width: calc(100% - 80.11px); }
.table-basic.type-btn .form-wrap.type-inner.type-2 + .btn-func-type2 { display: inline-block; padding: 10px 21px; float: right; margin-left: 10px; width: auto; height: 36px; line-height: 1; }
.table-basic.type-btn .type-twice { margin-top: 32px; }
.tab-panel .txt-1 { margin-top: 9px; margin-bottom: 0; }
.table-txt-list { border: none; }
.table-txt-list li ~ li { margin-top: 17px; }
.table-info + .table-basic { margin-top: 17px; }
.table-basic.type-2 ~ .table-basic.type-2 { margin-top: 30px; }
.table-basic.type-2 tr.type-bg { background: #f5f5fd; }
.table-basic.type-2 tr.type-bg th { background: #f5f5fd; }
*[class*="table-info"][class*='-box'].line-wrap2 .type-noline th, *[class*="table-info"][class*='-box'].line-wrap2 .type-noline td { padding: 0; }
*[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr:first-child th, *[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr:first-child td { padding-top: 23px; }
*[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr:last-child th, *[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr:last-child td { padding-bottom: 23px; }
*[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr ~ tr th, *[class*="table-info"][class*='-box'].line-wrap2 .type-noline tr ~ tr td { padding-top: 26px; }
*[class*="table-info"][class*='-box'].line-wrap2 .table-form-box { margin-top: 0; border-top: none; }
.insu-form-table [class*='tit-'] { margin-bottom: 13px; }
.insu-form-table .insu-radio-group li { margin-top: 30px; }
.insu-form-table .insu-radio-group li .btn-radio + .table-basic { margin-top: 11px; }
.insu-form-table .insu-radio-group li:first-child { margin-top: 0; }
.form-wrap + .insu-form-table { margin-top: 30px; }
[class*='box-line'] { padding: 14px; border: 1px solid #e5e5e5; }
.box-line-type2 { border-color: #111; }
.term-content .tit-term { margin-top: 23px; font-size: 17px; color: #111; }
.term-content .tit-term + .tit-term { margin-top: 20px; }
.term-content .tit-term + .txt-1 { margin-top: 5px; color: #666; }
.term-content .tit-term + .txt-1 .point { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-content .tit-term + .txt-1 + .type2 { margin-top: 17px; }
.term-content .tit-term + .txt-4 { margin-top: 5px; color: #666; }
.term-content .tit-term + .txt-4 .point { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-content .tit-term:first-child { margin-top: 0; }
.term-content .tit-term:first-child + .txt-1 { margin-top: 5px; }
.term-content .tit-term.type2 { font-size: 16px; }
.term-content .tit-term.type2 + .bullet-type-dot li { font-size: 15px; }
.term-content .tit-term.type2 + .bullet-type-dot li:before { background: #111; }
.term-content .tit-term.type3 { font-size: 18px; }
.term-content .txt-result { padding: 22px; font-size: 15px; line-height: 22px; color: #333; text-align: center; background-color: #f4f4f4; border: none; }
.term-content .txt-result .result { display: inline-block; margin: 8px 0; font-size: 20px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.term-content .txt-result + * { margin-top: 40px; }
.term-content [class*='box-line'] + .btn-radio-group, .term-content .txt-box3 + .btn-radio-group, .term-content .txt-box4 + .btn-radio-group { margin-top: 15px; }
.term-content [class*='box-line'] p + .btn-radio-group, .term-content .txt-box3 p + .btn-radio-group, .term-content .txt-box4 p + .btn-radio-group { margin-top: 20px; padding: 0 10px; }
.term-content .txt-1 + [class*='box-line'], .term-content .txt-1 + .txt-box3, .term-content .txt-1 + .txt-box4 { margin-top: 15px; }
.term-content * + .txt-box3 { margin-top: 15px; }
.term-content .btn-radio-group + .accordion-line { margin-top: 15px; }
.term-content h4.txt-1 { margin-top: 30px; }
.term-content h4.txt-1 + .bullet-type-dot { padding-top: 13px; }
.term-content h4.txt-1 + .bullet-type-dot li { margin-bottom: 9px; }
.term-content h4.txt-1 + .bullet-type-dot + .add-txt { margin-top: 9px; color: #333; }
.term-content p.txt-1 { color: #333; }
.term-content .table-basic + .box-line-type2 { margin-top: 30px; }
.term-content .point-bold { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.term-content .tit-5 { margin-top: 20px; }
.term-content.type-tit-con .tit-term + .txt-1 { margin-top: 10px; color: #666; }
.term-content.type-tit-con .tit-term + .txt-1 + .bullet-type-dot { padding-top: 33px; }
.term-content.type-tit-con .tit-term:first-child { margin-top: 0; }
.term-content.type-tit-con .tit-term:first-child + .txt-1 { margin-top: 10px; }
.term-content.type-tit-con .point-1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 17px; color: #c41d68; border-bottom: 1px solid #c41d68; }
.layer-wrap .ly-con-scroll-wrap .ly-con *[class*="table-info"][class*='-box2'] { border-bottom: none; }
.layer-wrap .ly-con-scroll-wrap .ly-con *[class*="table-info"][class*='-box2'] [class*='tit-'] + .txt-major { margin-top: 20px; }
.layer-wrap .ly-con-scroll-wrap .ly-con [class*='box-line'] .txt-3.type-color { color: #111; }
[class*='list-answer'] li { padding: 20px; margin-top: 10px; border: 1px solid #e5e5e5; }
[class*='list-answer'] li p { position: relative; padding-left: 15px; font-size: 15px; color: #333; }
[class*='list-answer'] li p span { position: absolute; top: 0; left: 0; font-family: "Roboto Bold"; }
[class*='list-answer'] li .answer-con { margin-top: 18px; padding-left: 15px; }
[class*='list-answer'] li:first-child { margin-top: 0; }
.type-info-sel { table-layout: fixed; }
.type-info-sel tr.sel { position: relative; border: 2px solid #4c50c7; }
.type-info-sel tr.sel p { color: #333; }
.type-info-sel tr.sel .ellipsis { text-overflow: initial; white-space: initial; }
.layer-wrap .ly-con-scroll-wrap .ly-con [class*='list-answer'] li p { font-size: 15px; color: #333; }
.layer-wrap .ly-con-scroll-wrap .ly-con .type-info-sel tr.sel p { color: #333; }
.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: 20px; color: #666; text-align: center; }
.pager li a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; 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?v=20220718) 0 -289px no-repeat; }
.pager li.first:hover a, .pager li.last:hover a, .pager li.prev:hover a, .pager li.next:hover a { border-color: #4c50c7; }
.pager li.first:hover a:before, .pager li.last:hover a:before, .pager li.prev:hover a:before, .pager li.next:hover a: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; }
.link-list li { margin: 0 -20px; border-bottom: 1px solid #e5e5e5; }
.link-list a { position: relative; display: block; padding: 20px 20px; }
.link-list a:after { content: ''; display: block; margin-top: -10px; position: absolute; top: 50%; right: 20px; width: 19px; height: 11px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -137px -226px no-repeat; background-size: 800px auto; }
.link-list .tit { padding-right: 37px; line-height: 1.466666; color: #333; font-size: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.link-list .txt { color: #666; font-size: 14px; }
.link-list + .pager { margin-top: 31px; }
.event .tit-box { font-size: 16px; background-color: #f4f4f4; text-align: center; padding: 27px; }
.event .tit-box ~ * { margin-top: 13px; }
.event .link-list li { margin-left: 0; margin-right: 0; padding-top: 20px; }
.event .link-list li:first-child { padding-top: 0; }
.event .link-list li a { padding: 0; padding-bottom: 13px; }
.event .link-list li a .img-wrap { margin-bottom: 20px; }
.event .link-list li a:after { content: none; }
.event .link-list li a .tit { position: relative; padding-left: 63px; padding-right: 0; font-size: 16px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #333; }
.event .link-list li a .tit span[class*="flag-"] { position: absolute; left: 0; top: 0; display: inline-block; width: 56px; height: 23px; line-height: 23px; border: 1px solid #999; color: #999; font-size: 13px; border-radius: 12px; text-align: center; margin-right: 3px; }
.event .link-list li a .tit span.flag-ing { color: #4c50c7; border-color: #4c50c7; }
.event .link-list li a .tit + .txt { margin-top: 5px; }
.event .link-list li a.btn-func-type4 { padding: 13px 14px; }
.event .news-tit { border-bottom: none; padding-bottom: 0; }
.event .news-cont { margin-top: 20px; }
.event .news-cont .img-wrap { /*padding-bottom: 20px;*/ padding-bottom:40px; }
.event .news-cont .img-wrap + .txt-1 { margin-top: 0; }
.event .news-cont div[style^="WIDTH: 700px"], .event .news-cont div[style^="WIDTH:700px"] { max-width: 100%; margin-left: 0 !important; }
.event * + .txt-notice-dl { margin-top: 15px; }
.event * + .txt-notice-dl dt { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-bottom: 5px; }
.event * + .txt-notice-dl dt:before { content: '※'; }
.event * + .txt-notice-dl dd .bullet-type-dot { padding-left: 13px; font-size: 15px; }
.event * + .txt-notice-dl dd .bullet-type-dot li { margin-bottom: 0; color: #333; }
.event * + .txt-notice-dl + .txt-1 { margin-top: 15px; }
.news-cont > div[style*="WIDTH"][style*="MARGIN-LEFT"] { width: 100% !important; margin: 0 !important; }
.news-cont > div[style*="WIDTH"][style*="MARGIN-LEFT"] table { max-width: 100%; }
.news-cont > div[style*="WIDTH"][style*="MARGIN-LEFT"] td { padding: 10px !important; }
.search-list li { position: relative; padding: 20px 0; }
.search-list li > * { position: relative; z-index: 2; }
.search-list li:after { content: ''; display: block; border-bottom: 1px solid #e5e5e5; position: absolute; bottom: 0; left: -20px; right: -20px; z-index: 1; }
.search-list li:first-child:after { content: ''; display: block; border-top: 1px solid #e5e5e5; position: absolute; top: 0; left: -20px; right: -20px; z-index: 1; }
.search-list li .top { color: #666; font-size: 14px; clear: both; overflow: hidden; }
.search-list li .top .t-left { float: left; }
.search-list li .top .t-right { float: right; }
.search-list li .title { font-size: 16px; line-height: 24px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.search-list li .b-right { position: absolute; top: 20px; right: 0; }
.search-list li .btn-func-type3 { width: auto; }
.search-list.frame1 li { padding: 20px 110px 20px 0; }
.search-list.frame2 li { padding: 15px 0; }
.search-list.frame2 li:first-child { padding: 0 0 15px 0; }
.search-list.frame2 li:first-child:after { border-top: 0; top: auto; }
.search-list.type2 li div.top span, .search-list.type2 li div.middle span { display: inline-block; width: 50%; font-size: 15px; }
.search-list.type2 li div.top span:first-child, .search-list.type2 li div.middle span:first-child { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.search-list.type2 li div.top span:last-child, .search-list.type2 li div.middle span:last-child { margin-left: -4px; color: #333; text-align: right; }
.search-list.type2 li div.top + div, .search-list.type2 li div.middle + div { margin-top: 5px; }
.search-list.type2 li .title { margin-top: 5px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 15px; }
.search-list.type2 li .btn-func-type3 { margin-top: 8px; width: 100%; }
.news-tit { padding: 20px 0 26px; border-bottom: 1px solid #555; }
.news-tit .tit { margin-bottom: 10px; line-height: 1.388888; color: #111; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.news-tit .txt { color: #666; font-size: 14px; font-family: "Roboto Regular"; }
.news-cont { margin-top: 30px; }
.combo-form.type-col-2 .form-wrap.select-type2 { float: left; display: block; width: 46.875%; margin-right: 6.25%; }
.combo-form.type-col-2 .form-wrap.select-type2:last-child { margin-right: 0; }
.combo-form2 { position: relative; margin-top: 17px; }
.combo-form2 .combo-box1 { width: 48%; }
.combo-form2 .combo-box2 { position: absolute; top: 0; right: 0; width: 52%; }
.combo-form2 .combo-box2 p { margin-left: 10px; }
.combo-form2 button { letter-spacing: -0.15em; }
.local-box { margin: 0 -20px; padding: 0 20px 20px 20px; border-bottom: 4px solid #e5e5e5; }
.local-box .btn-func-type4 { margin-top: 20px; }
.search-result { margin-top: 20px; }
.search-result > li { border: 1px solid #e5e5e5; }
.search-result > li + li { margin-top: 10px; }
.search-result > li .table-info-box.btn3 table { border: none; }
.search-result > li .table-info-box.btn3 table tr:last-child th, .search-result > li .table-info-box.btn3 table tr:last-child td { padding: 9px 19px; }
.search-result > li .table-info-btn { display: flex; margin-top: 0; padding: 0 18px 23px; width: 100%; border: none; }
.search-result > li .table-info-btn .btn { margin-right: 3.567%; width: 27.218%; width: 27.218%; height: 38px; color: #666; font-size: 15px; border: 1px solid #aaa; border-radius: 3px; }
.search-result > li .table-info-btn .btn:first-child { width: 38.369%; }
.search-result > li .table-info-btn .btn:last-child { margin-right: 0; }
.local-unit a { position: relative; display: block; margin: 0 -20px; padding: 23px 20px; border-bottom: 1px solid #e5e5e5; }
.local-unit a:after { content: ''; display: block; margin-top: -5px; position: absolute; top: 50%; right: 20px; width: 19px; height: 11px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -137px -226px no-repeat; background-size: 800px auto; }
.local-unit a .shop { margin-right: 7px; color: #333; font-size: 15px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.local-unit a .branch { font-size: 15px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.local-unit a .tel { float: right; margin-right: 25px; color: #333; font-size: 17px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.local-map { margin: 0 -20px; max-height: 500px; overflow: hidden; }
.local-map #map { height: 320px; background-color: #eee; }
.local-map + .table-info { margin-top: 30px; }
.tab-panel.type2 { padding-top: 0; }
.tab-panel.type3 { padding: 30px 20px 0; }
.accordion-line.type2 .fn_dropdown { padding: 0 20px; border-bottom: 1px solid #aaa; }
.accordion-line.type2 .fn_dropdown + .fn_dropdown { margin-top: 0; }
.accordion-line.type2 .fn_dropdown .acc-tit { padding: 17px 50px 18px 0; border-bottom: none; }
.accordion-line.type2 .fn_dropdown .acc-tit:after { background-position: -138px -226px; }
.accordion-line.type2 .fn_dropdown div.acc-tit { padding-right: 0; }
.accordion-line.type2 .fn_dropdown div.acc-tit:after { content: none; }
.accordion-line.type2 .fn_dropdown .drop_con.type-full { margin: 0 -20px; }
.accordion-line.type2 .fn_dropdown .drop_con.type-full .drop-con-info { padding: 20px 20px 20px; background: #f4f4f4; border-top: 1px solid #e5e5e5; }
.accordion-line.type2 .fn_dropdown .drop_con.type-full .drop-con-info .txt-2 { color: #111; font-size: 15px !important; }
.accordion-line.type2 .fn_dropdown .drop_con.type-full .drop-con-info .txt-2 ~ .txt-2 { margin-top: 8px; }
.accordion-line.type2 .fn_dropdown .drop_con.type-full .drop-con-info .txt-2 + .txt-3 { margin-top: 9px; }
.accordion-line.type2 .fn_dropdown.open .acc-tit:after { background-position: -138px -238px; }
.accordion-line.type2 .fn_dropdown.open .txt-1 { font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; color: #111; }
.accordion-line.type2 .fn_dropdown.open .ellipsis2 { overflow: initial; text-align: initial; display: block; }
.accordion-line.type2 .txt-1 { margin-top: 0; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.accordion-line.type2 .txt-major { font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.accordion-line.type2 + .accordion-line.type2 { margin-top: 0; }
.accordion-line.type2.min-h80 .acc-tit { min-height: 79px; }
.accordion-line.type3 li:first-child { border-top: 1px solid #555; }
.accordion-line.type3 .fn_dropdown { padding: 0 20px; border-bottom: 1px solid #aaa; }
.accordion-line.type3 .fn_dropdown + .fn_dropdown { margin-top: 0; }
.accordion-line.type3 .fn_dropdown .list-num { position: absolute; top: 50%; left: 0; padding: 10px 14px; margin-left: -10px; color: #111; border: 1px solid #e5e5e5; font-size: 18px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; border-radius: 5px; transform: translateY(-50%); }
.accordion-line.type3 .fn_dropdown .list-num + p { display: inline-block; margin-left: 10px; font-size: 15px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.accordion-line.type3 .fn_dropdown .info-list li { font-size: 15px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; border: none; }
.accordion-line.type3 .fn_dropdown .info-list li span em { color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 16px; font-style: normal; }
.accordion-line.type3 .fn_dropdown .info-list li span:last-child { margin-left: 14px; }
.accordion-line.type3 .fn_dropdown .info-list li + li { margin-top: 5px; }
.accordion-line.type3 .acc-tit { padding: 17px 25px 22px 30px; border-bottom: none; }
.accordion-line.type3 .acc-tit:after { background-position: -138px -226px; }
.accordion-line.type3 .fn_dropdown.open .acc-tit:after { background-position: -138px -238px; }
.accordion-line.type3 .drop_con.type-full { margin: 0 -20px; }
.accordion-line.type3 .drop_con.type-full .drop-con-info { padding: 20px 20px; background: #f4f4f4; border-top: 1px solid #e5e5e5; }
.accordion-line.type3 .drop_con.type-full .drop-con-info .txt-2 { color: #111; }
.accordion-line.type3 .drop_con.type-full .drop-con-info .txt-2 ~ .txt-2 { margin-top: 8px; }
.accordion-line.type3 .drop_con.type-full .drop-con-info .txt-2 + .txt-3 { margin-top: 9px; }
.select-question { margin: 0 -20px; }
.select-question .form-wrap { background: #f2f9ff; }
.select-question .form-wrap .select-box.type-bg { padding: 21px 20px; }
.select-question .form-wrap .select-box.type-bg a { padding: 0 30px 0 0; display: inline-block; height: auto; max-width: 100%; border: none; color: #111; font-size: 18px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select-question .form-wrap .select-box.type-bg a:after { background-position: -84px -226px; }
.select-question .ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.select-question + .pager { margin-top: 17px; }
[class*="customer"] { text-align: center; }
[class*="customer"] a { position: relative; padding-bottom: 4px; padding-left: 25px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 18px; }
[class*="customer"] a span { font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; font-size: 20px; }
[class*="customer"].type1 a { color: #111; border-bottom: 1px solid #111; }
[class*="customer"].type1 a:before { content: ''; position: absolute; top: 1px; left: 0; width: 19px; height: 19px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -468px -127px no-repeat; background-size: 800px auto; }
[class*="customer"].type2 a { color: #fff; font-size: 32px; border-bottom: 1px solid #fff; font-family: "Roboto Bold", "Noto Sans KR bold", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; padding-left: 39px; }
[class*="customer"].type2 a span { font-size: 32px; }
[class*="customer"].type2 a:before { content: ''; position: absolute; bottom: 7px; left: 0; width: 31px; height: 31px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -441px -153px no-repeat; background-size: 800px auto; }
.call-center { margin: 0 -20px; height: 325px; background: #2157bf; }
.call-center .customer.type2 { padding-top: 75px; }
.call-center p { position: absolute; top: 40px; }
.call-center .call-info { position: relative; margin: 40px auto 0; width: 250px; }
.call-center .call-info:after { content: ''; position: absolute; right: 46%; top: 2.5%; width: 1px; height: 95%; background: #3868c6; transform: translateX(-46%); }
.call-center .call-info li { overflow-y: hidden; display: block; margin: 0 auto; width: 254px; }
.call-center .call-info li span { color: #fff; }
.call-center .call-info li span:first-child { position: relative; float: left; width: 50%; font-size: 14px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.call-center .call-info li span:last-child { float: right; width: 45%; padding-left: 5%; font-size: 14px; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.call-center .call-info li span a { border-bottom: 1px solid #fff; }
.call-center .call-info li + li { margin-top: 8px; }
.sec-priv-result .sec-tit-3 { margin-top: 30px; }
.sec-priv-result .tit-group-3 { margin-bottom: 11px; }
.sec-priv-result .tit-group-3 .tit { font-size: 17px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec-priv-result .tit-group-3 .txt-1 .bullet-type-dot strong { color: #333; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.sec-priv-result .tit-group-3 .txt-1 .bullet-type-dot > li { margin-bottom: 0; }
.sec-priv-result .tit-group-3 .txt-1 .bullet-type-dot > li:before { background: #333; }
.sec-priv-result .tit-group-3 .tit + .txt-1 { margin-top: 11px; }
.txt-result { padding: 30px 20px; border: 1px solid #e5e5e5; border-top: 3px solid #555; font-size: 16px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: center; }
.txt-result .comment { margin-top: 25px; font-size: 14px; color: #666; font-family: "Roboto Regular", "Noto Sans", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; text-align: left; }
.assur-com-info .company { text-align: left; }
.assur-com-info .company span, .assur-com-info .company a { display: block; word-break: keep-all; }
.assur-com-info .company .name { font-size: 15px; color: #333; }
.assur-com-info .company a { font-size: 13px; color: #666; }
.assur-com-info .telnum { text-align: right; color: #111; }
.assur-com-info .telnum a { display: block; word-break: keep-all; }
.assur-com-info .telnum a span { color: #333; }
.assur-com-info thead tr { border-bottom: 1px solid #555555; }
.assur-com-info thead th { height: 54px; font-size: 15px; color: #111; }
.assur-com-info tbody tr { border-bottom: 1px solid #e5e5e5; }
.assur-com-info tbody tr:last-child { border-bottom: 0; }
.assur-com-info tbody td { padding: 14px 0; }
.accordion-card.type-search { margin-top: 20px; }
.accordion-card.type-search .type-noline tr:last-child th, .accordion-card.type-search .type-noline tr:last-child td { padding-bottom: 9px; }
.accordion-card.type-search .table-btn-num1 { margin: 0 0 20px 0; border: none; }
.accordion-card.type-search .table-btn-num2 { display: flex; margin: 0 0 20px 0; border: none; }
.accordion-card.type-search .table-btn-num2 button { display: inline-block; padding: 7px 0; font-size: 15px; width: 48.2015%; }
.accordion-card.type-search .table-btn-num2 button:first-child { margin-right: 3.597%; }
.misai-paper-info .req-doc-acc .accordion-basic + .link-arrow { margin-top: 30px; }
.misai-acci-form .tit-4 { margin-top: 30px; }
.misai-acci-form .table-basic { margin-top: 0; }
.misai-acci-form .accordion-plus { margin-top: 20px; }
.misai-acci-form .board-btn { margin-top: 30px; }
.board-wrap + .accordion-plus { margin-top: 20px; }
.misai-underage .btn-wrap { margin-top: 20px; }
.misai-underage .btn-wrap + .table-info-box { margin-top: 20px; }
.top-logo-title:before { content: ''; display: block; margin: 0 auto 30px auto; width: 84px; height: 33px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -148px -599px no-repeat; background-size: 800px auto; }
.top-logo-title .tit-3 { text-align: center; }
.top-logo-title .txt-1 { margin-top: 30px; color: #666; }
.top-logo-title + .sec { margin-top: 40px; }
.top-logo-title + .sec.type-gap2 { margin-top: 30px; }
.top-logo-title + .sec > .tit-3 { margin-bottom: 20px; }
.top-logo-title + .sec.total-checkgroup { margin-top: 30px; }
.top-logo-title + .msg-box { margin-top: 25px; }
.ly-con .accordion-card li .inner .txt-major { margin: 0; color: #4c50c7; font-size: 18px; }
.ly-con .item-name { margin-top: 0; }
.ly-con .item-name p { font-size: 15px !important; color: #4c50c7 !important; }
.ly-con .item-name + .table-info-box { margin-top: 20px; }
.txt-1.ta-c + .btn-wrap.type2 { margin-top: 20px; }
.txt-1.ta-c + .btn-wrap.type2 button { width: 203px; }
.list-tb-select li + li { margin-top: 30px; }
.list-tb-select + .table-basic { margin-top: 30px; }
.list-tb-select + .table-basic + .btn-wrap { margin-top: 20px; }
.txt-1 ul li + li { margin-top: 8px; }
.txt-3 ul li + li { margin-top: 8px; }
.sign { padding: 40px 0; text-align: center; }
.sign .name { font-size: 18px; font-family: 'Noto Sans KR Medium'; }
.sign ul { margin-top: 12px; }
.sign ul li { font-size: 15px; color: #666; }
.table-btn-num2 { display: flex; margin-top: 20px; border-bottom: 0; }
.table-btn-num2 button { width: 48.438%; }
.table-btn-num2 button:first-child { margin-right: 3.124%; }
.kyc-content { text-align: left; }
.kyc-content .kyctit { margin-bottom: 17px; font-size: 18px; font-family: 'Noto Sans KR Medium'; line-height: 23px; text-align: center; }
.kyc-content .kyc-txt-wrap .kyctxt { margin-bottom: 10px; }
.kyc-content .kyc-txt-wrap .bullet-type-dot { padding-top: 0; }
.kyc-content .txt-2 + .kyc-txt-wrap { margin-top: 15px; }
input + .btn-clear { opacity: 0; }
input:focus + .btn-clear { opacity: 1; }
.btn-clear:focus { opacity: 1 !important; }
.layer-wrap.terms .ly-inner .ly-con-scroll-wrap .ly-con { min-height: 100%; padding: 0; position: relative; }
.layer-wrap.terms .ly-inner .ly-con-scroll-wrap .ly-con .terms-iframe { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; }
.card-terms-list-1, .card-terms-list-2 { display: none; }
.from-paper { margin-left: -20px; margin-right: -20px; }
.from-paper ul li { border-bottom: 1px solid #e5e5e5; }
.from-paper ul li a { display: block; padding: 14px 20px; font-size: 15px; font-family: 'Noto Sans'; }
.from-paper ul li a .underline { border-bottom: 1px solid #218fe5; color: #218fe5; }
.from-paper ul li .btn-func-type3 { margin: 0 20px 20px; width: auto; }
.table-list-1 > li { margin-top: 20px; }
.table-list-1 > li:first-child { margin-top: 0; }
.mctm-list-info li:last-child { color: #666; }
.mctm-info-tit { margin-bottom: 5px; color: #111; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.tb-ctm-list li { word-break: keep-all; }
.tb-ctm-list li + li { padding-top: 4px; }
.mctm-info-con { margin-top: 13px; }
.mctm-info-con > li { position: relative; padding-left: 7px; font-size: 14px; color: #666; }
.mctm-info-con > li strong { color: #333; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; }
.mctm-info-con > li:before { content: ''; position: absolute; width: 4px; height: 4px; top: 7px; left: 0; background-color: #666; border-radius: 50%; }
.mctm-info-con > li + li { margin-top: 2px; }
.mctm-info-con > li ul li { line-height: 21px; }
.mctm-info-con > li ul li + li { margin-top: 2px; }
.btn-top a { display: none; position: fixed; right: 10px; bottom: 30px; width: 46px; height: 46px; background: url(/html/mobile/images/common/btn-top.png) 0 0 no-repeat; background-size: 100% auto; text-indent: -9999px; z-index: 501; }
.btn-top a.hasBtnFixed { bottom: 80px; }
#container.btnFixed + .btn-top a { bottom: 80px; }
.wrapper.shd .btn-top a { display: block; }
.layer-wrap.btn-top-on .btn-top a { display: block; }
.form-wrap.tb-st .form-title { margin-bottom: 0; }
.form-wrap.tb-st .form-title .tooltip-wrap { top: auto; top: auto; bottom: 0; margin-left: 0 !important; left: -114px; width: calc(100vw - 40px); transform: translateY(100%); }
.form-wrap.tb-st .form-title .tooltip-wrap.action { text-align: left; }
.form-wrap.tb-st .form-title .tooltip-wrap .tooltip-box { margin-bottom: 50px; }
.form-wrap.tb-st .form-title .tooltip-wrap .tooltip-box dt { line-height: initial; font-size: 14px; }
.form-wrap.tb-st .form-title .tooltip-wrap .tooltip-box .bullet-type-dot li { font-size: 13px; }
.form-wrap.tb-st .form-title .tooltip-wrap.m114.action { margin-left: -114px; }
.form-wrap.tb-st.case1 .form-title .tooltip-wrap { left: -95px; }
.sec.text-s14 h3.tit-3 { font-size: 14px; font-family: "Roboto Medium", "Noto Sans KR Medium", "맑은 고딕", "Malgun Gothic", Apple Gothic, Dotum, "굴림", sans-serif; line-height: 22px; }
.sec.text-s14 div.txt-1 ul li { font-size: 14px; }
@media (min-width: 1080px) { html { font-size: 60px; } }
@media (min-width: 720px) and (max-width: 1079px) { html { font-size: 60px; } }
@media (max-width: 1079px) { html { font-size: 60px; } }
@media (max-width: 720px) { html { font-size: 40px; } }
@media (max-width: 414px) { [class*='list-card'] .txt-5 { font-size: 3.8vw; }
	.dim-wrap .layer-wrap .ly-con-scroll-wrap { max-height: calc(100vh - 190px); } 
	.ly-loan-wrap {max-height: calc(100vh - 250px) !important; min-height: calc(100vh - 250px) !important;}}
@media (max-width: 360px) { html { font-size: 20px; }
	.dim-wrap .layer-wrap .ly-con-scroll-wrap { max-height: calc(100vh - 120px); }
	.ly-loan-wrap {max-height: calc(100vh - 250px) !important; min-height: calc(100vh - 250px) !important;} }
@media (max-width: 320px) { html, .tit-3 { font-size: 18px; }
	.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-3 > li > a { font-size: 0.75rem; }
	.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li > a { font-size: 0.75rem; }
	.ly-con-scroll-wrap.gnb-right .menu-list-outer .depth-4 > li .depth-5 a { font-size: 0.7rem; } }
	.layer-wrap.fullpopup.gnbmenu {min-width:289px;}
/* 2020-05-25 추천인입력 스타일 추가 */
.msg-box.type-put:before { background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -577px -347px no-repeat; background-size: 800px auto; }

/* 2020-06-17 룰렛이벤트 스타일 추가 */
.rulet-wrap {position:relative; text-align:center; /*width:100%;*/ margin:-30px -20px 0;}
.rulet-event {position:absolute; top:50%; left:50%; transform:translate(-50%, -37%); width:100%;} /* width:86.6% */
.img-rulet img {/* transform:rotate(500deg);*/ transform-origin:center; width:80%;}
.img-arrow-1 {position:absolute; left:50%; top:0; transform:translate(-50%, -50%); z-index:1; width:7.2%;}
.btn-start {position:absolute; left:50%; top:50%;	 transform:translate(-50%, -50%); width:46.6%;}
.rulet-info {background-color:#00a5c3; margin:0 -20px; padding:10px 20px;}
.rulet-info * {color:#fff;}
.rulet-info h2 {margin-bottom:5px; font-size:15px;}
.rulet-info > .list-type-num-1 li {position:relative; padding-left:12px; font-size:13px; line-height:1.3;}
.rulet-info > .list-type-num-1 li:before {position:absolute; top:0; left:0;}
.rulet-info > .list-type-num-1 li > ul li {padding-left:10px; margin-bottom:2px;}

.rulet-win {text-align:center; margin-bottom:20px;}
.rulet-win > .txt-main:before {content:''; display:inline-block; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -665px -362px no-repeat; background-size: 800px auto; width:71px; height:68px; vertical-align:middle;}
.rulet-win > .txt-main span {font-size:24px;}
.rulet-win > .product-item1:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) 0 0 no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product-item2:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) -216px 0 no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product-item3:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) -441px 0 no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product-item4:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) -0 -207px no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product-item5:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) -216px -207px no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product-item6:before {content:''; display:block; background: url(/html/mobile/images/data/event/prod-splite.png) -441px -207px no-repeat; background-size: 641px auto; width:200px; height:200px; vertical-align:middle; margin:0 auto 20px auto;}
.rulet-win > .product {font-size:20px !important;}

/* 2020-10-16 생활/건강정보 스타일 추가 */
[class*='list-card'].bdc-blue {border:1px solid #4c50c7;}
[class*='list-card'] .txt-major.txt-long {overflow:visible; white-space:pre-wrap; word-break: break-word;}

/* 2020-10-28 피싱방지 서비스 스타일 추가 */
[class*='phishing-set'] {display:block; margin-top:10px;}
[class*='phishing-set']:before {content:''; display:inline-block; width:18px; height:19px; margin-right:5px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) no-repeat -388px -483px; vertical-align:middle; background-size:800px auto;}
.phishing-set2:before {background-position-x:-408px;}
.phishing-set3:before {background-position-x:-428px;}
.phishing-set4:before {background-position-x:-448px;}
.phishing-set5:before {background-position-x:-468px;}
.phishing-set6:before {background-position-x:-488px;}
.phishing-set7:before {background-position-x:-508px;}
.phishing-set8:before {background-position-x:-528px;}

.phishing-msg {position:relative;}
.phishing-msg:before {content:''; display:block; margin:0 auto 20px auto; width:55px; height:55px; border-radius:50%; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) no-repeat -330px -437px; background-size:800px auto;}
.btn-radio.phishing {display:block; height:68px;}
.btn-radio.phishing input + label {display:block; padding:0;}
.btn-radio.phishing input + label:before {top:60px; left:50%; margin:0 0 0 -13px;}
[class*='phishing-ico']:before {content:''; display:block; width:32px; height:32px; background:url(/html/mobile/images/common/cmm-splite.png?v=20231221) -388px -437px no-repeat; background-size:800px auto;}
.phishing-ico2:before {background-position-x:-425px;}
.phishing-ico3:before {background-position-x:-461px;}
.phishing-ico4:before {background-position-x:-498px;}
.phishing-ico5:before {background-position-x:-535px;}
.phishing-ico6:before {background-position-x:-571px;}
.phishing-ico7:before {background-position-x:-608px;}
.phishing-ico8:before {background-position-x:-645px;}

/* 2020-11-18 피싱방지 서비스 이벤트 팝업 스타일 추가 */
.ico-gift {}
.ico-gift:before {content:''; display:block; margin:0 auto 20px auto; width:55px; height:55px; border-radius:50%; background:url(/html/mobile/images/data/event/ico-gift-bm.png) #fff no-repeat 0 0; background-size:100% auto;}

/* 2020-12-29 list 타입 추가 */
[class*="ol-type"][class*="6"] {margin-top:10px; counter-reset:relevantlawslistBox;}
[class*="ol-type"][class*="6"] li {font-size: 14px; 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; color:#666;}
[class*="ol-type"][class*="6"] li:before {counter-increment:relevantlawslistBox; content:counter(relevantlawslistBox) "."; position:absolute; top:0; left:0;}


/* 2021-03-11 펀드추가서비스특약 가입동의여부*/
.fnc_con {position:absolute; bottom:10%; right:10%;}


/*2021-03-17 해피콜 셀프체크 이미지 추가*/
.list-box .sign-img {width:calc( 100% - 17px ); height:150px; margin-top:10px;}
.list-box .sign-img img {width:100%; height:100%;}


/*2021-04-29 모바일 로그인페이지 변경*/
.log-bg-wrap {background: linear-gradient(-45deg, #4c50c7 0, #2154BD 100%);}
.log-wrap {margin: 0 -20px; padding: 41px 20px 31px; text-align: left; color: #fff;}
.log-wrap button.acc-tit {color:#fff !important; font-size:18px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;}
.log-wrap button.acc-tit:before {content:''; width: 28px; height: 28px; display:inline-block; vertical-align:middle; margin-right:10px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) 0 -508px no-repeat; background-size: 800px auto;}
.log-wrap button.acc-tit:after {background-position-x: -112px !important;}
.log-wrap .gradient-box {background:none !important;}

/*2021-05-03 로그인창 변경*/
.log-bg-wrap .easy-search.login {background: linear-gradient(-45deg, #4c50c7 0, #3952c3 100%); border-top:1px solid rgba(225, 225, 225, 0.3);}
.log-wrap .accordion-line .drop_con .btn-info-txt p.txt, .log-bg-wrap .btn-info-txt p.txt, 
.log-wrap h2, .log-bg-wrap .easy-search.login .btn-easy, .log-bg-wrap .ly-con p, .log-bg-wrap .easy-search.login p {color:#fff !important;}

/*2021-05-21 개인(신용)정보수집 이용에 관한 동의 사항(팝업창)-사고보험*/
.terms.txt-wrap {border:1px solid #ddd; padding:10px;}
.btn-checkbox.all-chk-btn {position:fixed; bottom:0; width:100%; padding:15px 0; background:#2154bd;}
.btn-checkbox.all-chk-btn label {color:#fff;}

/*2021-05-24 대출금리인하 신청 개인(신용)정보제공동의*/
.table-wrap h2 {display:inline-block; padding:5px 15px; border-radius:31px; background:#2154bd; color:#fff; line-height:31px;}
.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.2em;}/* 20210601 */
.table-wrap table span.brd-btm {border-bottom:1px solid #111;}
.table-wrap table ul li .radio-box {margin-top:10px;}
.table-wrap table ul li .radio-box span.btn-radio {line-height: 35px; padding-right: 20px;}       

/*2021-05-31 보험계약대출 설명서*/
.table-sum table td.sum {font-size:13px;}

/*2021-06-03 보험계약대출(자동이체)*/
.ft-b18 {font-size:19px; color:#4c50c7;}
.ft-18 {font-size:18px !important;}
.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; }

/*2021-06-07 계약변경 */
.table-info-c table tr td {text-align:center; padding:13px;}
/* .square {position:relative; padding-left:15px;}
.square:before {position:absolute; content:''; width:10px; height:10px; top:8px; left:0; background:#666;} */
.fts-21 {font-size:21px !important;}
td h5.ft-w {font-weight:bold;}


/*2021-06-16 아이폰 팝업멘트*/
.pop-iphone {position:absolute; text-indent: -9999px; width: 97px; height:35px !important; background: url(/html/ics/images/common/cmm-splite.png?v=20220718) 0 -15px no-repeat; overflow:hidden; border-radius:0 !important; margin-left:50%; left:-48px; margin-top:15px;}


/*2021-06-22 소비자포털 위법계약 해지 화면*/
.tb-arrow {overflow:hidden;}
.tb-arrow li {position:relative; text-align: center; margin-top:10px; padding:10px 0;}
.tb-arrow li:nth-child(1) {margin-top:0; padding:0; padding-bottom: 10px;}
.tb-arrow li:before {content:''; position:absolute; width:25px; height:25px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221)no-repeat -275px -263px; background-size: 820px auto; transform: rotate(90deg); top:-19px; left:50%; margin-left: -12px; border:1px solid #78bbf0; border-radius: 25px;}
.tb-arrow li:nth-child(1):before, .processing li:nth-child(1):before {display: none;}

.processing li {position:relative; border: 1px solid #e5e5e5;}
.processing li:before {content:''; position:absolute; width:10px; height: 10px; border:1px solid #4c50c7; border-left:none; border-bottom:none; transform: rotate(135deg); top:-30px; left:50%; margin-left:-5px;}
.processing h5 {background:#f4f4f4; padding:10px 0;}
.processing p {border-top: 1px solid #e5e5e5; padding:10px 0;}
.btn-form-type8 {color:#d10000; border:1px solid #d10000; border-radius: 3px; padding:0 10px;}
.btn-form-type8:hover {color:#fff; background:#d10000; border:1px solid #d10000;}

.cont-btn {padding:10px 0; border:1px solid #ddd;}
.cont-btn > span {min-widt: 115px; margin:10px; display:inline-block;}
.cont-btn span:nth-child(1) {margin-left:0;}

/*2021-06-22 로그인 처음 이용자 등록*/
.point-b18 {color: #4c50c7; font-size: 18px;}

/*2021-07-09 소비자보호헌장*/
.consumer-wrap {color: #fff; background: linear-gradient(-45deg, #4c50c7 0, #2154BD 100%);}
.consumer-wrap p {padding:25px;}
.consumer-wrap .consumer-info { width:calc(100% - 50px); margin:0 auto; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); color:#111; padding:25px;}


/*2021-07-12 렌딩페이지*/
.blue-box-wrap {color:#fff; background: linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); padding:20px 10px; text-align: center; margin: 0 -20px;}
.blue-box-wrap h2 {font-size:24px; line-height: 1.8; font-weight: bold; color:#fff;}
.blue-box-wrap p {color:#fff;}
.blue-box-wrap .btxt-box {margin:10px auto 20px; width: calc(100% - 100px);}
.blue-box-wrap .btn {width:calc(100% - 20px); max-width: 280px; height:40px; line-height: 40px; border-radius:40px; background:url(/html/mkdb/images/product/btn-opacity.png) repeat; color:#fff; margin:0 auto;}
.bt-infobox > ul {border-top:1px solid #555;}
.bt-infobox > ul > li {border-bottom:1px solid #aaa; padding-top:10px; padding-bottom:10px;}
.bt-infobox > ul > li:before {top:17px;}

/*2021-07-20 모바일 반짝이*/
.brd-active {border:5px solid #e34788; animation: btnAni 2s cubic-bezier(0.4, 0, 1, 1) infinite;}
@keyframes btnAni {
	0% {border-color: #ddd}
	50% {border-color: #e34788}
	100% {border-color: #ddd}
}

.btn-active {animation: btnBackAni 2s cubic-bezier(0.4, 0, 1, 1) infinite; background:#e34788;}
@keyframes btnBackAni {
    0% {background: #ddd}
    50% {background: #e34788}
    100% {background: #ddd}
}

/*2021-08-05 이벤트 참여 신청 상세 동의서*/
.grade{width:100%; height:40px; background: url(/html/mobile/images/common/grade.png)no-repeat center; background-size:contain;}
.radio-box-wrap .safe {color:#fff; padding:5px 10px; border-radius: 10px; background: #23a6d2; margin-left: 5px;}

/*2021-08-24 금융소비자보호 실태평가 dash 여백*/
.ml-h li {margin-left:10px;}
.ml-h li:before {margin-left:-16px;}

/*2021-09-10 모바일 큰글씨 서비스 안내*/
.wrap-bg {background: #f3f3f3;}
.cont-f {background:linear-gradient(-32deg, #295cc3 0, #218fe5 100%);}
.fnt-wrap {position:relative; max-width:420px; margin:30px auto 0;}
.tit-6 {color:#fef64d; margin-bottom:10px;}
.fnt-ex {color:#fff; line-height: 1.5; width:65%;}
.fnt-img {position:absolute; width: 80px; height: 80px; top:5px; right: 10px; background:url(/html/mobile/images/common/big-font.png)no-repeat center; background-size: 80px; border-radius: 70px;background-color:#05c1d5;}
.c-f {color:#fff;}
.bfont-menu {width:100%; position:absolute; top:235px;}
.bfont-menu ul li {position:relative; padding:10px 20px; line-height:2; border:1px solid #60abff; margin-top:10px; border-radius:5px; background:#fff;}
.bfont-menu ul li > a:after {content: ''; position: absolute; width:18px; height:18px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221)no-repeat -138px -237px; background-size: 800px auto; transform: rotate(90deg); top:15px; right:15px;}


.txt-size p {position:absolute; top:12px; font-size:16px; padding:5px 10px; border-radius: 18px; right:55px; background: #2154bd; color:#fff;}
.ml-05 {margin-left: 5px !important;}
.fnt-btn-wrap p {color:#fff;}
.font-btn span {display: inline-block; width:40px; height:30px; border:1px solid #ddd; background: #fff; padding:3px 4px; border-radius:10px;}


.fnt-sizeOn .txt-5, .fnt-sizeOn label {font-size:21px; line-height: 1.3;}
.fnt-sizeOn .bullet-type-dot > li, .fnt-sizeOn .tit-term {font-size:18px; line-height: 1.4;}
.fnt-sizeOn .txt-1, .fnt-sizeOn .information dl dt, .fnt-sizeOn .information dl dd, 
.fnt-sizeOn .msg-box .txt-add, .fnt-sizeOn .information ul li, .fnt-sizeOn .information ol li {font-size:17px !important;}
.fnt-sizeOn .tit-3, .fnt-sizeOn .msg-box .txt-main, .fnt-sizeOn .txt-5 {font-size:24px;}
.fnt-sizeOn .list-agree-1 {margin-top:0;}
.fnt-sizeOn .tab-list li, .fnt-sizeOn [class*='btn-func'][class*='-type4'], .fnt-sizeOn [class*='btn-func'], .fnt-sizeOn .information .info_tit {font-size:18px;}
.fnt-sizeOn .layer-wrap .ly-tit h1 {font-size:21px;}

@media (max-width: 363px) {
    .bfont-menu {top:255px;}
}
@media (max-width: 358px) {
    .fnt-sizeOn .btn-func-type1 {height:60px;}
}
@media (max-width: 335px) {
    .bfont-menu {top:275px;}
}

/*2021-10-05 보험계약대출신청*/
.btn-sel-layer-1.on {pointer-events: none; color:#999;}


/*2021-11-09 칭찬제안하기*/
.br-pro li {border-radius: 20px;}
.br-pro li:nth-child(1) {border:1px solid #84c9ff;}
.br-pro li:nth-child(2) {border:1px solid #218fe5;}
.br-pro li:nth-child(3) {border:1px solid #2157bf;}
.br-pro li:nth-child(4) {border:1px solid #103b8f;}
.br-pro li:nth-child(1) h5 {background: #84c9ff !important;}
.br-pro li:nth-child(2) h5 {background: #218fe5 !important;}
.br-pro li:nth-child(3) h5 {background: #2157bf !important;}
.br-pro li:nth-child(4) h5 {background: #103b8f !important;}
.br-pro li:nth-child(2):before {border: 3px solid #218fe5;}
.br-pro li:nth-child(3):before {border: 3px solid #2157bf;}
.br-pro li:nth-child(4):before {border: 3px solid #103b8f;}
.br-pro li:before {width:13px; height:13px; border-left:none !important; border-bottom:none !important;}
.br-pro li h5 {border-radius: 18px 18px 0 0; color:#fff;}
.br-pro li p {border:none; padding:20px 0;}
.eum-rec li h5 {display:inline-block; padding:3px 15px; border-radius: 15px; background:#2157bf; color:#fff;}
.eum-rec li p {padding-left:5px;}

/*2021-11-12 이음 고객자문단*/
.eum-box {color: #fff; background: url(/html/mobile/images/customer/eum_back_mobile.png)no-repeat center 10px, linear-gradient(-45deg, #4c50c7 0, #2154BD 100%); padding: 20px 10px; text-align: center; margin: 0 -20px; background-size: 350px; height: 265px;}
.eum-tit {font-size:30px !important; text-indent: -9999px; background: url(/html/mobile/images/customer/eum_title_mobile.png)no-repeat center; background-size: contain;}
.eum-list-num li {position:relative; padding-left:20px; margin-bottom:10px;}
.eum-num {position: absolute; top: -1px; left: 0;color:#333;}
.eum-agree-wrap {padding:10px; border:1px solid #2157bf;}
.eum-agree {display:flex;}
.eum-agree span {width:50%;}
.txt-area {height:200px; border:none; border-bottom:1px solid #555;}
.q_txt h3{font-size:16px; background:#f4f4f4; padding:10px; border-top:2px solid #111;}
.q_txt label {font-size:15px !important;}
.fs-14 {font-size:14px !important;}

/*2021-11-17 페이스아이디 추가*/
/*.login-select-list li a.icon-log-face:before {background:url(/html/mobile/images/common/face-id.png)no-repeat; background-size:cover;}*/

/*2021-11-18 페이스아이디 로딩*/
.dialog_table{display:table;width:100%;height:100%;table-layout:fixed}
.dialog_cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}

.progress{position:relative;width:30px; height:30px; margin:0 auto; border-radius:5px; background:url(/html/mobile/images/common/face-id.png)no-repeat top; background-size: cover;}
.progress p{text-align:center}

@keyframes spinner{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes spinner{0%{opacity:1}
100%{opacity:0}
}
.spinner{position:relative}
.spinner div{left:0;top:-65px;position:absolute;-webkit-animation:spinner linear 1s infinite;animation:spinner linear 1s infinite;background:#fff;width:8px;height:20px;border-radius:40%;-webkit-transform-origin:4px 69px;transform-origin:4px 69px}
.spinner div:nth-child(1){-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-.916666666666667s;animation-delay:-.916666666666667s}
.spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-.833333333333333s;animation-delay:-.833333333333333s}
.spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s}
.spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.666666666666667s;animation-delay:-.666666666666667s}
.spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.583333333333333s;animation-delay:-.583333333333333s}
.spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}
.spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.416666666666667s;animation-delay:-.416666666666667s}
.spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-.333333333333333s;animation-delay:-.333333333333333s}
.spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}
.spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.166666666666667s;animation-delay:-.166666666666667s}
.spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-83.333333333333ms;animation-delay:-83.333333333333ms}
.spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}
.spinner{width:150px;height:150px;margin:0 auto;-webkit-transform:translate(-50px,-50px) scale(.5) translate(50px,50px);transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}
.s_loading{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}
.s_loading .spinner{position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;transform:scale(0.3, 0.3)}

.cert_loding {margin-top:100px;}
.un-log {position:absolute; color:#fff; border:1px solid #fff; padding:10px 20px; border-radius:5px; margin-left:-70px; left:50%; margin-top:110px;}


/*2021-11-24 금융 소비자보호를 위한 고객 안내문*/
.cp-tit p, .cp-box-wrap .cp-box ol li h5, .cp-box-wrap .cp-box ol li p {font-size: 13px; color:#000; line-height: 1.5; text-align: justify;}
.cp-tit ul li, .ft-11 {font-size:11px; color:#000; line-height: 1.5;}
.cp-tit ul {text-align: justify;}
.cp-box-wrap .cp-box {margin: 23px auto;}
.cp-box-wrap .cp-box-tit {border-top:1px solid #555; background:#f4f4f4; padding:7px 9px; border-bottom:1px solid #e5e5e5;}
.cp-box-wrap .cp-box-tit h4 {font-size:14px; font-weight: bold; color:#000;}
.cp-box-wrap .cp-box ol li h5 {font-weight:bold;}
.ft-logo {width:174px; height:32px; text-indent: -9999px; background: url(/html/ics/images/common/cmm-splite.png?v=20220718)no-repeat 0 -514px; margin:35px auto; background-size:660px;}

/*2022-02-24 고객정보수정 삭제버튼 변경*/
.dlt-box {}
.dlt-box button {position:absolute; top:30px; right:0; width:30px; color: transparent; font-size:11px; background:url(/html/mobile/images/common/cmm-splite.png?v=20231221) 8px -220px no-repeat; background-size: 800px auto; height:30px;}

/*2022-02-28 보험계약대출 설명서 내용 변경*/
.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; position: relative; margin-bottom:40px;}
.loan-box-wrap li:nth-child(2):before {content:'〓'; position:absolute; margin-top:-30px; left:50%; margin-left:-7px;}
.loan-box-wrap li:nth-child(3):before {content:'+'; position:absolute; margin-top:-30px; left:50%; margin-left:-7px; font-size : 26px;}
.loan-box-wrap li h3 {font-size: 18px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 5px 40px; color: #111; background: #f4f4f4;}

/*2022-03-02 예금자보호관련 추가*/
.kdic h3 {background: url(/html/ics/images/common/kdic_icon.jpg)no-repeat center; text-indent: -99999px; height: 51px; background-size: cover; width: 80px; margin: 0 auto 10px;}
.kdic p {font-size:13px;}

/*2022-03-18 4세대 실손보험 전환안내*/
.dcw-wrap {position:relative; width:100%; height:150px; border-radius: 10px; margin:10px auto 20px; background: url(/html/mobile/images/common/acture-loss-50m.png) no-repeat center, rgba(176,232,255,1); background-size: contain;}
.dcw-wrap .dcw-link {position:absolute; left:50%; margin-left:-34px; bottom:14px;}

/*2022-03-25 가입설계및 상품소개를 위한 모바일 동의*/
.n-header {background:#3048a6 !important;}
.em-disabled {pointer-events:none;}
.addr1 {width:65% !important;}
.addr2 {width:33%; display:inline-block;}
.add-txt-wrap:after {content:''; display:block; margin: 0 auto; margin-top:30vh; width:90px; height:45px; background: url(/html/mobile/images/common/cmm-splite.png?v=20231221) -145px -590px no-repeat; background-size:800px auto;}
.new-agree-tit {max-width:280px; margin:0 auto; color:#fff;}
.new-agree-tit p {color:#fff; font-size:21px;}
.new-agree-tit h1 {font-size:32px; line-height:1.8;}
.logo-bottom {background: url(/html/mobile/images/common/kdb_logo.png)no-repeat center; text-indent: -9999px; width: 100px; min-height: 50px; background-size: contain; position: absolute; left:50%; margin-left:-50px; bottom:54px;}
.agre-btn {position: absolute; top: 50%; margin-top: -23px; left: 50%; margin-left: -63px;}

/*2022-04-11 자주묻는 질문 검색장 추가*/
.search-form .form-wrap {max-width:410px; margin:0 auto;}
.search-form .form-wrap > div {display:inline-block;}
.search-form .form-wrap .input-box {width:calc(100% - 76px);}
.search-form .form-wrap .input-box input {height:30px; font-size:17px;}
.search-form .form-wrap .btn-box {vertical-align:-webkit-baseline-middle; margin-left:5px; margin-bottom:5px;}	

/*2022-04-21 보험계약대출신청 안내*/
.loan-txt-box {padding:10px; background:#1c87ff;}
.loan-txt-box h2 {font-size:19px; color:#fff;}
.loan-txt-box h2 span {font-family:'Roboto Regular', 'Noto Sans', '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif;}
.loan-txt-box h1 {color:#fef64d; font-size:22px; font-weight:bold; text-decoration:underline; text-underline-position:under;}
.loan-txt-box p {font-size:17px; font-weight:bold; color:#fff; padding-top:10px;}
.loan-txt-box a {position:relative; color:#fff; font-size:18px; padding: 10px 15px; border-radius:15px;}		
@media (max-width: 360px) {
	.loan-txt-box h2 {font-size:0.9rem}
	.loan-txt-box p {font-size:0.8rem}
}

/*2022-05-06 본문컨텐츠타이틀 바*/
.line-btm {position:relative; display:inline;}
.line-btm:after {content:''; position:absolute; width:100%; height:2px; background:#4c50c7; left:0; bottom:-10px;}

/*2022-05-16 상단 큰글씨 버튼 추가*/
/*.bfnt-btn {position:absolute; top:12px; right:60px; font-size:17px; font-weight:bold;}*/

/*2022-05-19 로그인 페이지 이미지 추가*/
.login-select-list a.icon-log-finanace:before {background-position:-135px -565px;}
.login-select-list a.icon-log-pattern:before {background-position-x:-135px;}
.login-select-list a.icon-log-face:before {background-position:-135px -536px;}

/*2022-05-20 상단 큰글씨 버튼*/
.wrapper.main #header .bfnt-btn {position:absolute; top:11px; left:25px; font-size:17px; font-weight:bold; padding:3px 7px; border-radius:5px; border:1px solid #fff; color:#fff;}
.wrapper.main.change #header .bfnt-btn {position: absolute; top: 11px; left: 25px; font-weight: bold; font-size: 17px; padding:3px 7px; border-radius:5px; color:#3048a6; border:1px solid #3048a6;}

/*2022-05-23 메인 새소식 임시 한줄*/
.notice.nt-1 a:before {display:none !important;}

/*2022-07-04 이벤트 버튼*/
.event-btn {position: absolute; bottom: 15px; background: #51595c; color: #fff; text-align: center; font-size: 0.8em; border-radius: 20px; padding: 6px 30px; left: 50%; margin-left: -84px;}
.event .news-cont {max-width:480px; margin: 0 auto;}
@media (min-width: 345px) {
	.event-btn {bottom:22px;}
}

@media (min-width: 400px) {
	.event-btn {font-size:0.9em; margin-left:-90px; bottom:25px;}
}

@media (min-width: 430px) {
	.event-btn {font-size:1em; margin-left:-97px; bottom:29px;}
}

@media (min-width: 457px) {
	.event-btn {bottom:29px;}
}

@media (min-width: 480px) {
	.event-btn {font-size:1.1em; margin-left:-104px; bottom:32px; padding:8px 30px;}
}

/*2022-07-12 메인 팝업 이미지 안에 버튼 2개 추가*/
.in-btn {position:absolute; bottom:20px; left:50%; margin-left:-135px;}
.in-btn .btn-num-2 button {font-size:16px;}

/*2022-07-13 이벤트 버튼*/
.evt-btn {position:absolute; top:5px; right:6%; width: calc(100% - 75px); text-align:center; line-height:1.8; border-radius:5px; background:#fff;}
@media (min-width: 340px) {
	.evt-btn {width: calc(100% - 80px);}
}

@media (min-width: 360px) {
	.evt-btn {width: calc(100% - 85px);}
	.evt-btn-b {top:-48px;}
}
@media (min-width: 375px) {
	.evt-btn {width: calc(100% - 90px);}
	.evt-btn-b {top:-50px;}
}
@media (min-width: 414px) {
	.evt-btn {width: calc(100% - 100px);}
	.evt-btn-b {top:-55px;}
}
@media (min-width: 480px) {
	.evt-btn {width: calc(100% - 117px);}
	.evt-btn-b {top:-62px;}
}
@media (min-width: 520px) {
	.evt-btn {width: calc(100% - 130px);}
	.evt-btn-b {top:-64px;}
}

/*2022-07-14 테이블 선 추가
*[class*="table-basic"] table tr td[rowspan] {border-right:1px solid #e5e5e5;}*/

/*2022-08-04 랜딩페이지*/
.rnd-bd {border-top:1px solid #111; border-bottom:1px solid #111; padding:5px;}

/*2022-08-10 1+1 보험계약대출 이벤트 버튼*/
.evt-btn-c {position:absolute; width:200px; left:50%; margin-left:-100px; bottom:53%; color:#fff; background:rgba(40,40,40,0.8); text-align:center; line-height:1.8; border-radius:10px;}

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


/*2023-06-30 하단 팝업 추가*/
.b-btm {border-bottom:1px solid #aaa;}
.certi-info-wrap p {font-size:16px !important; margin-top:5px!important;}
.aqua-line {position:relative;}
.aqua-line:after{content: ''; position:absolute; width:270px; height:10px; background:linear-gradient(to right, #25f5b1, #00d9ff); left:-135px; margin-left:50%; z-index:-1; bottom:2px;}
.aqua-line.an:after{width:200px; left:-100px;}
.cert-btn{position:relative; text-align:left; width:250px; margin:10px auto; padding:12px 0 12px 80px; background:#e3f3ff; border-color: #00367f !important; font-weight:bold;}
.cert-btn:before{content: ''; position:absolute; background:url(/html/mobile/images/common/cert-info-icon.png)no-repeat; width:25px; height:25px; background-size:110px; left:45px;}
.cert-btn2:before{background-position-x:-25px;}
.cert-btn3:before{background-position-x:-56px;}
.cert-btn4:before{background-position-x:-84px;}
.p-chk {position:relative;}
.p-chk .btn-checkbox input + label {color:#aaa;}

/*2023-07-18 (무)더행복드림변액연금보험 상품상담 이벤트 버튼*/
.event .tbl {position:relative;}
.mobile .tbl .sec {margin-top:0 !important;}
.evt-btn-b {position:absolute; top:-45px; width:150px; left:50%; margin-left:-75px; height:31px; background:url(/nKumhoFiles/event/event-btn08.png)no-repeat; background-size:contain; text-indent:-9999px;}


/*2023-09-12 파란색버튼 추가*/
.btn-blue {color:#fff !important; background:#2154bd;}

/*2023-11-08 보험계약대출*/
.point-blue2 {color:#0008ff !important;}        
.point-red2 {color:#ff0202 !important;} 
.blue-check {position:relative; color:#4c4dfd !important; font-size:20px; font-weight:bold;}
.blue-check:before {position:absolute; top:5px; margin-left:-25px;}
.red-check{position:relative;}
.red-check:before {content:''; width:23px; height:15px; background:url(/html/mobile/images/common/red-check.png)no-repeat -2px -28px; display: inline-block; background-size: 30px;}
.red-check2:before{width:24px; height:21px; background-size: 23px; vertical-align: bottom; background-position: 0 0; position: absolute; margin-left:-25px; top:1px;}
.info-box dl dd {margin-left:17px;} 

/*2023-11-09 고객확인 재이행 안내*/
.cus-inf-tit {font-size:24px; padding-bottom:10px; line-height:3; text-align:center;}
.cus-inf-tit:before {content:''; display:block; width:110px; height:80px; background:url(/html/mobile/images/common/id-sec.png)no-repeat; background-size:contain; margin:0 auto;}
.cus-inf-box {border-top:2px solid #000; border-bottom:2px solid #aaa; padding:20px 0;}

/*2023-12-15 btn-scroll*/
.btn-scroll {position:absolute; top:-36px; z-index:999; color:#fff; right: 10px; width:30px; height: 30px; border-radius: 30px; transform: rotate(-90deg); background:url(/html/mobile/images/common/cmm-splite.png?v=20231221) 4px -17px / 700px no-repeat, #fff; border:1px solid #fff; text-indent:-9999px;}
.btn-scroll.on {transform:rotate(90deg);}

/*2024-01-03 이벤트 종료*/
.event .link-list li a .img-wrap p {position:relative;}
.event .link-list li a .img-wrap p .dim-event {position:absolute; width:100%; height:100%; top:0; font-size:18px; color:#fff; text-align:center; background:rgba(0,0,0,0.5);}
.event .link-list li a .img-wrap p .dim-event .event-endText {position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-41px;}

/*2024-06-18 오른쪽 아코디언 버튼*/
.ac-btn-right {position:absolute !important; width:auto !important; top:0; right:25px; font-size:15px !important; padding:0 !important; border:0 !important;}
.ac-btn-right:after {right:-25px !important;}

/*20250116 double-popup*/
@media (max-width: 320px) {
	.ly-con-double {max-height: 150px !important;}
}


/*2025-03-05 해피콜 가족 조력자 */
.progress-box-wrap {position: relative; border: 1px solid #e5e5e5; max-width:400px; min-width:290px; margin:0 auto;}
.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/customer/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 -80px;} 
.progress-box-wrap ul li.happycall2 .progress-circle{background:url(../images/customer/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/customer/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/customer/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 -80px;}
.progress-box-wrap ul li:before {content:''; position:absolute; width:20px; height:5px; top:35%; left:-20px; background:url(../images/customer/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/customer/happycall-icon2_1.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
    }
  50% {
    background:url(../images/customer/happycall-icon2_1.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
    }

  100% {
    background:url(../images/customer/happycall-icon2_2.png) no-repeat;background-size: 80px;
	background-position: 10px 10px;
	}
}
    
    
.progress-box {margin: 0px auto;width: 70vw;text-align: center; padding:20px 20px; width:100%; 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;
  }
}
    
@media (max-width: 420px) {
    .progress-box-wrap ul {padding:20px 0;}
    .progress-box-wrap ul li:before{left:-17px;}
}
@media (max-width: 390px) {
    .progress-box-wrap ul li:before{left:-16px;}
}
@media (max-width: 375px) {
    .progress-box-wrap ul li:before{left:-15px;}
}
@media (max-width: 360px) {
    .progress-box-wrap ul li:before{width:15px; left:-8px; height:4px;}
}


/*2025-04-23 사고보험금 진행상태 팝업*/
.prgbg-wrap ul {position:relative;}    
.prgbg-wrap ul li {position:relative; display:flex; justify-content:space-around;}  
.prgbg-wrap ul li .prgbg {width:70px; height:70px; margin-bottom:40px; background:url(/html/mobile/images/common/requisition.png)no-repeat; background-size:374px; text-indent:-99999px;}  
.prgbg-wrap ul li .prgbg-txt {text-align:left; width:100px; height:70px; padding:14px 0;}
.prgbg-wrap ul li .prgbg-txt p.date-txt {display:none;}

.prgbg-wrap ul li .prgbg:after {content: ''; display: block; position: absolute; top: 50%; left: 55px; margin-top: 22px; 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.last_ic .prgbg:after{display:none;}
.prgbg-wrap ul li .prgbg.req1{background-position-x: 0;}
.prgbg-wrap ul li .prgbg.req2{background-position-x: -76px;}
.prgbg-wrap ul li .prgbg.req3{background-position-x: -152px;}
.prgbg-wrap ul li .prgbg.req4{background-position-x: -228px;}
.prgbg-wrap ul li .prgbg.req5{background-position-x: -304px;}
.prgbg-wrap ul li.active .prgbg, .prgbg-wrap ul li.done .prgbg {background-position-y: -76px;}
.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;}	

.prgbg-wrap .progress-box1 .progress-bar-line {position:absolute; width:10px; height: 480px; top:17px; border-radius:30px; border:1px solid #2154bd; left:43%}
.prgbg-wrap .progress-box1 .progress-bar-line-in {height: 0px; 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: height, background-color; background-color: #2154bd;}
.prgbg-wrap .progress-box1 .progress-bar-line-in:after{content: ''; display: block; position: absolute; top: 0; left: -8px; width: 24px; height: 24px; background: url(/html/ics/images/common/cmm-splite.png) -407px -300px no-repeat; border:0;  border-radius:24px; transition: 0.4s linear;}


.progress-box1 .progress-bar-line.move2 .progress-bar-line-in {height:25%;}
.progress-box1 .progress-bar-line.move3 .progress-bar-line-in {height:50%;}
.progress-box1 .progress-bar-line.move4 .progress-bar-line-in {height:75%;}
.progress-box1 .progress-bar-line.move5 .progress-bar-line-in {height:100%;}

.progress-box1 .progress-bar-line.move2 .progress-bar-line-in:after {top:115px;}
.progress-box1 .progress-bar-line.move3 .progress-bar-line-in:after {top:225px;}
.progress-box1 .progress-bar-line.move4 .progress-bar-line-in:after {top:340px;}
.progress-box1 .progress-bar-line.move5 .progress-bar-line-in:after {top:455px;}


/*2025-10-14 오른쪽 버튼 추가*/
.dwn {max-width:120px; margin:20px auto;}


.list-card .select-box a:after {margin-top:0; right:0;}


.blue-gradient {background: linear-gradient(-45deg, #2154BD 0, #008de2 100%); color:#fff; padding:20px; border-radius:20px; font-size:18px; line-height:1.6; margin:30px auto; word-spacing:2px; text-align:center;}
.blue-gradient p {color:#fff;}
.blue-gradient strong {font-weight:bold; font-size:20px;}