.pro-label{display:inline-block;font-size:12px;line-height:24px;height:24px;color:#fff;background:rgb(79,184,79);border-radius: 30px;padding:0 10px;}
.dbicons {position:absolute;left:50%;margin-left:-158px;bottom:65px;z-index:999;width:316px;display:flex;justify-content:space-between;}
.dbicon {display:inline-block;color:#fff;text-align:center;font-size:16px;letter-spacing:-0.5px}
.dbicon i {display:flex;justify-content:center;align-items:center;width:93px;height:93px;border-radius:100px;margin-bottom:12px;background:rgba(0,0,0, 0.5)}
.dbicon i:hover {background:rgba(45, 189, 134, 0.5)}
.dbicon img {width:38px;height:38px}
.fill-bg {background-image: linear-gradient(rgb(0,153,89),rgb(122,213,95));margin-top:-2px!important}
.fill-bg-menu {background-image: linear-gradient(rgb(0,153,89),rgb(122,213,95));}
.fill-bg-sub {background-image: linear-gradient(rgb(255,83,86), rgb(254,117,75));height:165px}
.fill-bg-sub .db-tabs li a.active {color:rgb(255,83,86)}
.fill-bg-sub-2 {background-image: linear-gradient(rgb(113,128,246), rgb(31,184,255));height:165px}
.fill-bg-sub-2.agency-bg {height:220px}
.fill-bg-sub-3 {background-image: linear-gradient(rgb(113,128,246), rgb(31,184,255));height:165px}
.fill-bg-sub-4 {background-image: linear-gradient(rgb(0,153,89),rgb(122,213,95));height:165px}
.fill-bg-sub-5 {background-image: linear-gradient(rgb(0,153,89),rgb(122,213,95));height:165px}
.dbquicks {display:flex;}
.dbquicks.dbquick-first {border-bottom:1px solid rgba(255,255,255, 0.2)}
.dbquicks a {display:flex;flex-direction:column;height:127px;width:33.33%;text-align:center;color:#fff;font-size:15px;justify-content: center;align-items:center}
.dbquicks a span {position:absolute;right:0;top:0;z-index:2;font-size:10px;line-height:16px;height:16px;text-align:center;padding:0 5px;background:rgba(0,0,0, 0.6)}
.dbquicks a:hover,.dbquicks a:active,.dbquicks a:focus {background: rgba(255,255,255, 0.3)}
.dbquicks a:not(:first-child) {border-left:1px solid rgba(255,255,255, 0.2)}
.dbquicks a img {display:block;width:41px;height:41px;}
.expand-less {display:flex;justify-content:center;align-items:center;text-align:center;margin-top:-37px;z-index:99999;background-image:url(../../resources/images/common/round_top.svg);background-repeat: no-repeat;background-position: center center;background-size:auto 34px;height:34px;color:#fff}
.notice {display:flex;align-items:center;padding:14px 0 14px 15px;background:#fff;margin-bottom:0}
.notice i {display:flex;justify-content:center;align-items:center;width:31px;height:31px;background-color:rgb(234,234,233);border-radius:50%}
.notice i img {width:23px;height:21px}
.notice span {margin-left:7px;font-size:15px;color:rgb(34,34,34);font-weight:600;display:inline-block;height:31px}
.notice a {margin-left:7px;font-size:15px;color:rgb(72,72,72);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;width:240px;height:31px}
/* 250526 삭제 */
/* .footer_bt {width: 100%;border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; text-align: center;line-height: 1.4; padding: 5px 0;} */
/* .footer_bt a {font-size: 13px;color: #878787;line-height: 12px;display: inline-block;} */
/* .footer_bt span.footer_bt_line {display: inline-block;color: rgba(0,0,0,0.1);margin: 0 3px;} */
.sidebar-header {height:63px;border-bottom:1px solid rgba(0,0,0, 0.08);display:flex;align-items:center}
.sidebar-header a.home_btn {display:flex;justify-content:center;align-items:center;width:63px;height:63px}
.sidebar-header a.home_btn img {width:23px;height:23px}
.sidebar-header a.login_btn {position:absolute;right:30px;top:0;display:flex;justify-content:center;align-items:center;width:63px;height:63px}
.sidebar-header a.login_btn img {width:23px;height:23px}
.sidebar-header span.logouts {padding-left:10px;font-size:17px;color:rgb(34,34,34)}
.sidebar-header a.close-sidebar {position: absolute;right: 0;top:0;display: inline-block;width: 20px;height: 20px;vertical-align: middle;text-align: center;padding:21px 15px;box-sizing: content-box;}
.sidebar-header a i {font-size: 22px;color: #bcbcbc;}
.gnb_icon {position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;width:63px;height:56px;}
.gnb_icon img {width:27px;height:27px;}
.menu-footer {background:#fff;height:52px;text-align:center}
.menu-footer a {display:inline-block;font-size:16px;color:rgb(34,34,34);}
.menu-footer span.menu_bt_line {display: inline-block;margin: 0 3px;padding-left:0}
.button-round {display:inline-block;font-size:15px;color:rgb(34,34,34);height:33px;line-height:33px;border:1px solid rgb(204,204,204)!important;padding:0 12px;margin:0 0 0 10px;}
.sub-head-back i {width:26px;height:26px;color:rgb(128,134,140);font-size:26px}
.header .sub-title {display:block;font-size:20px;color:rgb(34,34,34);text-align:center;font-weight:600}
.sub-top {overflow:hidden}
.user-name, .board-tit {font-size:18px;line-height:24px;color:#fff;padding:30px 0 20px;text-align:center;font-weight:600}
.contract-nums {display:flex;align-items:center;list-style-type:none;padding:0;height:50px;background:#fff;border-radius:5px;margin-bottom:0}
.contract-nums li {font-size:17px;color:rgb(34,34,34);margin-bottom:0}
.contract-nums li:nth-child(even) {width:20%;text-align:right;padding-right:20px}
.contract-nums li:nth-child(odd) {width:30%;text-align:left;padding-left:20px}
.contract-nums li:nth-child(3) {border-left:1px solid rgb(219,219,219)}
.green-txt {color:rgb(45,189,134)}
.content.contracts {margin-top:-20px;}
.content.contracts.with-tabs {margin-top:-10px;}
.content.boards {margin-top:-90px;}
.content.boards-event {margin-top:-20px;}
.content.insurances {margin-top:-80px;}
.content.accidents {margin-top:-100px;}
.content.accidents-2 {margin-top:-100px;}
.content.papers {margin-top:-75px;}
.content.callcenters {margin-top:-145px;}
.content.infos {margin-top:-145px}
.content.points {margin-top:-145px}
.content.products {margin-top:-165px}
.content.companys {margin-top:-75px}
.card-box {background:#fff;border-radius:5px;padding:17px 20px;border:1px solid rgb(219,219,219);overflow:hidden}
.card-box h3 {position:relative;font-size:20px;font-weight:600;color:rgb(34,34,34);border-bottom:1px solid #000;padding-bottom:10px}
.card-box h3 .detail-go {display:block;position:relative;font-size:20px;font-weight:600;color:rgb(34,34,34);padding-bottom:0}
.card-box h3 a i {display:block;position:absolute;right:0;top:3px;width:24px;height:24px;font-size:24px;color:rgb(34,34,34)}
dl dt {font-size:17px;color:rgb(119,119,119);margin:5px 0}
dl dd {font-size:17px;color:rgb(34,34,34);margin:5px 0}
dl.card-box-content {display:flex;flex-wrap:wrap;margin-top:10px}
dl.card-box-content dt {width:40%}
dl.card-box-content dd {width:60%;text-align:right;}
.no-content {font-size:17px;text-align:center;color:rgb(119,119,119);padding:15px 0;width:100%}
.info-box {padding:5px;font-size:15px;color:rgb(119,119,119);line-height:22px}
.info-box span:before{content:'\00B7';}
.db-tabs {display:flex;justify-content:space-between;align-items:center;list-style-type:none;padding:0;margin-bottom:0;height:47px;border:1px solid #fff;border-radius:5px}
.db-tabs li {margin-bottom:0}
/* 2019.10.10 | 유명석 | 고객지원담당님 요청으로 탭 크기 모두 균등하게 수정 */
/* .db-tabs li:first-child {flex:1.3} */
.db-tabs li:first-child {flex:1;height:45px;}
.db-tabs li:not(:first-child) {border-left:1px solid #fff;height:45px;flex:1}
.db-tabs li a {display:block;line-height:45px;color:#fff;font-size:15px;width:100%;height:45px;padding:0;text-align:center}
.db-tabs li a.active {background:#fff;color:rgb(79,184,79);font-weight:600}
.db-tabs.event-tabs li a.active {background:#fff;color:rgb(113,128,246);font-weight:600}
.db-tabs.event-tabs li:first-child {flex:1}
.accordion-box {border-top:1px solid rgb(219,219,219);border:1px solid rgb(219,219,219);border-radius:5px;background:#fff;padding-bottom:20px}
.tab-index {display:flex;justify-content:center;align-items:center;height:51px;background:rgb(249,249,249);list-style-type:none;;margin-bottom:0;border-bottom:1px solid rgb(219,219,219)}
.tab-index li {margin-bottom:0;font-size:16px;color:rgb(34,34,34);font-weight:600;width:50%;text-align:center;line-height:20px}
.tab-index li:not(:first-child) {position:relative;}
.tab-index li:not(:first-child):before {content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:1px;height:20px;border-left:1px solid rgb(190,190,190)}
.tab-index.col-4 {height:50px;justify-content:flex-start;}
.tab-index.col-4 li {font-size:15px}
.tab-index.col-4 li:first-child {width:44px;text-align:left}
.tab-index.col-4 li:nth-child(2) {width:67px}
.tab-index.col-4 li:nth-child(3) {width:88px}
.tab-index.col-4 li:last-child {width:107px;}
.accordion-dbstyle-1 {background:#fff;padding:0 17px}
.accordion-dbstyle-1 .accordion-toggle {display:flex;align-items:center;border-bottom:1px solid rgb(219,219,219);margin-bottom:7px;padding-left:0}
.accordion-toggle i {right:-20px;font-size:25px;color:rgb(190,190,190)}
.accordion-dbstyle-1 .accordion-content {padding:0 0 10px 0;border-bottom:1px solid rgb(219,219,219);}
.accordion-dbstyle-2 .accordion-toggle {display:flex;align-items:center;margin-bottom:0;padding-left:0;margin-top:-64px;float:right;width:50px}
.accordion-dbstyle-2 .accordion-toggle i {right:0}
dl.accordion-title-dl {display:flex;flex-wrap:wrap;width:93%}
dl.accordion-title-dl dt {width:40%;font-size:17px;color:rgb(119,119,119);margin:0;padding-left:7px}
dl.accordion-title-dl dd {width:60%;text-align:right;font-size:17px;font-weight:600;color:rgb(34,34,34);margin:0}
ul.accordion-title-ul {display:flex;align-items:center;width:93%;list-style-type:none;height:40px;margin-bottom:0;padding-left:0}
ul.accordion-title-ul li {text-align:center;font-size:15px;color:rgb(119,119,119);margin:0;line-height:20px;font-weight:400;position:relative}
ul.accordion-title-ul li:not(:first-child):before {content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:1px;height:20px;border-left:1px solid rgb(190,190,190)}
ul.accordion-title-ul li:first-child {width:48px;text-align:left}
ul.accordion-title-ul li:nth-child(2) {width:67px}
ul.accordion-title-ul li:nth-child(3) {width:88px}
ul.accordion-title-ul li:last-child {width:77px;justify-content:flex-end;text-align:right;font-weight:600;color:rgb(34,34,34);margin:0}
dl.accordion-detail-content {display:flex;flex-wrap:wrap;margin-top:0}
dl.accordion-detail-content dt {font-size:16px;width:40%;;padding-left:7px}
dl.accordion-detail-content dd {font-size:16px;width:60%;text-align:right;padding-right:23px}
.accordion-box .info-box {padding:17px 17px 0 17px}
.accordion-toggle.acc-col-4 {height:76px;margin-bottom:0;;}
.quarantee-tab li {width:60%}
.quarantee-tab li:last-child {width:40%}
.quarantee-box {padding: 17px}
.quarantee-box ul {list-style-type:none;margin:0;padding:0;display:flex;align-items:center;border-bottom:1px solid rgb(219,219,219)}
.quarantee-box ul li {width:60%;font-size:17px;color:rgb(119,119,119);margin-bottom:0;padding:10px 0}
.quarantee-box ul li:last-child {width:40%;text-align:right;color:rgb(34,34,34);font-weight:600}
.quarantee-box + .info-box {padding-top:0}
dl.default-content {margin-top:0}
dl.default-content dt {width:45%}
dl.default-content dd {width:55%}
.buttons-col-2 a.button {width:45%}
.buttons-col-2 a.button-pension {float:right}
.modal-box .modal-menu {position:fixed;background-color: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);padding:0;border-radius:10px}
.modal-box .modal-menu .modal-contents {padding-bottom:20px;overflow:scroll;-webkit-overflow-scrolling: touch;max-height:400px;pointer-events:all}
.modal-box .modal-menu .modal-contents h3 {font-size:20px;border-bottom:1px solid rgb(119,119,119);margin-bottom:10px;padding:15px 0 14px 23px;font-weight:600}
.modal-box .modal-menu .modal-contents h4 {font-size:17px;color:rgb(34,34,34);margin-bottom:10px}
.modal-box .modal-menu ul {margin:0 23px}
.modal-box .modal-menu dl {margin:0 23px}
.modal-box .modal-menu .modal-box {margin:0 23px}
.modal-box .modal-menu h3 span {font-size:14px;margin-bottom:0;color:rgb(119,119,119)}
.modal-box i {position:fixed;right:12px;top:20px;font-size:18px;color:rgb(34,34,34);z-index:100}
dl.default-content.modal-content dt {font-size:14px;line-height:22px;width:50%}
dl.default-content.modal-content dd {font-size:14px;width:50%}
.dbinfos-box {padding:20px}
.dbinfos-box h3 {border-bottom:none;margin-bottom:10px}
.db-ul {margin-bottom:0;list-style-type:none;padding-left:10px}
.db-ul li {position:relative;font-size:16px;line-height:24px;color:rgb(119,119,119)}
.db-ul li:before {content:'';display:block;position:absolute;left:-10px;top:9px;width:4px;height:4px;border-radius:4px;background:rgb(119,119,119)}
.db-ol li {position:relative;font-size:16px;line-height:24px;color:rgb(119,119,119)}
.dblinks {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(190,190,190);padding:12px 0}
.dblinks span {font-size:17px;color:rgb(119,119,119);padding-left:9px;font-weight:600}
.dblinks i {font-size:17px;color:rgb(119,119,119)}
.dblinks-box .dblinks:first-child {padding-top:0}
.dblinks-box .dblinks:last-child {padding-bottom:0;border-bottom:0}
.login-img {width:282px;height:282px;margin:20px auto 0}
.login-info ul {margin:0 5px}
.login-button {display:block;height:45px!important;width:283px;line-height:45px!important;margin:-22px auto 0}
.login-info h4 {font-size:17px;color:rgb(34,34,34);margin-bottom:10px}
.login-info i.xi-info {font-size:20px;color:rgb(128, 134, 139);vertical-align:middle}
.input {-webkit-appearance: none;height:47px;border:1px solid rgb(219,219,219);border-radius:5px!important;background:rgb(243,243,243);font-size:17px;color:rgb(34,34,34);padding-left:10px}
.address-inputs {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(230,230,230);padding-bottom:20px}
.address-inputs .input {width:203px}
.button-change {border-radius:40px;font-size:16px;margin-bottom:0;height:47px;line-height:47px;min-width:74px;padding:0 10px}
.address-radios {display:flex;justify-content: space-between;align-items:center;padding:10px 0;}
.address-radios .radios-tit {width:130px;font-size:16px;color:rgb(34,34,34);margin-right:10px;border-right:1px solid rgb(219,219,219)}
.search-index {display:flex;justify-content: space-between;align-items:center;}
.search-tit {font-size:17px;color:#fff;line-height:20px;}
.search-index .select-box {width:290px}
.button-search {color:rgb(34, 34, 34)!important;width:290px}
.button-search:hover, .button-search:active {background:#fff!important;border-color:#fff!important;color:rgb(34, 34, 34)!important}
.search-result-num {font-size:16px;color:rgb(119,119,119);margin-bottom:10px;}
.search-result-num  strong {font-size:16px;color:rgb(34,34,34)}
.search-result-item {padding:0}
.search-result-item h3 {background:rgb(249,249,249);height:51px;border-bottom:1px solid rgb(230,230,230);padding:12px 0 0 25px;margin-bottom:14px}
.agency-content {list-style-type:none;padding:0;margin:0;}
.agency-content li {display:flex;font-size:17px;color:rgb(119,119,119);padding:6px 25px}
.agency-content li i {width:14px;padding:3px 0 0;margin-right:14px;font-size:20px}
.search-links {display:flex;justify-content: flex-end;align-items:center;margin:0 20px 20px 0;}
.search-links a {min-width:118px;height:40px;line-height:39px;display:block;color:rgb(34, 34, 34);font-size:17px;text-align:center;border:1px solid rgb(113,128,246);border-radius:5px;}
.search-links a i {color:rgb(190, 190, 190)}
.button-more {width:162px;margin:0 auto}
.agency-map {height:275px}
.card-box-2 {background:#fff;border-radius:5px;padding:0;border:1px solid rgb(219,219,219);overflow:hidden}
.card-box-2 h3 {background:rgb(249,249,249);height:51px;border-bottom:1px solid rgb(230,230,230);padding:12px 0 0 25px;margin-bottom:14px}
.card-box-2 .db-ul-2 {padding-left:35px;margin-bottom:20px}
.db-ul-2 li {font-size:17px;line-height:26px;padding:2px 0}
.db-ul-2 li:before {top:11px}
ul li a, dl a {color: rgb(119,119,119)}
.notice-tit	{display:block;font-size:18px;line-height:25px;color:rgb(34, 34, 34);margin-bottom:8px}
.notice-date	{font-size:14px;line-height:18px;color:rgb(119,119,119)}
.notice-box {padding:0}
.notice-box .notice-subject {padding:20px;background:rgb(249,249,249);border-bottom:1px solid rgb(219,219,219)}
.notice-content {padding:30px 20px;font-size:17px;color:rgb(119,119,119);line-height:26px}
.event-box {padding:0 0 20px 0}
.event-box  a > img {width:100%}
.event-box .event-tit {display:block;font-size:18px;line-height:25px;color:rgb(34, 34, 34);margin:20px 0 0;padding: 0 20px}
.event-info {display:flex;justify-content:space-between;align-items:center;padding:0 20px}
.notice-subject .event-info {padding:0}
.event-date	{font-size:14px;line-height:18px;color:rgb(119,119,119);}
.event-ing {display:block;width:60px;height:24px;border-radius:24px;border:1px solid rgb(79,184,79);font-size:12px;color:rgb(79,184,79);line-height:24px;text-align:center}
.event-end {display:block;width:60px;height:24px;border-radius:24px;border:1px solid rgb(192,192,192);font-size:12px;color:rgb(119,119,119);line-height:24px;text-align:center}
ul.steps {display:flex;justify-content:space-between;align-items:center;padding:0;margin:20px auto;list-style-type:none;width:335px}
ul.steps li {position:relative;border:5px solid rgba(255,255,255,0.3);border-radius:50%;margin-bottom:0;}
ul.steps li:not(:first-child):before {content:'\e93e';position:absolute;left:-44px;top:7px;font-family: xeicon!important;font-size:24px;color:rgba(255,255,255, 0.3)}
ul.steps li span {display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:0;background:rgba(255,255,255,0.3);color:#fff;font-size:18px;font-weight:600}
ul.steps li.active span {background:#fff;color:rgb(79,184,79)}
.insurance-box {padding:0}
.insurance-box .fac-checkbox label {font-size:17px;color:rgb(34, 34, 34);font-weight:600;line-height:26px;height:52px;padding-left:45px}
.insurance-box .fac-default {padding-bottom:8px;background:rgb(249,249,249);padding:16px 20px 10px;width:100%}
.insurance-box .fac-checkbox > span::after {margin-left:20px;margin-top:13px}
.insurance-box .fac-checkbox > input[type=checkbox] + label:before {margin-top:13px}
.insurance-box .accordion-dbstyle-2 .accordion-toggle {align-items:flex-end;width: calc( 100% - 47px );}
.insurance-box .accordion-content {border-top:1px solid rgb(230,230,230);padding:10px 0}
.insurance-box dl.accordion-detail-content {margin:0 20px 10px}
.insurance-box dl.accordion-detail-content dt {padding-left:0}
.insurance-box dl.accordion-detail-content dd {padding-right:0}
.insu-inputs {display:flex;justify-content:space-between;align-items:center;padding:15px 20px 5px;border-top:1px solid rgb(230,230,230);}
.insu-inputs span, .insu-inputs-2 span {font-size:16px;color:rgb(34, 34, 34);}
.insu-inputs input {width:170px;text-align:right;padding-right:10px}
.insurance-box .accordion-content .insu-inputs-2 {padding:5px 20px 5px;border-top:1px solid rgb(230,230,230);}
.insurance-box .accordion-content .insu-inputs-2 .limits-wrap {padding:5px 0;}
.insu-inputs-2 .limits-wrap > span {font-size:14px;color:rgb(34, 34, 34);display:block}
.insu-inputs-2 .limits {display:flex;justify-content:space-between;align-items:center;}
.insu-inputs-2 .limits  input {max-width:124px;text-align:right;padding-right:10px}
.insu-inputs-2 .limits .button-x {font-size:15px;height:40px;line-height:40px;background:rgb(120,120,120);border-radius:5px;color:#fff;margin-bottom:0}
.insu-inputs-2 .limits-2 {display:flex;justify-content:flex-end;align-items:center;}
.insu-inputs-2 .limits-2 input {max-width:124px;text-align:right;padding-right:10px}

.etc-info {font-size:16px;color:rgb(119,119,119);line-height:24px;padding:5px 0 0 20px}
.etc-info:before {content:'※';margin-left:-15px;margin-right:3px}
.accordion-dbstyle-3 .accordion-toggle {height:47px;line-height:47px;width:100%;border-radius:47px;border:1px solid rgb(0,133,74);font-size:18px;color:rgb(0,133,74);font-weight:400}
.accordion-dbstyle-3 .accordion-toggle i {right:0;color:rgb(0,133,74);top:0;}
.accordion-dbstyle-3 .accordion-content {padding:0}
.case-card {border-radius:5px;border:1px solid rgb(219,219,219)}
.case-card h3 {font-size:17px;color:rgb(34, 34, 34);padding:15px 20px;border-bottom:1px solid rgb(230,230,230);background:rgb(249,249,249);font-weight:600}
.case-card dl.accordion-detail-content {padding:5px 20px}
.case-card dl.accordion-detail-content dt {padding-left:0;width:50%}
.case-card dl.accordion-detail-content dd {padding-right:0;width:50%}
.accounts h3 {font-size:20px;color:rgb(34, 34, 34);font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-content:center}
.accounts ul.tabs li {text-align:center}
.direct-form {display:flex;justify-content:space-between;align-items:center}
.direct-form-wrap .select-box {border:1px solid rgb(212, 212, 212)}
.direct-form .select-box {width:115px;}
.direct-form input {width:170px;}
.button-account {font-size:16px;color:#fff;height:43px;line-height:43px;width:100%;border-radius:43px;background:#4fb84f;margin:15px 0}
.button-next {min-width:190px}
.button-next2 {min-width:150px}
.button-s {border-width:2px; padding: 0px 10px; }
.button-next:hover, .button-s:hover, .new-login-button:hover, .button-checkall:hover, .button-next2:hover {background:#4fb84f;color:#fff!important;border: 2px solid #4fb84f!important;}
.button-account:hover {background:#4fb84f; opacity: 0.7;}
.button-light:hover, .button-light:active {border-color:#fff!important;color:rgb(34,34,34)!important}
.button-teal {background:#4fb84f;border: 1px solid #4fb84f}
.button-teal:hover {background:#4fb84f;border: 1px solid #4fb84f; opacity: 0.7;}
.account-result dl.accordion-detail-content dt {padding-left:0}
.account-result dl.accordion-detail-content dd {padding-right:0}
.inline-form {display:flex;justify-content:space-between;align-items:center;padding:7px 20px}
.inline-form label {font-size:17px;color:rgb(119,119,119);height:50px;line-height:50px}
.inline-form input {width:190px;}
.inline-form .select-box {border:1px solid rgb(212, 212, 212);width:190px;}
.kakao-forms .buttons {margin:20px 0 0;border-top:1px solid rgb(230,230,230);padding: 20px 0}
.kakao-result {font-size:17px;color:rgb(34,34,34);text-align:center;font-weight:600px;padding:20px 0;margin-bottom:20px;border-bottom:1px solid rgb(230,230,230)}
.result-box {display:flex;flex-direction:column;justify-content:center;align-items:center;height:207px}
.result-box h3 {font-size:18px;color:rgb(34,34,34);border-bottom:0;text-align:center;margin-top:20px}
.accident-h3 {font-size:20px;line-height:27px;color:#fff;font-weight:600;padding:35px 0 20px;text-align:center}
.accident-box .accordion-dbstyle-1 {padding:0;border-bottom:1px solid rgb(219,219,219)}
.accident-box .accordion-dbstyle-1 .accordion-toggle {color:rgb(119,119,119);font-weight:600;font-size:17px;border-bottom:none;margin-bottom:0;}
.accident-box .accordion-dbstyle-1 .accordion-content {font-size:15px;line-height:24px;color:rgb(119,119,119);border-bottom:none;border-top:1px solid rgb(0,133,74);padding-top:7px}
.diversepay-box .accordion-dbstyle-1 {padding:0;width:100%}
.diversepay-box .accordion-dbstyle-1 .accordion-toggle {border-bottom:none;margin-bottom:0px;font-weight:normal;}
.diversepay-box .accordion-dbstyle-1 .xi-angle-down-min {margin:0px}
.diversepay-box .accordion-dbstyle-1 .accordion-content {border-bottom:none;padding-bottom: 0px;}
.diversepay-box .accordion-dbstyle-1 dd {width:55%}
.diversepay-box .accordion-dbstyle-1 .accordion-content div {display: flex;}
.diversepay-box .accordion-dbstyle-1 .accordion-content div dd {width: 55%}
ul.steps.step-col-3 {width:280px}
ul.steps.step-col-3 li:not(:first-child):before {left:-54px}
.accident-info {font-size:17px;color:rgb(119,119,119);line-height:26px;margin:10px 0}
.accident-info h4 {font-size:17px;color:rgb(34, 34, 34);font-weight:600}
table.dbtlb-sty-1 {border-top:1px solid rgb(153,153,153)}
table.dbtlb-sty-1 th {font-size:16px;color:rgb(34, 34, 34);font-weight:600;text-align:center;background:rgb(247,247,247);border-bottom:1px solid rgb(219,219,219);padding:7px 0}
table.dbtlb-sty-1 td {font-size:16px;color:rgb(119,119,119);text-align:center;border-bottom:1px solid rgb(219,219,219);padding:10px 5px}
table.dbtlb-sty-1 td.left-text {padding-left:10px}
table.dbtlb-sty-1 td strong {color:rgb(34, 34, 34)}
table.dbtlb-sty-1 td:not(:first-child) {border-left:1px solid rgb(219,219,219)}
table.dbtlb-sty-1.small-table th {font-size:13px}
table.dbtlb-sty-1.small-table td {font-size:13px}
.button-pdf {width:25px;height:18px;line-height:18px;color:#fff;background:#4fb84f;font-size:9px;margin:0 auto}
.h2-box {display:flex;justify-content:space-between;align-items:center}
.h2-box h2 {font-size:20px;font-weight:600;color:rgb(34, 34, 34)}
.h4-box {display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.h4-box h4 {margin-bottom:0!important}
.button-detail {font-size:15px;color:rgb(34, 34, 34);text-align:center;height:30px;line-height:30px;border:1px solid rgb(204,204,204);border-radius:5px;min-width:70px;padding:0 7px}
.tab-elements .button-detail {color:#fff;border:1px solid #4fb84f;background:#4fb84f}
.accident-tabs li{flex: 1}
/*
.accident-tabs li:nth-child(1){flex: 1.5}
.accident-tabs li:nth-child(5){flex: 1.5} 
*/
.accident-tab-elements {position:relative}
.accident-tab-elements h4 {font-size:16px;color:rgb(34, 34, 34);font-weight:600;margin-bottom:10px}
.accident-tab-elements .button-detail {position:absolute;right:20px;top:20px}
.accident-tabs-wrap .tab-content.current {max-height: 3000px}
.div-sec {border-top:1px solid rgb(219,219,219);padding-top:20px}
.card-box h4 {font-size:16px;color:rgb(34, 34, 34);font-weight:600;line-height:24px;margin-bottom:10px}
.div-sec h4 {font-size:16px;color:rgb(34, 34, 34);font-weight:600;margin-bottom:10px}
.div-sec strong {display:block;font-size:16px;color:rgb(119,119,119);font-weight:600;margin-top:20px;margin-bottom:10px}
.acc-txt {display:block;color:#4fb84f!important;font-size:16px;line-height:24px}
.agree-box h4 {font-size:17px;color:rgb(34, 34, 34);font-weight:600;margin-bottom:10px;line-height:26px}
.agree-box .buttons {margin-top:20px;border-top:1px solid rgb(219,219,219);padding-top:20px}
.modal-box .modal-menu .modal-contents.acc-modal h3 {font-size:17px;line-height:26px;padding-right:40px;background:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px}
.acc-modal ul.db-ul {margin:0;padding:0;list-style-type:none}
.acc-modal ul.db-ul li {color:rgb(34, 34, 34);margin-bottom:10px}
.acc-modal ul.db-ul li:before {display:none}
.acc-modal ul.db-ul li p {margin-bottom:0;font-size:16px;line-height:25px;color:rgb(119,119,119);font-weight:400}
.acc-modal ul.db-ul li p.p-box {background:rgb(249,249,249);padding:15px}
.accident-item {border-bottom:1px solid rgb(219,219,219);}
.accident-item .fac {display:block;padding:13px 0}
.accident-item .fac.fac-radio > span::after{margin-top:6px;margin-left:14px}
.accident-item .fac.fac-radio > input[type=radio] + label:before{margin-top:2px;margin-left:14px}
.accident-item .fac label {font-size:17px;display:flex;justify-content:flex-start;align-items:center;width:330px;padding-left:55px}
.accident-item .fac label span.name {width:110px;padding-left:20px}
.accident-item .fac label span.birth {width:120px;padding-left:20px}
.accident-item .accordion-toggle {width:50px;position:absolute;right:10px;top:-50px}
.accident-item .accordion-content {border-top:1px solid rgb(219,219,219);padding:7px 15px}
.accident-item .accordion-content dl.accordion-detail-content dt {padding-left:0}
.accident-item .accordion-content dl.accordion-detail-content dd {padding-right:0}
.accident-item .fac-checkbox-round > span::after {margin-left:15px}
.accident-item .fac-checkbox-round > input[type=checkbox] + label:before {margin-left:15px}
.acc-tab-index {padding:0;justify-content:flex-start;}
.acc-tab-index li:first-child {width:55px;text-align:left;padding-left:9px}
.acc-tab-index li:nth-child(2) {width:110px}
.acc-tab-index li:nth-child(3) {width:120px}
.agree-txt {font-size:17px;line-height:26px;color:rgb(34,34,34)}
.agree-item {border-top: 1px solid rgb(219,219,219);padding:14px 0;overflow:hidden}
.button-allview {font-size:16px;color:rgb(34,34,34)}
.fac label.button-checkall {display:block;height:47px;line-height:47px;border-radius:47px;border:1px solid rgb(0,133,74);font-size:18px;color:rgb(0,133,74);width:100%;padding-left:0}
.fac-allcheck {width:100%;display:block}
.acc-sub-box {border-top:1px solid rgb(230,230,230);padding-top:20px}
.type-box .fac {padding:6px 0}
.type-box .fac label {margin-right:7px}
.pension-radio-box {display:inline-block}
.pension-radio-box .fac label {margin-right:4px;padding-left:25px}
.pension-radio-box:before {content:'('}
.pension-radio-box:after {content:')'}
input[type=date] {-webkit-appearance: none;height:47px;line-height:47px!important;border:1px solid rgb(219,219,219);border-radius:5px!important;font-size:17px;color:rgb(34,34,34);padding-left:10px;position:relative;padding-top:0!important}
input[type=date]:after {content:'';width:24px;height:24px;background-image:url(../../resources/images/common/calendar.svg);background-size: 24px 24px;display:block;position:absolute;top:10px;right:10px}
.date-box {display:flex;justify-content:space-between;align-items:center}
.date-box input[type=date] {width:160px}
.date-box .select-box {width:120px}
.radio-col-2 .fac {width:48%}
.receive-radios {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.receive-radios h4 {margin-bottom:0;width:130px}
.receive-radios .select-box {width:170px}
.card-box h3 a.button-detail {min-width:70px;height:30px;top:0}
.upload-box {display:flex;justify-content:space-between;align-items:center;padding-bottom:12px}
.upload-box span.upload-txt {font-size:17px;line-height:26px;color:rgb(119,119,119)}
.upload-box a.button-upload {font-size:17px;line-height:26px;color:rgb(34,34,34)}
.modal-box .modal-menu .modal-contents .accident-tabs-wrap {padding:10px 5px}
.modal-box .modal-menu .modal-contents .accident-tabs-wrap ul {margin:0}
.modal-box .modal-menu .modal-contents.ul-no-m ul {margin:0}
.file-list-wrap {padding:10px 20px}
.file-buttons	{display:flex;justify-content:flex-end;align-items:center;padding-bottom:10px}
.file-buttons	a {margin-left:10px}
.file-item {display:flex;align-items:start;padding:10px 0;border-bottom:1px solid rgb(219,219,219)}
.file-item .fac {margin-left:20px;display:block}
.file-item .file-name {margin-left:20px}
.file-tab-index {border-top:1px solid rgb(34, 34, 34);justify-content:flex-start;padding-left:0}
.file-tab-index li:first-child {width:60px}
.buttons a:nth-child(n+2) {margin-left:10px}
.input-file { display:block;width:70px;height:30px } 
.input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; } 
.input-file .file-label { font-size:15px;color:rgb(34, 34, 34);text-align:center;height:30px;line-height:30px;border:1px solid rgb(204,204,204);border-radius:5px;width:70px;margin-top:-30px}
.user-form .inline-form {padding:0 0 20px;justify-content:flex-start}
.user-form .inline-form label {width:65px}
.user-form .inline-form .input {width:227px}
.user-form .inline-form.input-phone .select-box {width:70px;}
.user-form .inline-form.input-phone .select-box select {padding-left:10px}
.user-form .inline-form.input-phone .input {width:70px;margin-left:10px}
.user-form .inline-form.input-address {flex-wrap: wrap;}
.user-form .inline-form.input-address .input {width:96px}
.user-form .inline-form.input-address span {margin:0 8px;font-size:20px}
.user-form .inline-form.input-address .select-box {width:227px;margin:10px 0 0 65px}
.change-radio-box {display:flex;justify-content:space-between;align-items:center;padding:0 30px}
.accident-card dl.card-box-content dt {width:50%;font-size:14px}
.accident-card dl.card-box-content dd {width:50%;font-size:14px}
.accident-card-2 dl.card-box-content dt {width:30%}
.accident-card-2 dl.card-box-content dd {width:70%}
.accident-box.accordion-box .accordion-dbstyle-1 .accordion-toggle .accordion-title-ul {color:rgb(119,119,119); font-size: 17px; }
.accident-box.accordion-box h3 {margin-bottom:10px}
.h2-tit {font-size:22px;color:#fff;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}
.pp-box	{display:flex;background:rgb(247,247,247);border-top:1px solid #000;margin-top:-1px}
.pp-box span {flex:1}
.pp-tit	{font-size:16px;color:rgb(34,34,34);padding:15px 0 15px 20px;line-height:20px}
.pp-tit:not(:first-child) {border-left:1px solid rgb(214,214,214)}
.pp-sub-tit	{display:block;font-size:13px;color:rgb(115,115,115);padding-left:12px}
.inline-box {display:inline-block!important}
.pp-box-2 {font-size:16px;color:rgb(119,119,119);padding:15px 12px;border-top:1px solid rgb(214,214,214);border-bottom:1px solid rgb(214,214,214);line-height:25px}
.no-bot-border {border-bottom:none!important}
.db-p {font-size:16px;color:rgb(119,119,119);line-height:26px;padding-top:16px;margin-bottom:20px}
.db-p-2 {font-size:16px;color:rgb(34,34,34);line-height:26px;padding-top:16px;margin-bottom:10px}
h4 + .db-p {padding-top:0}
.button-download {width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid rgb(204,204,204);border-radius:5px;padding:12px 20px}
.button-download span {font-size:15px;color:rgb(34,34,34)}
.down-buttons a:last-child {margin-top:15px}
.call-box {display:flex;justify-content:center;align-items:center;height:62px;background:rgb(249,249,249);border-bottom:1px solid rgb(219,219,219);margin:-20px -20px 20px}
.call-box img {width:28px;height:28px;margin-right:5px}
.call-box strong {font-size:22px;color:rgb(34,34,34)}
.db-ul-2 {margin:0;padding:0;list-style-type:none}
.db-ul-2 li {display:flex;}
.db-ul-2 li span.call-step {display:flex;align-items:center;justify-content:center;font-size:18px;color:rgb(34,34,34);background:rgb(234,234,234);height:40px;width:40px;border-radius:40px;margin-right:13px;font-weight:600}
.db-ul-2 li span.call-txt {font-size:16px;color:rgb(119,119,119);line-height:24px;width:240px}
.db-ul-2 li span.call-txt strong {font-size:17px;color:rgb(34,34,34);margin:0;line-height:26px}
.input-address h4 {display:flex;align-items:center;justify-content:space-between;font-size:18px;color:rgb(34,34,34)}
.input-info-box {font-size:15px;color:rgb(119,119,119);line-height:22px}
.address-wrap {border-bottom:1px solid rgb(219,219,219);padding-bottom:20px;margin-bottom:20px}
.mail-txt {font-size:17px;color:rgb(34,34,34)}
.before-txt {font-size:17px;color:rgb(34,34,34);width:calc( 100% - 65px );height:50px;line-height:50px}
.address-forms {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.no-bottom {padding-bottom:0!important;margin-bottom:0!important}
.card-box.bg-card {border:none;border-radius:0;background:rgb(249,249,249)}
.modal-buttons {border-top:1px solid rgb(219,219,219);padding-top:20px}
.modal-buttons a {width:140px}
.address-multi-form {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:calc( 100% - 70px );}
.address-pop-forms .inline-form {align-items:flex-start}
.button-post {color:#fff;font-size:16px;width:77px;height:40px;line-height:40px;background:rgb(120,120,120);border-radius:5px;text-align:center}
.address-modify {width:calc( 100% - 55px );}
.address-multi-form .fac-checkbox > span::after {margin-top:15px}
.address-multi-form .fac-checkbox > input[type=checkbox] + label:before {margin-top:15px}
.address-search {position:fixed;left:0px;right:0px;top:0;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);padding: 0;overflow: scroll;-webkit-overflow-scrolling: touch;max-height:100%;}
.address-search h3 {font-size: 20px;border-bottom: 1px solid rgb(119,119,119);margin-bottom: 10px;padding: 15px 0 14px 23px;font-weight: 600}
.address-search.active-address-search {display:block;background:#fff;}
.post-ul {display:flex;justify-content:center;align-items:center;border:1px solid rgb(0,133,74);border-radius:5px;list-style-type:none;padding:0;margin:0}
ul.post-ul.tabs li {text-align:center;height:47px;line-height:47px;margin-bottom:0;font-size:16px;color:rgb(0,133,74);width:100%;border:none;border-radius:0;padding:0}
ul.post-ul.tabs li.current {background:rgb(0,133,74);color:#fff}
.post-search-wrap {padding:10px 20px}
.post-search-wrap .inline-form {padding:7px 0}
.post-search-wrap .inline-form label {width:70px}
.button-post-search {font-size:15px;color:rgb(34,34,34);text-align:center;width:70px;height:47px;line-height:47px;border:1px solid rgb(204,204,204)}
.search-info {font-size:15px;color:rgb(119,119,119);line-height:22px;}
.step-tit {font-size:17px;color:rgb(34,34,34);line-height:24px;margin-bottom:10px}
.step-tit strong {font-size:18px;display:inline-block;margin:0}
.block-form {margin-top:10px}
.block-form label {font-size:17px;color:rgb(119,119,119)}
.button-address-check {font-size:15px;color:#fff;text-align:center;width:77px;height:47px;line-height:47px;background:rgb(120,120,120);border-radius:5px}
span.post-result {display:block;font-size:17px}
.post-tab-content.tab-content {max-height:2000px}
.post-tab-content.tab-content .tab-elements {padding:0;border:none;}
.post-tab-content.tab-content.current {max-height:2000px}
.inline-form .multi-elements {display:flex;justify-content:space-between}
.sub-label {font-size:17px;color:rgb(119,119,119)}
.address-search i {position:fixed;right:20px;top:20px}
.phone-inline {padding:0 0 10px 0;align-items:flex-start}
.phone-inline label {width:105px;height:50px}
.phone-inline .phone-input {width:calc( 100% - 105px );display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.input-info {width:100%;font-size:15px;color:rgb(119,119,119)}
.result-p {font-size:17px;color:rgb(34, 34, 34);line-height:28px;margin-bottom:0}
.button-useguide {font-size:15px;min-width:70px;height:30px;border-radius:5px;background:#fff;color:rgb(254,117,75);text-align:center;padding-left:10px;padding-right:10px}
.db-tabs.tab-col-2 li {flex:1}
.banks-wrap h4 {font-size:18px;color:rgb(34,34,34);margin-bottom:15px}
h4 + .select-radios {border-top:1px solid rgb(34, 34, 34)}
.select-radios {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(219,219,219)}
.select-radios > span {font-size:16px;color:rgb(119,119,119);background:rgb(247,247,247);padding:12px;width:126px;line-height:24px}
.banks-wrap .fac-checkall {width:100%;padding:13px 15px;border-top:1px solid rgb(34, 34, 34);background:rgb(247,247,247);border-bottom:1px solid rgb(219,219,219)}
.banks-wrap .fac-checkall.fac-checkbox > span::after {margin-left:15px;}
.bank-box {padding:15px 0 15px 15px;border-bottom:1px solid rgb(219,219,219)}
.bank-box .fac label {margin-right:5px}
.bank-box div:nth-child(5) label {min-width:85px}
.bank-box div:nth-child(7) label {min-width:125px}
.bank-box div:nth-child(9) label {min-width:152px}
.bank-inline-form {padding:10px 0;;border-bottom:1px solid rgb(219,219,219)}
.multiselect {border:1px solid rgb(219,219,219);border-radius:5px;margin:15px 0;padding:10px}
.multiselect select {width:100%;font-size:17px;color:rgb(119,119,119);}
.bank-wrap {border-top:1px solid rgb(34, 34, 34);padding-top:15px}
.warning-box {border-top:1px solid rgb(219,219,219);padding:15px 0}
dl.card-box-content.banks-box-dl dt {width:70%}
dl.card-box-content.banks-box-dl dd {width:30%}
.date-txt {font-size:17px;display:block;margin:0 5px}
.banks-result-item dl.card-box-content {margin-top:0}
.no-padlr {padding-left:0;padding-right:0}
.market-inline-form {display:flex;justify-content:space-between;align-items:center;padding:0px;}
.market-inline-form label {width:90px;font-size:17px;color:rgb(119,119,119);}
.market-inline-form .fac-radio span:after {margin-top:5px}
.market-inline-form .fac-radio > input[type=radio] + label:before {margin-top:5px}
.market-multi-form {justify-content:flex-end}
.banks-wrap h3 {font-size:18px;line-height:24px;}
.banks-wrap h5 {font-size:17px;line-height:26px;margin-bottom:10px;font-weight:600}
.guide-box {border-radius:5px;border:1px solid rgb(219,219,219)}
.guide-box .guide-tit {display:block;font-size:16px;font-weight:600;color:rgb(34, 34, 34);background:rgb(245,245,245);padding:12px 0;text-align:center}
.guide-box .guide-tit .guide-num {border-radius:26px;background:#e5e5e5;display:inline-block;width:26px;height:26px;line-height:27px;}
.guide-box p {padding:15px;margin:0}
.accordion-dbstyle-1.bank-acc-item {padding:0}
.accordion-dbstyle-1.bank-acc-item span {font-size:17px;color:rgb(119,119,119);font-weight:600;line-height:26px;padding-right:20px}
.accordion-dbstyle-1.bank-acc-item .accordion-toggle {height:auto;min-height:50px;padding:10px 0}
.bottom-black {border-bottom:1px solid rgb(34, 34, 34);padding-bottom:20px}
.ten-box h4 {font-size:18px;color:rgb(34,34,34);font-weight:600}
.campaign-tit {font-size:22px;color:rgb(34,34,34);text-align:center;line-height:32px;margin-top:20px;margin-bottom:20px;font-weight:600}
.financial-img {width:142px;height:148px;margin:0 auto}
.campaign-sub-tit {font-size:18px;color:rgb(34,34,34);text-align:center;line-height:24px;margin-top:20px;margin-bottom:20px;font-weight:600}
.campaign-steps {border-top:1px solid rgb(34,34,34);margin-top:38px;padding-top:26px}
.campaign-steps ul.db-ul-2 li {padding:22px 0}
.campaign-steps ul.db-ul-2 li:not(:last-child) {border-bottom:1px solid rgb(219,219,219)}
.product-input-item > label {font-size:18px;color:rgb(34,34,34);font-weight:600;display:block;margin-bottom:10px}
.product-input-item > label sup.required {color:rgb(79,184,79)}
.product-input-item {margin-bottom:28px}
.product-input-item .inline-form {padding:0}
.instype-radio-box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.instype-radio-box .fac-radio-round {width:31%}
.fac-radio-round label {font-size:16px;color:rgb(34,34,34);border:1px solid rgb(219,219,219);border-radius:5px;height:43px;line-height:43px;padding:0;margin:0 0 10px 0;text-align:center}
.fac-radio-round > input:checked + label {border:1px solid rgb(79,184,79);color:#fff;background:rgb(79,184,79)}
.text-count-box {font-size:16px;color:rgb(119,119,119)}
.product-form h3 {font-size:18px}
.pro-agree-box {border:1px solid rgb(219,219,219);background:rgb(249,249,249);border-radius:5px;padding:15px 40px 15px 15px}
.pro-agree-box h4 {font-size:16px}
.pro-agree-radios.inline-form {padding:0}
.pro-agree-radios.inline-form label {height:30px;line-height:30px}
.pro-agree-item .accordion-toggle {position:absolute;display:block;width:50px;height:50px;top:-75px;right:0;padding-left:0}
.pro-agree-item .accordion-toggle i {right:0}
.pro-agree-item .accordion-content {padding:20px 0}
.pro-agree-item .accordion-content p strong {font-size:16px}
.pro-agree-item .accordion-content p + p {padding-top:0}
.login-img2 {width:109px;height:109px;margin:20px auto 0}
.login-h2 {color:rgb(34,34,34);font-weight:600}
.login-info-box {border-top:1px solid rgb(34,34,34);border-bottom:1px solid rgb(219,219,219);padding:16px 0}
.login-info-box h4 {font-size:16px;color:rgb(34,34,34)}
.login-info-box p {font-size:15px;color:rgb(119,119,119);line-height:22px;margin-bottom:0!important}
.no-border-input {height:30px;width:80%;text-align:right;font-size:16px;padding:0;color:rgb(119,119,119)}
.base-date {font-size:15px;color:rgb(119,119,119);font-weight:400}
table.dbtlb-sty-1 .right-border {border-right:1px solid rgb(219,219,219)}
.f-small th {font-size:15px!important}
.bullet-dl dt {position:relative;padding-left:5px;width:50%}
.bullet-dl dd {width:50%}
.bullet-dl dt:before {content:'';display:block;position:absolute;left:-7px;top:12px;width:4px;height:4px;border-radius:4px;background:rgb(119,119,119)}
.date-condition-box {display:flex;justify-content:space-between;align-items:center}
.date-condition .fac-radio-round label {height:30px;line-height:30px;font-size:14px;margin-bottom:0;min-width:50px}
.ui-datepicker-trigger {margin-left:-45px}
.product-tit-box {height:140px;position:relative;background-size: cover;}
.product-tit-box h1 {position:absolute;font-size:28px;color:#fff;font-weight:600;left:20px;bottom:29px;z-index:1}
.product-call {font-size:17px;color:rgb(34,34,34);height:47px;line-height:46px;display:block;width:50%;text-align:center;background:rgb(247,247,247);border-bottom:1px solid rgb(230,230,230)}
.product-call i {color:rgb(190,190,190)}
.product-box .accordion-box {border:none;border-radius:0;padding-bottom:0}
.product-box .accordion-item {position:relative}
.product-box .accordion-content.half-bottom {padding-top:15px;padding-bottom:0;margin-bottom:0}
.product-toggle {height:47px;line-height:46px;display:flex;justify-content:center;align-items:center;width:50%;text-align:center;background:rgb(247,247,247);font-weight:400;position:absolute;right:0;top:-47px;z-index:1;border-left:1px solid rgb(230,230,230);border-bottom:1px solid rgb(230,230,230);}
.product-toggle span {font-size:17px;color:rgb(34,34,34);}
.product-toggle i {position:static;right:auto;}
.product-ul {padding:0;margin:0;list-style-type:none}
.product-ul li a {display:flex;align-items:center;position:relative;font-size:17px;color:rgb(119,119,119);padding:13px 0;border-bottom:1px solid rgb(190,190,190);padding-right:30px;min-height:75px}
.product-ul li:last-child a {border-bottom:0}
.product-ul li a:after {content:'\e93e';font-family: xeicon!important;position:absolute;top:50%;right:0;margin-top:-12px}
.product-subtit-box {height:300px;position:relative;background-size: cover;}
.product-subject {position:absolute;color:#fff;left:40px;top:40px;z-index:1}
.product-subject h1 {font-size:28px;line-height:34px;width:280px;font-weight:600}
.product-subject .product-subtit {display:inline-block;font-size:16px;line-height:26px;width:280px;margin-top:10px}
.product-subject .button-cal {display:inline-block;font-size:16px;line-height:40px;min-width:140px;margin-top:20px;border-radius:40px;text-align:center;color:#fff;border:1px solid #fff}
.product-subject .button-view {display:inline-block;font-size:16px;line-height:40px;min-width:140px;margin-top:20px;border-radius:40px;text-align:center;color:#fff;border:1px solid #fff;margin-left:10px}
.product-content h3 {font-size:20px;line-height:27px;color:rgb(34,34,34);font-weight:600;margin-bottom:15px}
.product-content p.pro-p {font-size:17px;line-height:26px;color:rgb(34,34,34);margin-bottom:15px}
.product-content ul.pro-content-ul li .etc-info {color:rgb(79,184,79);}
.product-feature {padding-top:40px;}
.product-feature img {width:100%}
ul.pro-content-ul {margin:20px;list-style-type:none;padding:0}
ul.pro-content-ul li {padding:20px 20px 40px;margin:20px 0;border-bottom:1px solid rgb(219,219,219)}
ul.pro-content-ul li p.pro-p {margin-bottom:0}
ul.pro-content-ul li .etc-info {margin-top:15px}
.pro-step {display:block;font-size:18px;color:#fff;background:rgb(79,184,79);width:40px;height:40px;line-height:39px;border-radius:40px;text-align:center;margin-bottom:15px}
.acci-accordion-item a {padding-left:0;display:flex;justify-content:space-between;align-items:center}
.acci-accordion-item a h2 {font-size:18px;font-weight:600;color:rgb(34,34,34);}
.acci-accordion-item .accordion-content {padding:0}
h3.with-button {display:flex;justify-content:space-between;align-items:center}
.product-info {padding:20px 40px;margin-bottom:60px}
.product-info ul {padding-left:15px;}
.product-buttons {position:fixed;display:flex;width:100%;align-items:center;bottom:0;left:0;height:58px;}
.product-buttons a {font-size:18px;display:block;text-align:center;height:58px;line-height:57px;}
.product-buttons a.button-cal2 {width:50%;background:#8dc220;color:#fff}
.product-buttons a.button-request {width:50%;background:rgb(0,133,74);color:#fff;}
.company-top {padding:20px;margin-bottom:5px}
.company-box {display:flex;justify-content:center;align-items:center;height:160px;background:url(../../resources/images/company/company01.png) no-repeat left top;background-size:100% auto;margin:-20px -20px 0}
.company-box strong {font-size:22px;line-height:30px;color:#fff;font-weight:600;text-align:center}
.company-box-ccm {display:flex;justify-content:center;align-items:center;height:160px;background:no-repeat left top;background-size:100% auto;margin:-20px -20px 0;font-size:18px;color:#fff;text-align:center;}
.company-box-ccm strong {font-size:13px;line-height:20px;font-weight:600}
/*[DBLI START] CCM 홍보 PDF 다운로드 버튼 css 추가 | 신제원  | 2024.07.16 */
.company-brochure-content .button-pdf {width:75px;height:25px;line-height:25px;color:#fff;background:#4fb84f;font-size:9px;margin:0 auto;text-align:center;}
/*[DBLI END] CCM 홍보 PDF 다운로드 버튼 css 추가 | 신제원  | 2024.07.16 */
p.company-p {margin-bottom:0!important}
.company-p strong {color:rgb(34,34,34)}
.chart-box {position:relative;margin:58px 0 0}
.chart-box:after {content:'';position:absolute;width:100%;height:1px;border-top:1px solid rgb(219,219,219);left:0;bottom:30px}
.chart-tit {display:block;font-size:18px;color:rgb(34,34,34);font-weight:600;margin-bottom:7px}
.chart-subtit {display:block;font-size:16px;color:rgb(119,119,119);margin-bottom:-5px}
.chart-money {font-size:50px;color:rgb(79,184,79);font-weight:600}
.chart-money .unit {font-size:20px;}
.charts {display:flex;justify-content:space-between;align-items:flex-end}
.chart-unit {font-size:15px;color:rgb(119,119,119);margin-bottom:30px}
.chart-num, .chart-name {font-size:17px;color:rgb(119,119,119);font-weight: bold;}
.chart-active .chart-num, .chart-active {color:rgb(79,184,79)}
.chart-item {display:flex;flex-direction:column;align-items:center}
.chart-bar {width:34px;height:61px;background:rgb(219,219,219)}
.charts-1 .chart-2 .chart-bar {height:87px}
.charts .chart-active .chart-bar {height:124px;background-image: linear-gradient(rgb(48,174,133),rgb(91,181,103))}
.charts-2 .chart-1 .chart-bar {height:124px}
.charts-2 .chart-2 .chart-bar {height:106px}
.charts-2 .chart-active .chart-bar {height:87px}
.vertical-chart.border-top {border-top:1px solid rgb(219,219,219);padding-top:58px}
.vertical-chart:after {display:none}
.vertical-chart .chart-money {font-size:50px;font-weight:600; color: #009900;}
.vertical-chart .chart-money .unit {font-size:20px; color: #009900;}
.vertical-chart .charts {display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.vertical-chart .chart-item {display:flex;flex-direction:row;align-items:center;margin-bottom:20px;}
.vertical-chart .chart-bar {height:34px;width:75px;background:rgb(128,128,128);border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.vertical-chart .charts-1 .chart-2 .chart-bar {width:98px;height:34px}
.vertical-chart .charts-1 .chart-active .chart-bar {width:136px;height:34px}
.vertical-chart .charts .chart-active .chart-bar {background-image: linear-gradient(to right,rgb(154,205,50),rgb(129,193,71))}
.vertical-chart .chart-num {margin-left:10px;}
.vertical-chart .chart-name {margin-right:10px}
.vertical-chart .chart-unit {margin-top:-10px;margin-left:65px;margin-bottom:0;display:block;text-align:left;width:100%}
.ceo-box {display:flex;position:relative;justify-content:space-between;align-items:flex-start;margin:40px -20px 10px}
.ceo-box:after {content:'';position:absolute;left:20px;bottom:0;display:block;width:100%;height:1px;border-top:1px solid rgb(34,34,34)}
.ceo-tit {padding:0 0 0 20px}
.ceo-tit img {height:35px;width:63px;margin-bottom:10px}
.ceo-tit h2 {font-size:26px;line-height:35px;color:rgb(34,34,34)}
.vision-box h2 {font-size:28px;line-height:35px;color:rgb(34,34,34);text-align:center;padding:20px 0 40px;border-bottom:1px solid rgb(34,34,34)}
.company-img-box {margin:40px 0 20px}
.company-img-box img {width:100%}
.vision-p {font-size:17px;line-height:26px;color:rgb(34,34,34);text-align:center}
.vision-p span {font-size:20px;display:block;font-weight:600;margin-top:7px}
.vision-wrap.border-bottom {border-bottom:1px solid rgb(219,219,219);padding-bottom:30px;margin-bottom:50px}
.vision-item {display:flex;align-items:center;margin:20px 0}
.vision-item img {margin-right:20px}
.vision-item-txt h4 {font-size:20px;color:rgb(34,34,34);margin-bottom:7px;font-weight:600}
.vision-item-txt p {font-size:17px;line-height:26px;color:rgb(34,34,34);margin-bottom:0}
.coverpage-center h3 {padding-bottom:11px;letter-spacing:-1px}
.coverpage-center p {letter-spacing:-1px}
.dropdown-animated .dm1, .dropdown-animated .dm2 {width:7px}
.sidebars-light .submenu .depth-1:not(:last-child):after {content: '';position: absolute;display: block;width: 80%;height: 1px;right: 0;bottom: 0;border-bottom: 1px solid rgba(0,0,0,0.08);z-index: 1;}
.sidebars-light .submenu .depth-2:not(:last-child):after {width:80%}
.page-preloader {background:rgba(255,255,255,.6)}
.header-logo-center .header-icon-3 {right:55px;width:30px}
.header-logo-center .header-icon-3 img {width:26px;height:26px}
.header-logo-center a.close-window {position: absolute;right: 0;top:0;display: inline-block;width: 20px;height: 20px;vertical-align: middle;text-align: center;padding:21px 15px;box-sizing: content-box;}
.header-logo-center a.close-window i{font-size: 22px;color: rgb(128,134,140);}
.app-icons {display:flex;justify-content:space-between;align-items:center;padding:20px}
.app-icons a {display:block;width:45%}
.app-icons a img {width:100%}
.app-ul {display:flex;flex-wrap:wrap}
.app-ul li {width:50%;display:block}
.market-checkboxes {margin-left:10px;}
.market-checkboxes .fac {height:30px}
.market-call-checkboxes {display:flex;flex-wrap:wrap}
.market-call-checkboxes .fac {width:50%}
.mutliSelect {overflow-y:scroll;height:100px}
.mutliSelect, .multiresult {border: 1px solid rgb(219,219,219)}
.multiresult {min-height:32px}
.mutliSelect ul, .multiSel {padding:0;margin:0;list-style-type:none;}
.mutliSelect ul input {display:none}
.mutliSelect ul input:checked + label {color:rgb(34,34,34);font-weight:600}
.mutliSelect ul li, .multiSel li {padding:3px 5px;font-size:15px;margin-bottom:0;color:rgb(119,119,119)}
.scrollbar-1::-webkit-scrollbar{display:block}
.scrollbar-1::-webkit-scrollbar-track{border-radius: 10px;background-color: #F5F5F5;}
.scrollbar-1::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.scrollbar-1::-webkit-scrollbar-thumb{	border-radius: 10px;background-color: rgb(219,219,219);}
.boards-event .notice-box img {width:100%}
.button-xxs {display:block;font-size:12px;color:rgb(34,34,34);border:1px solid rgb(219,219,219);line-height:19px;height:20px;padding:0 3px}
.small-table .button-xxs {height:40px;line-height:39px;margin:-10px 0}
.button-xxs-dl {display:block;font-size:12px;color:rgb(34,34,34);/* border:1px solid rgb(219,219,219); */height:28px;padding:0 3px;line-height:27px;min-width:110px;margin-bottom:0;border-radius:28px}
.header-light.change-logo .header-logo {width:99px;text-align:center}
.header-light.change-logo .header-logo img {margin: 0 auto}
.company-info {margin-left:-20px;margin-right:-20px;margin-top:92px;background:rgb(238,238,238);padding-bottom:30px;}
.company-info dl {display:flex;flex-wrap:wrap;margin:0 20px;padding-top:10px}
.company-info dt {width:69px}
.company-info dd {width:calc( 100% - 69px)}
.company-span {font-size:16px;color:rgb(119,119,119)}
.company-p2 {font-size:18px;color:rgb(34,34,34);font-weight:600;margin-top:-5px;margin-bottom:0}
.ceo-signs {display:flex;margin-top:50px}
.ceo-signs p {font-size:13px;color:rgb(34,34,34);line-height:normal}
.ceo-signs img {width:142px;height:42px;margin-left:30px}
.product-num-txt {display:block;font-size:13px;}
.product-content .tab-content {margin-top:5px;max-height:100%;padding-bottom:80px}
.header-icon-24{position:absolute;top:0px;right:40px;float:right;}
.header-icon-26 img{width:26px;height:26px;}
.header-icon-24 img{width:24px;height:24px;}
.header-icon-30{position:absolute;top:2px;right:40px;float:right;}
.header-icon-30 img{width:30px;height:30px;}
.sidebars-light .submenu .depth-1:before {content:"";position:absolute;display:block;left:90px;top:27px;width:7px;height:1px;border-top:1px solid rgb(34,34,34)}
.sidebars-light .submenu .depth-1 span {padding-left: 45px;}
.sidebars-light .submenu .depth-2:before {left:105px}
.sidebars-light .submenu .depth-2 span {padding-left: 60px;}
dl.accordion-title-dl.special-dl dt {width:60%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;}
dl.accordion-title-dl.special-dl dd {width:40%}
.email-box label {width:100%!important}
.email-box input.email-1 {width: calc( 50% - 18px )!important;}
.email-box input.email-2 {width: calc( 50% - 18px )!important;}
.email-box .email-select {margin-left:0!important;width:100%!important}
.product-inline-form {display:flex;align-items:center}
.product-input-item.product-inline-form > label {margin-bottom:0;width:150px}
.bank-tab a {font-size:12px!important;}
.bank-h2 {font-size:18px!important;font-weight:600;margin-bottom:10px;}
.mega-ul-small {padding:0;margin:0;list-style-type:none;}
.mega-ul-small li {margin-bottom:0;padding-left:12px;}
.mega-ul-small li:before {content:'-';margin-left:-12px;display:inline-block;width:12px}
span.span-special {display:inline-block;padding-left:14px;}
span.span-special:before {content:'※';margin-left:-14px;display:inline-block;width:14px}
.product-content ul.tabs li {border-width:2px}
.product-content .accident-box .accordion-dbstyle-1 .accordion-content {background:#f7f7f7;padding:14px}
.papers ul.tabs {margin-top:70px!important}
.papers ul.tabs li {background:#fff;font-size:13px;line-height:1.5;border-bottom:1px solid rgb(113,128,246);display:flex;align-items:center;justify-content:center}
.papers ul.tabs li.current {color:rgb(113,128,246);border:1px solid rgb(113,128,246);border-bottom:1px solid #fff}
.papers .tab-content {max-height:100%;margin-top:5px;}
.papers .tab-content .card-box {border-radius:0;border-top:none}
.ui-datepicker-trigger {display:none}
.event-info-alert {background:#f5f5f5;padding:20px;}
.event-info-alert ul {margin:0!important}
.event-info-alert li {margin-bottom:0!important}
.event-info-alert li, .event-info-alert td {font-size:11px;line-height:1.2;color:rgb(119,119,119)!important}
.event-info-alert td {border:1px solid #e5e5e5}
.select-box select {width:89.9%}
.selected-box {font-size:17px;color:rgb(34,34,34);padding-left:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap: break-word;width:89.9%}


/* 08-28 */

.date-box input[type=date] {width:48%}
input[type=date]:after {content:'';display:none}
.small-table .button-xxs {height:40px;line-height:39px;margin:-10px -2px;background:#4fb84f;color:#fff}
.txt-indent-1 {display:inline-block;margin-left:10px;text-indent:-10px}
.txt-indent-2 {display:inline-block;margin-left:10px;text-indent:-14px}
.td-border-left {border-left: 1px solid rgb(219,219,219)}
.app-icons a {display:block;text-align:center;background:#fff;border-radius:10px;width:calc( 50% - 5px )}
.app-icons a img {width:55px;height:55px;margin:14px auto 10px}
.app-icons a p {color:rgb(119,119,119);font-size:15px;margin-bottom:14px;line-height:1.2}
.app-icons a p span {font-size:11px;display:block}


.expand-less i{
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	margin-top: 6px;
}
.expand-less.rotate_180 i {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


.page-preloader svg {
	left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -45px;
    margin-top: -45px;
}
.page-preloader svg path,
.page-preloader svg rect {
	fill:#4fb84f; 
}
.page-preloader {
    background: rgba(0,0,0,.6);
}
.page-preloader img {
	position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -13px;
    width: 50px;
}
/* 250526 삭제 */
/* .footer-light {
	padding-top: 15px!important;
} */

.dm1 {
    margin-left: -4px;
    transform: rotate(49deg);
}
.dm2 {
    margin-left: 0px;
    transform: rotate(-49deg);
}

.dropdown-animated .dm1, .dropdown-animated .dm2 {
    width: 6px;
}
.menu-options .gnb_icon+span {
    font-size: 19px;

}
.sidebars-light .submenu .depth-1 span {
    font-size: 18px;
}

.menu-options a {
	line-height: 53px;
    height: 53px!important;
}
/* .sidebars-light .submenu .depth-2 {
    line-height: 48px;
    height: 48px!important;
} */

.sidebars-light .close-sidebar i{
	color: rgb(128,134,140);
}

.menu-options span {
	padding-top: 15px;
}

.menu-footer {
	background: #f2f2f2;
	overflow: hidden;
	height: 60px;
}
.menu-footer span.menu_bt_line {
    background: #f2f2f2;
    padding-top: 18px;
    font-size: 13px;
}

.menu-options i:first-child {
	margin-left: 4px;
}
.gnb_icon img {
    width: 40px;
    height: 40px;
}
.card-box-2 {
	padding-bottom: 15px;
}

.card-box-2 .db-ul-2 {
	margin-bottom: 0;
}
.agency-content li i img {
	width: 14px; 
}
.product-content ul.tabs li {
	border: none;
	border-bottom: 2px solid rgb(219, 219, 219);
}
.product-content ul.tabs li.current {
	border: none;
    border-bottom: 2px solid rgb(0, 133, 74);
}

.product-buttons a i{
    vertical-align: middle;
    margin-top: -1px;
}

.product-buttons a:hover,.product-buttons a:active{
	opacity: 0.7;
}

.accident-box .accordion-dbstyle-1 .accordion-toggle {
	height: auto;
    line-height: 1;
	padding: 12px 20px 12px 0;
}

.nochangecost-pro-info .etc-info{
	font-size: 15px; 
}

.accordion-box .product-call i {
	font-size: 24px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
}

.accordion-box .product-toggle i {
    position: static;
    right: auto;
    vertical-align: middle;
    margin-top: 2px;
    margin-left: -4px;
}

.product-subtit-box {
	/* background-color: #000;  */
}

.product-subject .button-view {
	font-size: 13px; 
	background-color: #fff; 
	color: rgb(34,34,34); 
	min-width: 140px;
	line-height: 38px;
	margin-top: 25px;
}

.product-subject h1 {
	font-size: 26px; 
}

.product-subject .button-cal {
	font-size: 13px; 
	background-color: #fff;
	color: rgb(34,34,34);  
	min-width: 140px;
	line-height: 38px;
	margin-top: 25px;
}

.product-subject .button-cal:hover,.product-subject .button-view:hover {
	opacity: 0.7; 
}

.useguide-box .db-p {
	font-size: 15px; 
	line-height: 23px;
	margin-bottom: 15px; 
}

.card-box h4 {
	  
}

table.dbtlb-sty-1 th {
	font-size: 15px; 
	padding: 10px 0;
}

table.dbtlb-sty-1 td {
	font-size: 15px; 
}

.db-ul li {
	font-size: 15px; 
	line-height: 22px;
}

.db-ul li p{
	padding-left: 10px;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 13px;
}

.sidebars-light .submenu .depth-2 span {
	font-size: 17px; 
}

.dbicons {
	bottom: 44px;
}

.dbicon i {
	margin-bottom: 0; 
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 200px;
}

.button-s {
	/* border: 2px solid rgb(0, 133, 74)!important; */
	height: 49px !important;
	padding: 0px 30px;
}

.insurances .button-s {
	margin-top: 10px;
}

.insurance-box .fac-default {
	padding: 16px 20px 16px;
}

ul.tabs li {
	font-size: 17px; 
}

.tab-elements .direct-form {
	display: block;
}

.tab-elements .direct-form .select-box{
	width: 100%;
	display: block;
	margin-bottom: 8px;
}

.tab-elements .direct-form input {
	width: 100%;
	display: block;
}

.accounts ul.tabs li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 0;
}

.accounts ul.tabs li:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 5px;
}

.accounts .tab-elements {
	margin-top: 2px;
}

.papers ul.tabs li.current {
	color: rgb(0, 133, 74);
	border: 1px solid rgb(0, 133, 74);
	border-bottom: 1px solid #fff;
}

.papers ul.tabs li {
	border-bottom: 1px solid rgb(0, 133, 74);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-size: 16px; 
}

.papers ul.tabs li:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 0;
}

.papers ul.tabs li:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 5px;
}

.notice-content img{
	max-width: 100%; 
}

.papers .tab-content {
	margin-top: 4px; 
}

table.dbtlb-sty-1 td.left-text {
	border-left: 1px solid rgb(219,219,219);
}

.accident-tabs-wrap ul.tabs{
	margin-top: -5px!important;
}
.modal-box .modal-menu {
	padding-bottom: 20px;
	overflow: hidden;
}

.modal-box .modal-menu .modal_title {
	padding-right: 40px;
	background: #f5f5f5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid rgb(119,119,119);
	margin-bottom: 10px;
	padding: 15px 0 14px 23px;
	/*     
    position: fixed;
    top:0;
    left: 0; 
    z-index: 99; 
	width: 100%;
	*/
}

.modal-box .modal-menu .modal_title h3 {
	font-size: 15px;
	line-height: 26px;
	font-weight: 600;
	width: 85%; 
}

.modal-box .modal-menu .modal-contents {
	/* padding-top: 70px;  */
}

.modal-menu {
	max-height: 100%; 
}

body.on,html.on {
	overflow-y: hidden;
}

body,html {
	overflow-y:visible;
}

.call-box strong a{
	font-size: 22px;
    color: rgb(34,34,34);
}

.acci-accordion-item a h2 {
	width: 92%;
}

.acci-accordion-item a {
	align-items: inherit;
    vertical-align: text-top;
	border-bottom: 1px solid rgb(219,219,219);
	padding: 12px 20px 12px 0;
}

.acci-accordion-item a h2 {
	color: rgb(119,119,119);
    font-size: 17px;
}

.accordion-toggle:not(.product-toggle) {
    height: auto;
    line-height: 50px;	
}

.accordion-toggle i {
	/*  top: 22px;
    height: 15px;
    width: 50px;
    line-height: 15px; */
}

.agree-box h4 {
	font-weight: 300;
}

.acci-accordion-item .accordion-content {
	padding-top: 15px;
}

.half-top.content-fullscreen {
	margin-top: 25px!important;
}

ul.steps li.active span {
	width: 45px;
    height: 45px;
    font-size: 22px;
    line-height: 45px;
    vertical-align: middle;
}

.card-box h5 {
	padding-left: 10px; 
	position: relative;
}

.card-box h5:before {
	content: "";
	width: 3px; 
	height: 3px;
	background-color: rgb(34, 34, 34);
	border-radius: 50%; 
	position: absolute;
	left: 0;
	top: 13px;
}

.space_line {
	border-top: 1px solid rgba(219,219,219,0.8);
    margin: 20px 0;
}

.user-form .inline-form.input-phone .email-box .input {
	margin-left: 0; 
}
.user-form .inline-form.input-phone .change-radio-box label {
	width: auto;
	height: 24px;
    line-height: 24px;
}

.select-box select {
    /*width: 87.9%;*/
    /* 2019.10.10 | 유명석 | 고객지원담당님 요청으로 화살표까지 클릭되게 수정했다 계약사항쪽 문제발생해서 원복 */
    width: 100%;
    font-size: 16px;
	line-height: 18px; 
	padding:0 40px 0 10px;
}

.accident-card dl.card-box-content dt {
	width: 50%;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    min-height: 30px;
}

.accident-card dl.card-box-content dd {
	width: 50%;
    font-size: 14px;
    min-height: 30px;
    line-height: 20px;
    vertical-align: text-top;
}

.contract-nums li {
    font-size: 16px;
    color: rgb(34,34,34);
    margin-bottom: 0;
}

.contract-nums li:nth-child(odd) {
	    width: 40%;
    text-align: left;
    padding-left: 16px;
}

.contract-nums li:nth-child(even) {
    width: 22%;
    text-align: right;
    padding-right: 20px;
}

dl.default-content dt {
    line-height: 22px;
	width: 50%;
}

dl.default-content dd {
	line-height: 22px;
	width: 50%;
}

dl.card-box-content dt {
	line-height: 22px;
}

dl.card-box-content dd {
	line-height: 22px;
}

.bullet-dl dt:before {
	top: 11px;
}

.buttons-col-2 {
	text-align: center;
}

.buttons-col-2 a.button {
    padding: 0px 10px;
	margin-left: 3px;
    margin-right: 3px;
}

.accordion-dbstyle-2 .accordion-toggle i {
	top: 0;
}

.accident-box .accordion-dbstyle-1 .accordion-content {
    background: #f7f7f7;
    padding: 14px;
}

.accident-box .accordion-dbstyle-1:last-child{
	border-bottom: none!important; 
}

.buttons-col-2 a.button.no_button {
   	border: #b1b1b1!important;
}

.button-xxs-dl {
    display: inline-block;
    margin: 0px 0 10px 0;
    padding: 0px 10px;
    text-align: center;
    font-size: 12px;
    height: 32px;
    line-height: 31px;
    background: rgb(120,120,120);
    border-radius: 5px;
    color: #fff;
    margin-bottom: 0;
    border: none;
}

ul.accordion-title-ul {
	width: 100%;
    padding-right: 24px;
}

ul.accordion-title-ul li:first-child {
    width: 48px;
}

ul.accordion-title-ul li:nth-child(2){
    min-width: 67px;
    width: 25%;
}

ul.accordion-title-ul li:nth-child(3){
    min-width: 88px;
    width: 25%;
}

ul.accordion-title-ul li:last-child{
    min-width: 77px;
    width: calc( 50% - 48px);
}

.tab-index.col-4 li:first-child {
    width: 48px;
    text-align: left;
}

.tab-index.col-4 li:nth-child(2) {
	min-width: 67px;
    width: 25%;
}

.tab-index.col-4 li:nth-child(3) {
    min-width: 88px;
    width: 25%;
}

.tab-index.col-4 li:last-child {
	min-width: 77px;
    width: calc( 50% - 48px);
}

.tab-index.col-4{
	padding-right: 41px;
}

ul.accordion-title-ul li:not(:first-child):before {
	margin-top: -6px;
    width: 1px;
    height: 14px;
}

.tab-index li:not(:first-child):before {
    margin-top: -6px;
	height: 14px;
}

dl.accordion-title-dl {
	width: 100%;
    padding-right: 23px;
}

.quarantee-box ul li {
	font-size: 15px;
    line-height: 20px;
}

.card-box h3 .detail-go i {
	-ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
	-webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1)
}

.card-box h3 .detail-go:hover {
	color: rgb(45,189,134);
}

.card-box h3 .detail-go:hover i {
	-ms-transform: scale(1,1) translateX(10px);
    -webkit-transform: scale(1,1) translateX(10px);
    transform: scale(1,1) translateX(10px);
    color: rgb(45,189,134);
}

.address-search .hide-post-search {
	position: absolute;
    right: 20px;
    top: 20px;
}

.address-search.modal-box .post-search-wrap .hide-post-search {
	position: relative;
    right: auto;
    top: auto;
}

.banks-wrap .db-p{
	margin-bottom: 5px;
}

.acci-accordion-item.new_style_aco a h2 {
	line-height: 22px!important;
}

.acci-accordion-item.new_style_aco .accordion-toggle i{
	top:0;
}

.acci-accordion-item .accordion-content {
	background: #f7f7f7;
    padding: 14px;
}

.acci-accordion-item .accordion-content .db-p {
    padding-top: 0;
    margin-bottom: 0;
}

.warning-box {
	padding: 5px 0 15px;
}

.fac label:last-child {
	margin-right: 0!important;
}

ul.tabs li {
	/*  font-size: 15px; */
}

.address-radios .radios-tit {
    padding-right: 0;
    width: 142px;
    border-right: none;
    position: relative;
}

.address-radios .radios-tit:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: rgb(219,219,219);
    position: absolute;
    right: 1px;
    top: 9px;
}

.insurance-box .fac-checkbox.new_style_checkbox label p {
	font-weight: 300;
    margin-bottom: 0;
    font-size: 15px;
}

.content.insurances {
	margin-top: -75px; 
}

.campaign-steps .db-ul-2 li span.call-txt{
	width: 100%;
}

.useguide-box .ten-box h5 {
	padding-left: 10px;
}

.useguide-box .ten-box h5 {
	padding-left: 0;
}

.useguide-box .ten-box .db-p{
    padding-top: 10px;
    margin-bottom: 20px;
}

.useguide-box .ten-box h5:before {
	display: none; 
}

.useguide-box .ten-box {
	padding-top: 20px; 
}

.accident-tabs-wrap .tab-content.current {
	margin-top: 4px; 
}

.accident-tabs-wrap .tab-content {
	margin-top: -1px; 
}

.papers .tab-content {
    margin-top: 5px;
}

.papers .tab-content .card-box{
	border: 1px solid rgb(0, 133, 74);
	border-top: none; 
}

ul.tabs li {
	font-size: 16px; 
}

.event-info-alert ul {
	margin-bottom: 10px!important;
}

.event-info-alert table {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.event-info-alert td {
    /* border: 1px solid #e5e5e5; */
    border:none; 
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.modal-box i.hide-modal-menu {
	position: fixed;
    right: 2px;
    top: 8px;
    font-size: 18px;
    color: rgb(34,34,34);
    z-index: 100;
    padding: 12px;
}

.modal-box i.hide-modal-menu:hover {
	opacity: 0.7;
}

.button-detail:hover {
    background: rgb(204,204,204);
    color: #fff; 
} 

.db-tabs li a.active {
	    color: rgb(255,83,86);
}

.bank-box .fac-checkbox {
	margin-right: 7px; 
}

.banks-wrap .date-box input[type=date] {
	font-size: 16px; 
}

.my_tab_info_guide .bank-h2{
	margin-bottom: 16px;
}

.my_tab_info_guide .bank-tab a{
    font-size: 16px!important;
    height: 67px;
    line-height: 22px;
    padding-top: 11px;
}

.my_tab_info_guide .bank-tab li:first-child a{
    padding-top: 20px;
    height: 65px;
}

.my_tab_info_guide .db-tabs{
	height: 67px;
}

.my_tab_info_guide .db-tabs li:not(:first-child) {
    border-left: 1px solid #fff;
    height: 67px;
    flex: 1;
}

.my_tab_info_guide .card-box h5:before {
	display: none; 
}

.my_tab_info_guide .card-box h5 {
	padding-left: 0; 
	margin-bottom: 0;
}

.my_tab_info_guide .db-p{
    padding-top: 10px;
}

.my_tab_info_guide .half-top {
    margin-top: 10px!important;
}

.my_tab_info_guide .db-ul{
	 margin-top: 10px!important;
}

.my_info_edit .select-radios{
	display: block;
}

.my_info_edit .select-radios > span {
    display: inline-block;
}

.my_info_edit .select-radios .fac{
	margin-right: 5px;
	margin-left: 5px; 
}

.my_info_edit .select-radios.half-bottom .fac-radio {
    vertical-align: top;
    padding-top: 21px;
}

.shop_list_item {
	
}

.shop_list_item.search-result-item h3 {
    background: rgb(249,249,249);
    height: auto;
    min-height:51px;
    border-bottom: 1px solid rgb(230,230,230);
	padding: 12px 33px 12px 25px;
    margin-bottom: 14px;
}

.shop_list_item.search-result-item a h3 i {
	display: block;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: rgb(34,34,34);
    ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    -webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}

.shop_list_item.search-result-item a:hover h3 {
	color: rgb(45,189,134);
}

.shop_list_item.search-result-item a:hover h3 i {
	-ms-transform: scale(1,1) translateX(10px);
    -webkit-transform: scale(1,1) translateX(10px);
    transform: scale(1,1) translateX(10px);
    color: rgb(45,189,134);
}

.shop_list_item .agency-content{
	padding-bottom: 12px; 
}

/* 2020.01.09 | 유명석 | modal4라는 id를 쓰는 모든 창에 스타일이 적용돼 필요유무 및 영향도 확인 후 삭제 */
/*
#modal4 .modal-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    padding-bottom: 12px;
}

#modal4.modal-box .modal-menu .modal-contents{
	    padding-bottom: 70px;
}
*/

.modal-box .modal-menu .modal-contents {
	padding-bottom: 0;
}

.company .db-tabs li a.active{
	color: rgb(79,184,79);
}

.agency-content li.agency_list_icon_1 i img{
	width: 17px;
}

.agency-content li.agency_list_icon_3 i img{
	width: 15px;
}

.agency-content li.agency_list_icon_6 i img{
	width: 15px;
}

.agency-content li.agency_list_icon_7 i img{
	width: 12px;
}

.acci-accordion-item.new_style_aco a{
	/* border-top: 1px solid rgb(219,219,219); */
	border-bottom: none; 
}

.event_radio_box {
	padding: 10px 20px 20px;
}

.event_radio_box .fac label{
	color: rgb(119,119,119);
}

.event_radio_box .fac-radio > span::after{
	border: 1px solid rgb(219,219,219);
}

.event_radio_box .event_text {
    margin-bottom: 10px;
    line-height: 22px;
    padding-left: 27px;
    position: relative;
    font-size: 17px;
}

.event_radio_box .event_text span {
    color: rgb(113,128,246);
    font-weight: 600;
    font-size: 19px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.button.button-next2{
	    padding: 0px 10px;
}

.clearfix:before, .clearfix:after {content:""; display: table; }
.clearfix:after{ clear:both;}

/* [DBLI Start] 2019.09.30 | syschap | 로그인 시 최초 요청 페이지 redirect 적용 */
/* dim */
.dimed{display:none;}
.dimed.on{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:999;}
.dim{display:none;}
.dim.on{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:999;}
/* alertBoxArea */
.alertBoxArea{position:absolute;left:25%;top:25%;border:5px solid #fb7d7c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;z-index:100020;max-width: 470px;}
.alertBoxArea .alertHeader{height:45px;padding:10px 0 0 15px;background:#fb7d7c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}
.alertBoxArea .alertHeader h1{color:#fff;font-size:18px;font-family:'NanumGothicBold', Dotum, sans-serif;font-weight:700;letter-spacing:-1px;}
.alertBoxArea .alertCont{min-width:320px;padding:30px;text-align:center;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;box-sizing:border-box;}
.alertBoxArea .alertCont p{margin:0 0 20px 0;font-size:14px;color:#555;line-height:1.4;letter-spacing:-1px;}
.alertBoxArea .alertCont .btnArea{margin-bottom:0;}
/* [DBLI End] 2019.09.30 | syschap | 로그인 시 최초 요청 페이지 redirect 적용 */

.form-group {
	margin-bottom: 1rem;
}

.nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #eceeef #eceeef #ddd;
}

.nav-tabs .nav-link.disabled {
	color: #636c72;
	background-color: transparent;
	border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #464a4c;
	background-color: #fff;
	border-color: #ddd #ddd #fff;
}

.btn-primary {
	color: #fff;
	background-color: #0275d8;
	border-color: #0275d8;
}

.btn-primary:hover {
	color: #fff;
	background-color: #025aa5;
	border-color: #01549b;
}

.btn-primary:focus, .btn-primary.focus {
	-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
	box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: #0275d8;
	border-color: #0275d8;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #025aa5;
	background-image: none;
	border-color: #01549b;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
	border-radius: 0.3rem;
}

.btn-block {
	display: block;
	width: 100%;
}

.btn-block + .btn-block {
	margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
	width: 100%;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #464a4c;
	background-color: #fff;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus {
	color: #464a4c;
	background-color: #fff;
	border-color: #5cb3fd;
	outline: none;
}

.form-control::-webkit-input-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control::-moz-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control::placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #eceeef;
	opacity: 1;
}

.form-control:disabled {
	cursor: not-allowed;
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
	color: #464a4c;
	background-color: #fff;
}

.table-margin {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.table-margin td {
	width: 10%;
}

.table-inner-image {
	width: 40px;
	height: 40px;
}

.table-left-text {
	font-size: 25px;
	color: #3f3f3f;
	text-align: left;
	font-weight:700;
}

.table-right-text {
	font-size: 25px;
	color: #3f3f3f;
	text-align: right;
	font-weight:700;
}

.kakao-transfer-title {
	width: 100%;
	height: 25%;
	padding-top: 15%;
	padding-left: 10%;
	padding-right: 30%;
	padding-bottom: 15%;
	background-color: #ffe401;
}

.kakao-transfer-alert {
	width: 80%;
	margin-top: 45px;
	margin-left: 10%;
	padding-right: 10%;
	border:2px solid #e3e3e3;
}

.kakao-transfer-alert-start-padding {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.kakao-transfer-cancel {
	width: 80%;
	margin-top: 45px;
	margin-left: 10%;
	border:2px solid #e3e3e3;
}

.kakao-transfer-alert-cancel-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	width: 100%;
}

.kakao-transfer-alert-cancel-hr {
	border-top: 1px solid #e3e3e3;
	width: 80%;
	margin-left: 10%;
	color: #3f3f3f;
	font-size: 12px;
	font-weight:700;
}

.kakao-transfer-alert-end-padding {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.kakao-transfer-button-box {
	display:flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
}

.kakao-transfer-button {
	/* border: 2px solid #ffe401!important;*/
	height: 49px!important;
    line-height: 45px!important;
    padding: 0px 30px;
    background-color: #ffe401;
    font-size: 25px;
    font-weight:700;
    color: #000000;
}

.kakao-transfer-vacno-result {
	padding-top: 10%;
	padding-left: 10%;
	padding-right: 10%;
	display:flex;
	-webkit-display:flex;
	-moz-display:flex;
	-ms-display:flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	justify-content:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
}

.company-brochure-content img{
	max-width:100%;
}

img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}

/* [DBLI Mod Start] 2020.06.18 | 유명석 | 고객 연락처 확인 및 변경 메인팝업 개발 */
.main-modal-box .main-modal-menu {position:fixed;background-color: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);padding:0;border-radius:10px}
.main-modal-box .main-modal-menu .main-modal-contents {padding-bottom:20px;overflow:scroll;-webkit-overflow-scrolling: touch;max-height:450px;pointer-events:all}
.main-modal-box .main-modal-menu .main-modal-contents h3 {font-size:20px;border-bottom:1px solid rgb(119,119,119);margin-bottom:10px;padding:15px 0 14px 23px;font-weight:600}
.main-modal-box .main-modal-menu .main-modal-contents h4 {font-size:17px;color:rgb(34,34,34);margin-bottom:10px}
.main-modal-box .main-modal-menu .main-modal-contents ul {margin:0 23px}
.main-modal-box .main-modal-menu .main-modal-contents dl {margin:0 23px}
.main-modal-box .main-modal-menu .main-modal-contents .main-modal-box {margin:0 23px}
.main-modal-box .main-modal-menu h3 span {font-size:14px;margin-bottom:0;color:rgb(119,119,119)}
.main-modal-box i {position:fixed;right:12px;top:20px;font-size:18px;color:rgb(34,34,34);z-index:100}
.main-modal-box i.main-hide-modal-menu {position: fixed; right: 2px; top: 8px; font-size: 18px; color: rgb(34,34,34); z-index: 100; padding: 12px;}
.main-modal-box i.main-hide-modal-menu:hover {opacity: 0.7;}
.main-modal-box .main-modal-menu .main-modal-contents .main-acc-modal h3 {font-size:17px;line-height:26px;padding-right:40px;background:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px}
.main-modal-box .main-modal-menu {overflow: hidden;}
.main-modal-box .main-modal-menu .main_modal_title {padding-right: 40px; background: #f5f5f5; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid rgb(119,119,119); margin-bottom: 10px; padding: 15px 0 14px 23px;}
.main-modal-box .main-modal-menu .main_modal_title h3 {font-size: 15px; line-height: 26px; font-weight: 600; width: 85%;}
.main-modal-box .main-modal-menu .main_modal_bottom {padding-right: 40px; background: #f5f5f5; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid rgb(119,119,119); margin-top: 10px; padding: 15px 0 14px 23px;}
.main-modal-menu {max-height: 90%;}
/* [DBLI Mod End] 2020.06.18 | 유명석 | 고객 연락처 확인 및 변경 메인팝업 개발 */


/* [DBLI Mod Start] 2023.09.05 | yong8 | 메인 팝업 전용 신규 디자인 적용 */
.main-only-modal-box .main-only-modal-menu {position:fixed;background-color: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);padding:0;border-radius:10px 10px 0px 0px;}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents {padding-bottom:20px;overflow:scroll;-webkit-overflow-scrolling: touch;max-height:450px;pointer-events:all}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents h3 {font-size:20px;border-bottom:1px solid rgb(119,119,119);margin-bottom:10px;padding:15px 0 14px 23px;font-weight:600}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents h4 {font-size:17px;color:rgb(34,34,34);margin-bottom:10px}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents ul {margin:0 23px}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents dl {margin:0 23px}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents .main-only-modal-box {margin:0 23px}
.main-only-modal-box .main-only-modal-menu h3 span {font-size:14px;margin-bottom:0;color:rgb(119,119,119)}
.main-only-modal-box i {position:fixed;right:12px;top:20px;font-size:18px;color:rgb(34,34,34);z-index:100}
.main-only-modal-box i.main-only-hide-modal-menu {position: fixed; right: 2px; top: 8px; font-size: 18px; color: rgb(34,34,34); z-index: 100; padding: 12px;}
.main-only-modal-box i.main-only-hide-modal-menu:hover {opacity: 0.7;}
.main-only-modal-box .main-only-modal-menu .main-only-modal-contents .main-only-acc-modal h3 {font-size:17px;line-height:26px;padding-right:40px;background:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px}
.main-only-modal-box .main-only-modal-menu {overflow: hidden;}
.main-only-modal-box .main-only-modal-menu .main_only_modal_title {padding-right: 40px; background: #f5f5f5; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid rgb(119,119,119); margin-bottom: 10px; padding: 15px 0 14px 23px;}
.main-only-modal-box .main-only-modal-menu .main_only_modal_title h3 {font-size: 15px; line-height: 26px; font-weight: 600; width: 85%;}
.main-only-modal-box .main-only-modal-menu .main_only_modal_bottom {padding-right: 40px; background: #f5f5f5; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid rgb(119,119,119); padding: 5px 0 5px 23px;}
.main-only-modal-menu {max-height: 90%;}
/* [DBLI Mod End] */



/*200803*/

.loan_1_content_wrap .db-tabs li a.active {
	color: rgb(79,184,79);
}

.button-useguide.green{
	color: rgb(79,184,79);
}

.title_radio.fac {
	margin-bottom: 10px;
}

.title_radio.fac label {
	font-weight: bold;
	font-size: 16px;
}

.sub_title_radio.fac {
	margin-bottom: 10px;
}

.sub_title_radio.fac label{
	font-weight: normal;
	font-size: 16px;
	color: rgb(119,119,119);
}

.basic_label {
	font-size: 16px;
    color: rgb(119,119,119);
    height: auto;
    line-height: 1;
    margin-bottom: 15px;
}

.loan_1_content_wrap .date-condition{
	margin-bottom: 10px;
}

.loan_1_content_wrap .date-condition .fac {
	margin-bottom: 7px;
}

.loan_1_content_wrap .date-condition .fac-radio-round label {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 0;
    min-width: 43px;
}

.loan_1_content_wrap .date-condition .fac-radio-round button{
	cursor: pointer;
    font-weight: inherit;
	font-size: 16px;
    color: rgb(34,34,34);
    border: 1px solid rgb(219,219,219);
    border-radius: 5px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    margin: 0 0 10px 0;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 0;
    min-width: 43px;
    background: none;
}

.loan_1_content_wrap .date-condition .fac-radio-round button:hover {
	/* background: #CCC; */
}

.check_value_box .text_box {
    height: 47px;
    border: 1px solid rgb(219,219,219);
    border-radius: 5px!important;
    background: rgb(243,243,243);
    font-size: 17px;
    color: rgb(34,34,34);
    padding-left: 10px;
    display: inline-block;
    width: calc( 100% - 40px );
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
    line-height: 43px;
}

.check_value_box .text  {
    font-size: 16px;
    color: rgb(119,119,119);
    height: auto;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 5px;
    vertical-align: middle;
    /* margin-top: -6px; */
    display: inline-block;
}

.loan_join_option_box {
	margin-top: 15px;
}

.check_box_td {

}

.check_box_td .fac {
	margin-top: -30px;
}

.insu-inputs-td {

}

.insu-inputs-td  .insu-inputs-2{

}

.insu-inputs-td  .insu-inputs-2 .limits{
	display: block;
    text-align: right;
}

.insu-inputs-td  .insu-inputs-2 .limits p{
	margin: 0;
}

.insu-inputs-td  .insu-inputs-2 .limits p span{
	color: rgb(119,119,119);
    font-size: 16px;
}

.insu-inputs-td  .insu-inputs-2 .limits .button{
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-left: 10px;
}

.insu-inputs-td  .insu-inputs-2 .limits .limits_input_box{
    margin-top: 10px;
}

.insu-inputs-td  .insu-inputs-2 .limits .limits_input_box .input{
	height: 30px;
}

.insu-inputs-td  .insu-inputs-2 .limits .limits_input_box span{
	color: rgb(119,119,119);
    font-size: 16px;
}

.loan_accordion_table {
    padding-bottom: 0;
}

.loan_accordion_table .tab-index {
    padding: 0px 0;
    height: auto;
}

.loan_accordion_table .tab-index li{
	/* font-size: 13px; */
	padding: 10px 0;
	/* width: 33.22%; */
}

.loan_accordion_table .tab-index li:last-child{
	width: 60px;
}

.loan_accordion_table  .tab-index li:not(:first-child):before{
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgb(219,219,219);
}

.loan_accordion_table .accordion-box {

}

.loan_accordion_table .accordion-dbstyle-1 .accordion-toggle{
	height: auto;
    margin: 0;
}

.loan_accordion_table .accordion_body_box {
	padding: 10px;
	border-bottom: 1px solid rgb(219,219,219);
	text-align: center;
}

.loan_accordion_table .accordion_body_box p {
	font-size: 16px;
}

.loan_accordion_table .accordion_body_box.last-body-box {
	border-bottom:none ;
}

.loan_accordion_table .accordion_body_box.last-body-box li {
	font-weight: bold;
}

.loan_accordion_table .accordion_body_box p  {
	margin: 0;
}

.loan_accordion_table .accordion-dbstyle-1{
	padding: 0;
}

.loan_accordion_table ul.accordion-title-ul {
	width: 100%;
	height: auto;
	padding-right: 0;
}

.loan_accordion_table ul.accordion-title-ul li{
	width: calc( 50% - 25px );
    /* font-size: 12px; */
    text-align: center;
    color: rgb(119,119,119);
    padding: 10px 0;
}

.loan_accordion_table .accordion-toggle i {
	right: 0;
}

.loan_accordion_table .accordion_body_box .col-2 {
	margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.loan_accordion_table .accordion_body_box .col-2 li {
	list-style: none;
	width: 50%;
	font-size: 15px;
}

.loan_accordion_table .accordion_body_box .col-2 li.red_text{
	color: rgb(255,83,86);
	font-weight: bold;
}

.loan_accordion_table ul.accordion-title-ul li:last-child{
	font-weight: normal;
}

.red {
	color: rgb(255,83,86);
}

.loan_accordion_table ul.accordion-title-ul li:not(:first-child):before {
	content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgb(219,219,219);
}

.loan_accordion_table ul.accordion-title-ul li:not(:first-child):after {
	content: '';
    position: absolute;
    top: 50%;
    right: -1px;
    /* margin-top: -10px; */
    /* width: 1px; */
    /* height: 20px; */
    /* border-left: 1px solid rgb(190,190,190); */
    margin-top: -30px;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgb(219,219,219);
}

.loan_accordion_table dl.accordion-detail-content dt {
	
    width: 50%;
}

.loan_accordion_table dl.accordion-detail-content dd {
    width: 50%;
}

.card-box .loan_info_text_box {
	padding: 10px;
	border: 1px solid rgb(219,219,219);
	border-radius: 5px;
}

.modal_text_box h4{
	font-weight: bold;
}

.modal_text_box h5{
	font-weight: bold;
}

.modal_text_box .color {
	color: rgb(255,83,86);
}

.modal_text_box .line {
	text-decoration: underline;
}

.madal_bottom {

}

.madal_bottom .modal_check_box {
	text-align: center;
    background: rgb(0, 133, 74);
    color: #fff;
    padding: 15px 0px;
    margin-bottom: -20px;
    overflow: hidden;
    border-radius: 5px;
}

.madal_bottom .modal_check_box label {
	color: #fff;
}

.madal_bottom .modal_check_box .fac-checkbox > input[type=checkbox] + label:before{
	background: rgb(79,184,79);
	border: 1px solid #fff;
}

.madal_bottom .modal_check_box .fac-checkbox > span::after {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: 1px solid rgb(255 255 255);
    margin-top: 3px;
}

.loan_item_box {

}

.loan_item_box .insu-inputs-2 .limits > div {
    width: calc( 100% - 86px);
    position: relative;
    display: inline-block;
}

.loan_item_box .insu-inputs-2 .limits input {
    width: calc( 100% - 60px);
    max-width: 100%;
}

.loan_item_box .insu-inputs-2 .limits .button-x {
	padding: 0 10px;
    margin-left: 5px;
}

/*loan_info*/
.loan_info_img_box {
    background: url(../../resources/images/loan/top_img.jpg) no-repeat left top;
    background-size: 100% auto;
    margin: -20px -20px 30px;
}

.loan_info_title {

}

.loan_info_title span {
    color: rgb(79,184,79);
}

.loan_icon_list {
    padding: 5px 20px 25px;
    border-bottom: 1px solid rgb(219,219,219);
    margin-left: -20px;
    width: calc( 100% + 40px );
}

.loan_icon_list dl{
    margin: 10px 0;
}

.loan_icon_list dl dt  {
    margin: 0;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;
    margin-bottom: 2px;
    background: url(../../resources/images/loan/check-circle-outline.svg) no-repeat left 6px;
    background-size: 25px;
}

.loan_icon_list dl dd{
    margin: 0;
    padding-left: 30px;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 1.53;
}

.loan_table {

}

.loan_table .loan_table_th {

}

.loan_table .loan_table_th span{
    color: rgb(79,184,79);
}

.loan_table .loan_table_th .button{
    font-size: 12px;
    margin: 0 0 0 10px!important;
    height: 35px!important;
    line-height: 35px!important;
    padding: 0 12px;
}

.loan_table td {
    text-align: left!important;
    font-size: 14px!important;
}

.loan_table td p {
    color: #000;
    margin: 0;
    line-height: 1.6;
    font-size: 14px;
}

.loan_table td p span{
    display: block;
    font-weight: bold;
}

.loan_table .db-ul{
    margin-top: 12px;
    margin-bottom: 10px;
}

.loan_table .db-ul li{
    font-size: 14px!important;
}

.loan_info_call_box {
    margin-top: -6px;
}

.loan_info_call_box h4 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.4px;
    margin-bottom: 4px;
}

.loan_info_call_box p {
    color: rgb(79,184,79);
    padding-left: 10px;
    margin: 0;
    position: relative;
    line-height: 1.5;
}

.loan_info_call_box p::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: rgb(79,184,79);
}

.loan_table_th.app_bt .button {
    background: rgb(120,120,120);
    border: 1px solid rgb(120,120,120);
}

.loan_table_th.app_bt span {
   color: #000;
  
}
table.dbtlb-sty-1.small-table.loan_table_2 th{
	padding-left: 0!important;

} 

.loan_info_big_bt {

}

.loan_info_big_bt .button {
    line-height: 1.5!important;
    height: auto!important;
    padding: 5px 20px 9px;
    font-size: 16px;
}

.agree-txt.loan_dsr_text_box {
    border: 1px solid rgb(219,219,219);
    padding: 5px 10px;
    height: 100px;
    overflow-y: scroll;
} 

.agree-txt.loan_dsr_text_box .text_container{

}

.agree-txt.loan_dsr_text_box h6 {
    line-height: 1.5;
}

.agree-txt.loan_dsr_text_box p {
    margin: 0;
    line-height: 1.5;
}

.agree-txt.loan_dsr_text_box span {
    color: rgb(255,83,86);
}

.check_container_right {
    text-align: right;
}

.all_text_modal_bt {
    word-break: keep-all;
}

.dbquicks .main_menu_icon {
	
}

.dbquicks .main_menu_icon img{
	width: 63px;
    height: 63px;
    opacity: 0.8;
}

.new_main_top_icon_1 img {
	width: 42px;
	height: 42px;
}

.dbicon {
	line-height: 1.4;
}

.dbquicks a {
	line-height: 1.4;
}

.dbquicks a img {
	margin-bottom: 7px;
}

.buttons-col-3  
{
	text-align: center;
}

.buttons-col-3 a.button {
    width: 31%;
    font-size: 14px;
    height: 40px!important;
    line-height: 40px!important;
    padding: 0px 10px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: center;
    display: inline-block;
}
.buttons-col-3-1{
	text-align:center;
}
.buttons-col-3-1 a.button {
    width: 40%;
    font-size: 15px;
    height: 40px!important;
    line-height: 40px!important;
    padding: 0px 2px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: center;
    display: inline-block;
}
.bl-gray{border-left : 1px solid rgb(219,219,219)}

.buttons-col-3 a.button-pension {
	/* float:right */
}

.check_value_box {
	text-align: center;
}

.check_value_box .input{
	width: 130px;
} 

.file_list{
	display: block;
}

.file_list ul{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.file_list li{
    position: relative;
    margin: 5px;
    list-style: none;
}

.file_list li .btn_file{
    width: 110px;
    display: block;
    box-sizing: border-box;
    height: 110px;
    border: 1px dashed #ddd;
    background: #f5f5f5 url("../../../resources/images/test/ico_upload.png") 50% 50% no-repeat;
    border-radius: 5px;
    cursor: pointer;
}

.atch_more{
    display: block;
    position: relative;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 5px;
    overflow: hidden;
    /*text-align: center;*/
}

.atch_more:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: inherit;
    /*background:  url('../../../resources/images/test/ico_docu_more.png') 50% 50% no-repeat;*/
    z-index: 5;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
}

.atch_more img{
    width: 100%;
    height: 100%;
}

.close-btn{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 700;
	line-height: 60%;
	height: 33%;
	font-size: 3em;
	color: #ee5e09;
	background: rgba(0,0,0,0.8);
	z-index: 10;
}

/* [DBLI Mod Start] 2021.09.30 | LYA | 금융인증서 로그인 화면 개발 */
.new-login-button {border: 2px solid rgb(0, 133, 74)!important;border-radius:5px;text-align:center;display: block;margin: 0;flex: 1;padding: 26px 20px 20px;line-height: initial;height: auto;box-sizing: border-box;margin: 0 10px;}
/* [DBLI Start] 2021.11.11 | 유명석 | 금융인증서 아이폰 화면깨짐 수정 */
.new-login-button img {display:block;margin: 0 auto;width: 40px;}
/* [DBLI End] 2021.11.11 | 유명석 | 금융인증서 아이폰 화면깨짐 수정 */ 
.new-login-button span {display:inline-block;font-size:15px;color:#000;margin:0px 0px;}
.button-fin {margin-top:50px; width: 88%;background:rgb(0, 133, 74); border-radius:10px; margin:0 auto; color:#fff!important;}
.accident-tab-elements h3 {font-size:18px;color:rgb(34, 34, 34);font-weight:600;margin-bottom:15px;}
.fac label.button-checkall2 {display:inline-block;height:40px;line-height:40px;border-radius:10px;border:1px solid rgb(0,133,74);font-size:16px;color:rgb(0,133,74);padding-left:0}
.fac label.button-checkall2-click {background:#4fb84f;color:#fff!important;border: 2px solid #4fb84f!important;display:inline-block;height:40px;line-height:40px;border-radius:10px;font-size:16px;padding-left:0}
 a.button-check{vertical-align:middle;display:inline-block;height:30px;line-height:30px;border-radius:8px;border:1px solid rgb(0,133,74);font-size:14px;color:rgb(0,133,74);padding:0px 7px; font-weight:bold; float:right;}
.color-black-n {color:#000!important; font-size:12px;}
.mtb50 {margin:50px 0px;}
ul.ul-li-p p {color:rgb(119,119,119);}
.fin_img_w100{width:100%; margin-top:10px;}
.fin_img_w80{width:80%; margin-top:10px;}
/* [DBLI Mod End] 2021.09.30 | LYA | 금융인증서 로그인 화면 개발 */

/* [DBLI Start] 2021.10.21 | 유명석 | 금융소비자보호체계 스타일 정리 */
.db-tabs li.fin-cp-tab {display:flex; align-items:center; justify-content:center;}
.db-tabs li.fin-cp-tab a {font-size:14px; height:auto; line-height:normal;}
.db-tabs li.fin-cp-tab.active {display:flex; align-items:center; justify-content:center; background:#fff;}
.db-tabs li.fin-cp-tab.active a {font-size:14px; height:auto; line-height:normal; color:rgb(79,184,79); font-weight:600;}

.company-brochure-content .cp-board-top-img {margin-bottom: 30px; display: block; margin: 0px auto; width: 530px; height: 120px;}
.company-brochure-content fieldset {padding:15px 0px 15px 0px; text-align:right;}
.company-brochure-content fieldset select {vertical-align: middle; height: 22px; border: 1px solid #ccc; box-sizing: border-box;}
.company-brochure-content fieldset label {position:absolute; overflow:hidden; width:0; height:0; left:-1000%; text-indent:-9999%; font-size:0; line-height:0}
.company-brochure-content fieldset input {width:150px; padding:0 5px; border:1px solid #ccc; height:28px; line-height:20px; box-sizing:border-box; vertical-align:middle}
.company-brochure-content fieldset a {border-radius:5px; font-weight:bold; background-color:#ff6202; vertical-align:middle; display:inline-block; box-sizing:border-box; cursor:pointer; color:#fff; padding:6px 15px 7px 15px; line-height:1.2;}
.company-brochure-content .board-page-nums {text-align:center; margin-bottom:20px; margin-top:30px; display:block;}
.company-brochure-content .board-page-nums .btn-arrows {vertical-align: middle; padding: 0; display: inline-block;}
.company-brochure-content .board-page-nums .btn-nums {vertical-align: middle; line-height: 24px; height: 24px; background-position: 0 100%; display: inline-block; padding: 0 0 0 8px;}
.company-brochure-content .board-page-nums .btn-nums span {display: inline-block; padding: 0 8px 0 0; background: url('/resources/images/consumer/protection/bg_page.gif') no-repeat 100% 0;}
.company-brochure-content .board-page-nums a img {max-width: 100%; display: block;}
/* [DBLI End] 2021.10.21 | 유명석 | 금융소비자보호체계 스타일 정리 */

/* [DBLI Start] 2021.11.11 | 유명석 | 보험금 청구화면 개선 */
.direct-form-wrap textarea {border-top:0px; border-left:0px; border-right:0px; resize:none; border-radius:0px!important;}
/* [DBLI End] 2021.11.11 | 유명석 | 보험금 청구화면 개선 */

/* [DBLI Start] 2022.01.20 | 유명석 | 마케팅 정보활용 동의/철회 화면 개선 */
.market-multi-form .fac-checkbox > span::after {margin-top:5px}
.market-multi-form .fac-checkbox > input[type=checkbox] + label:before {margin-top:5px}
.market-multi-form .fac-checkbox > input[type=checkbox]:disabled + label:before {margin-top:5px; background:#9d9d9d; border:1px solid #9d9d9d;}
.mt0 {margin-top:0px!important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.mb0 {margin-bottom:0px!important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

.ml0 {margin-left:0px!important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.mr0 {margin-right:0px!important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.pt0 {padding-top:0px!important;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pb0 {padding-bottom:0px!important;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

.pl0 {padding-left:0px!important;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

.pr0 {padding-right:0px!important;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

a.default{color:rgb(0, 0, 255); font-size:inherit;}
/* [DBLI End 2022.01.20 | 유명석 | 마케팅 정보활용 동의/철회 화면 개선 */

/* [DBLI Start] 2022.02.10 | 유명석 | 소비자보호공간 대대적 개편 */
.modal-box .modal-menu .modal_bottom {
	width:100%; background: #4fb84f; text-align:center; font-size:1.5em; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: 10px;
}

table.dbtlb-sty-2 {border-top:1px solid rgb(153,153,153); overflow-wrap:anywhere;}
table.dbtlb-sty-2 th {font-size:16px;color:rgb(119,119,119);font-weight:600;text-align:center;background:rgb(247,247,247);border-bottom:1px solid rgb(219,219,219);padding:7px 0}
table.dbtlb-sty-2 td {font-size:16px;color:rgb(119,119,119);text-align:center;border-bottom:1px solid rgb(219,219,219);padding:10px 5px}
table.dbtlb-sty-2 td.left-text {padding-left:10px}
table.dbtlb-sty-2 td {border-left:1px solid rgb(219,219,219)}
table.dbtlb-sty-2 span.comment {font-size:0.5rem;}
table.dbtlb-sty-2 span.plus {color:blue;}
table.dbtlb-sty-2 span.minus {color:red;}
table.dbtlb-sty-2 span.grade-1 {border-radius:50%; background-color:rgb(255, 0, 0); font-size:16px; padding:10px; color:rgb(255,255,255);}
table.dbtlb-sty-2 span.grade-2 {border-radius:50%; background-color:rgb(237, 125, 49); font-size:16px; padding:10px; color:rgb(255,255,255);}
table.dbtlb-sty-2 span.grade-3 {border-radius:50%; background-color:rgb(255, 192, 0); font-size:16px; padding:10px; color:rgb(255,255,255);}
table.dbtlb-sty-2 span.grade-4 {border-radius:50%; background-color:rgb(0, 176, 80); font-size:16px; padding:10px; color:rgb(255,255,255);}
table.dbtlb-sty-2 span.grade-5 {border-radius:50%; background-color:rgb(0, 32, 96); font-size:16px; padding:10px; color:rgb(255,255,255);}
table.dbtlb-sty-2.small-table th {font-size:13px;}
table.dbtlb-sty-2.small-table td {font-size:13px;}
.accordion-content strong.fs-16 {font-size:16px;}

.modal-scroll::-webkit-scrollbar {display:unset; width:5px;}
.modal-scroll::-webkit-scrollbar-thumb {background:rgb(170, 170, 170); border:1px solid transparent;}
.scroll-overflow-x{overflow-x:auto; overflow-y:hidden;}
.scroll-overflow-y{overflow-x:hidden; overflow-y:auto;}
/* [DBLI End] 2022.02.10 | 유명석 | 소비자보호공간 대대적 개편 */

/* [DBLI Start] 2022.03.31 | 유명석 | 보험계약대출 약정서 및 상품설명서 개발 */
.loan_info_text_box .fac-checkbox > span::after{
	content:"\e929";
	font-size:20px;
	line-height:22px;
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid rgb(157, 157, 157);
    margin-top:3px;
}

.loan_info_text_box .fac-checkbox > input[type=checkbox] + label:before {
	content:"\e929";
	font-size:20px;
	line-height:22px;
	color:#fff;
	width:22px;
	height:22px;
	border-radius:50%;
	border:1px solid rgb(79,184,79);
	margin-top:3px;
	background:rgb(79,184,79);
}

.button-modal-agree {background:#ffffff; border:1px solid #9d9d9d; color:#9d9d9d;}
.button-modal-agree-hover {background:#4fb84f; border:1px solid #4fb84f; color:#ffffff;}

.button-modal-agree > span::after {
	content:"\e929";
	font-size:20px;
	line-height:22px;
	font-family: xeicon!important;
    position:absolute;
    left:0;
    margin-top:10px;
    color:#9d9d9d;
    margin-left:20px;
}

.button-modal-agree-hover > label::before {
	content:"\e929";
	font-size:20px;
	line-height:22px;
	font-family: xeicon!important;
    position:absolute;
    left:0;
    margin-top:10px;
    color:#ffffff;
}

table.dbtlb-sty-3 {table-layout:fixed; word-break:break-all;}
table.dbtlb-sty-3:first-of-type {border-top:1px solid #000000;}
table.dbtlb-sty-3 th {font-size:13px; color:#000000; font-weight:600; text-align:center; background:rgb(216, 228, 188); border-bottom:1px solid #000000; padding:3px 3px;}
table.dbtlb-sty-3 th:not(:first-child) {border-left:1px solid #000000;}
table.dbtlb-sty-3 td {font-size:13px; color:#000000; text-align:center; border-bottom:1px solid #000000; padding:3px 3px;}
table.dbtlb-sty-3 td.left-text {padding-left:10px;}
table.dbtlb-sty-3 td strong {color:rgb(34, 34, 34);}
table.dbtlb-sty-3 td:not(:first-child) {border-left:1px solid #000000;}
table.dbtlb-sty-3 td.bdl {border-left: 1px solid #000000;} /* 250305 추가 */
table.dbtlb-sty-3.small-table th {font-size:13px;}
table.dbtlb-sty-3.small-table td {font-size:13px;}

table .db-ul {margin:0; list-style-type:none; padding:0px}
table .db-ul li {position:relative; font-size:13px; line-height:20px; color:#000000;}
table .db-ul li:before {display:none;}
table .db-ul li.comment-star {margin-left:15px; background:none; display:list-item; list-style:'*';}
table .db-ul li.comment-dash {margin-left:15px; background:none; display:list-item; list-style:'-';}
table .db-ul li.strong {font-weight:bold;}

.full-modal-box .modal-menu {position:fixed; background-color:#FFFFFF; box-shadow:0 0 10px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15); padding:0; display:flex; flex-direction:column; height:100%;}
.full-modal-box .modal-menu .modal_title {flex-grow:0; padding-right:40px; background:#f5f5f5; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid rgb(119,119,119); padding:15px 0 14px 23px;}
.full-modal-box .modal-menu .modal_title h3 {font-size:15px; line-height:26px; font-weight:600; width:85%;}
.full-modal-box .modal-menu .modal-contents {flex-grow:1; overflow:scroll; -webkit-overflow-scrolling:touch; pointer-events:all;}
.full-modal-box .modal-menu .modal-contents h3 {font-size:20px; border-bottom:1px solid rgb(119,119,119); margin-bottom:10px; padding:15px 0 14px 23px; font-weight:600;}
.full-modal-box .modal-menu .modal-contents h4 {font-size:17px; color:rgb(34,34,34); margin-bottom:10px;}
.full-modal-box .modal-menu .modal-contents ul {margin:0 5px;}
.full-modal-box .modal-menu .modal-contents dl {margin:0 5px;}
.full-modal-box .modal-menu .modal-contents .full-modal-box {margin:0 15px;}
.full-modal-box .modal-menu .modal_bottom {width:100%; background:#4fb84f; text-align:center; font-size:1.5em; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-top:10px;}
.full-modal-box .modal-menu h3 span {font-size:14px; margin-bottom:0; color:rgb(119,119,119);}
.full-modal-box i {position:fixed; right:12px; top:20px; font-size:18px; color:rgb(34,34,34); z-index:100;}
.full-modal-box i.hide-modal-menu {position:fixed; right:2px; top:8px; font-size:18px; color:rgb(34,34,34); z-index:100; padding:12px;}
.full-modal-box i.hide-modal-menu:hover {opacity:0.7;}
.full-modal-box .modal-menu .modal_bottom {flex-grow:0;}
.full-modal-box .modal-menu .modal_bottom .modal_check_box {text-align:center; background:rgb(0, 133, 74); color:#fff; padding:15px 0px; margin-bottom:-20px; overflow:hidden; border-radius:5px;}
.full-modal-box .modal-menu .modal_bottom .modal_check_box label {color: #fff;}
.full-modal-box .modal-menu .modal_bottom .modal_check_box .fac-checkbox > input[type=checkbox] + label:before{background:rgb(79,184,79); border:1px solid #fff;}
.full-modal-box .modal-menu .modal_bottom .modal_check_box .fac-checkbox > span::after {content:""; width:22px; height:22px; border-radius:5px; border:1px solid rgb(255 255 255); margin-top:3px;}

.db-ul2 {margin-bottom:0; list-style-type:none; padding-left:0px;}
.db-ul2 li {margin-bottom:0px; margin-top:5px; position:relative; font-size:13px; line-height:20px; color:#000000;}

.list_box1 {margin-top:5px; line-height:20px;}
.list_box1 ul {counter-reset:list; padding-left:5px;}
.list_box1 li.dec {display:list-item; list-style:none; margin-bottom:5px; line-height:20px; font-size:13px; margin-left:10px;}
.list_box1 li.dec:before {content:counter(list, decimal) ". "; counter-increment:list; position:absolute; left:5px;}
.list_box1 li.brac-dec {display:list-item; list-style:none; margin-bottom:5px; padding-left:10px; line-height:20px; font-size:13px;}
.list_box1 li.brac-dec:before {content:"(" counter(list, decimal) ") "; counter-increment:list; position:absolute; left:20px;}
.list_box1 li.brac-dash {display:list-item; list-style:none; margin-bottom:5px; padding-left:10px; background:none; line-height:20px; font-size:13px;}
.list_box1 li.brac-dash:before {content:"-"; counter-increment:list; position:absolute; left:0px;}

.db-ul3 {margin-bottom:0; list-style-type:none; padding-left:10px}
.db-ul3 li {position:relative; font-size:13px; line-height:20px; color:#000000;}
.db-ul3 li:before {content:''; display:block; position:absolute; left:-10px; top:9px; width:4px; height:4px; border-radius:4px; background:#000000;}
.db-ul3 li ul li:before {top:0px; left:0px; width:0; height:0; background:#ffffff; border-radius:0;}

.cl_orange {color:rgb(226, 107, 10);}
.modal-menu .bold {font-weight:bold;}
/* [DBLI End] 2022.03.31 | 유명석 | 보험계약대출 약정서 및 상품설명서 개발 */



/* [DBLI START] 2022.05.31 | 한병철 | 사고보험금 청구이력 연장 */
.box_open{display:block; transform:scale(2,0.8); color:#000000; font-weight:500; font-size:10px; float:right;}
.box_hide{display:block; transform: scale3d(2, -0.8, 3); color:#000000; font-weight:500; font-size:10px; float:right; display: block;}
.card-box2 {display:block; background: #fff; padding: 15px 17px; border-bottom: 1px solid rgb(219,219,219); overflow: hidden; font-size:17px;}
.card-box-head {background: #fff; padding: 15px 17px; border: 1px solid rgb(219,219,219); overflow: hidden; font-size:17px;}
.moreBtn{display:block;}



/* [DBLI Mod Start] 2022.06.16 | LYA | My 뷰 개발 */ /* 250523 ybr 삭제 */
/* span.myv{color:#00854A;display:block;font-size:20px;text-align:center;}
a.myv{position:absolute;top:20px;right:20px;float:right;width:63px;height:63px;}
a.header-icon .myv{position:absolute;top:0px;right:35px;float:right;width:25px;height:25px;}
.noto-greet{font-family:'Noto Sans';font-style:normal!important;font-weight:700!important;font-size:16px!important;width:100%; height:50px; margin-top:10px;padding:10px 10px; border:1px solid rgb(226, 240, 217); border-radius:10px; background:rgb(226, 240, 217);}
h4.title{margin-bottom:5px;font-family:'Noto Sans';font-style:normal!important;font-weight:700!important;font-size:16px!important;}
h4.title2{padding-left:20px; padding-right:20px;font-family:'Noto Sans';font-style:normal!important;font-weight:700!important;font-size:16px!important;padding-top:25px;margin-bottom:5px;}
h4.title3{font-size:16px; font-weight:bold;margin-bottom:5px;}
#show1{margin-left:20px; margin-right:20px;background-image:linear-gradient(rgb(0,153,89),rgb(122,213,95)); box-shadow:rgba(0,0,0,0.1) 0px 5px 10px;  border:0px solid rgb(0, 133, 74); border-radius:10px;  padding:8px 8px;}
#show2{margin-left:20px; margin-right:20px;background-image:linear-gradient(rgb(0,153,89),rgb(122,213,95)); box-shadow:rgba(0,0,0,0.1) 0px 5px 10px;  border:0px solid rgb(0, 133, 74); border-radius:10px;  padding:8px 8px;}
.gray-button{padding:0px 8px;border:1px solid gray; border-radius:20px; float:right;font-size:11px; color:gray;}
.gray-button > a{color:gray;}
.myv-box1{border:1px solid rgb(0, 133, 74); border-radius:10px;  height:140px;  padding:0px 4px; margin:0 auto; text-align:center;float:center;}
.myv-box2{border:1px solid rgb(0, 133, 74); border-radius:10px;  padding:10px 5px;}
.myv-box3{background:#fff;border:0px solid #fff;border-radius:10px;padding:5px 5px;box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px;}
.myv-inline{display:block;height:140px;text-align:center;float:center;margin:0 auto;}
.green-box{display:inline-block;border:2px solid rgb(228,255,241); border-radius:7px;background:rgb(228,255,241);width:30%; height:125px; margin: 7px 0px;}
p.green-text{margin:0 auto;  width:65px; padding-top:20px;padding-bottom:5%;color:rgb(0,198,96);font-weight:600;font-size:14px;text-align:center; line-height:15px;height:50%;}
p.green-round{width:13vw;height:3em;left:25%;border:2px solid rgb(0,198,96); border-radius:100%;background:rgb(0,198,96); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;}
a>p.green-round{width:13vw;height:3em;left:25%;border:2px solid rgb(0,198,96); border-radius:100%;background:rgb(0,198,96); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;text-decoration:underline;}
.yellow-box{display:inline-block;border:2px solid rgb(255,247,233); border-radius:7px;background:rgb(255,247,233); width:30%; height:125px; margin: 7px 0px;}
p.yellow-text{padding-top:15px;padding-bottom:5%;color:rgb(255,130,83);font-weight:600;font-size:14px;text-align:center;line-height:15px; margin:0 auto; width:65px;height:50%;}
p.yellow-round{width:13vw;height:3em;left:25%;border:2px solid rgb(255,130,83); border-radius:100%;background:rgb(255,130,83); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;}
a>p.yellow-round{width:13vw;height:3em;left:25%;border:2px solid rgb(255,130,83); border-radius:100%;background:rgb(255,130,83); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;text-decoration:underline;}
.red-box{display:inline-block;border:2px solid rgb(255,232,232); border-radius:10px;background:rgb(255,232,232); width:30%; height:125px;margin: 7px 0px;}
p.red-text{padding-top:15px;padding-bottom:5%;color:rgb(255,91,91);font-weight:600;font-size:14px;text-align:center;line-height:15px; margin:0 auto; width:65px;height:50%;}
p.red-round{width:13vw;height:3em;left:25%;border:2px solid rgb(255,91,91); border-radius:100%;background:rgb(255,91,91); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;}
a>p.red-round{width:13vw;height:3em;left:25%;border:2px solid rgb(255,91,91); border-radius:100%;background:rgb(255,91,91); color:#fff;font-weight:600;font-size:14px;text-align:center;vertical-align:middle;text-decoration:underline;}
.count-text{color:#fff;vertical-align:middle;}
#step1{border:1px solid rgb(0, 133, 74); border-radius:10px; height:170px; padding:10px 10px;}
#step1>p{margin:0 auto;padding:10px 5px;top:15%;letter-spacing:-0.05em;line-height:18px;font-family:'Noto Sans';font-style:normal;font-weight:500;font-size:12px;text-align:center;}
#step1>img{width:50%;top:15%;text-align:center;margin:10px auto;}
#step2{border:1px solid rgb(0, 133, 74); border-radius:10px;  height:170px;  padding:10px 10px;}
#step2>p:first-child{margin:0 auto;padding:10px 10px;font-weight:600;font-size:16px;text-align:center;}
#step2>a+p{margin:10px auto;font-weight:bold;font-size:11px;text-align:center;}
#loanCntForMyview{color:rgb(0, 133, 74);font-size:20px;}
#loanAmtForMyview{color:rgb(0, 133, 74);font-size:20px;}
.noto-button{font-family:'Noto Sans';font-style:normal!important;font-weight:700!important;font-size:16px!important;width:50%;background:rgb(0, 133, 74); border-radius:15px; margin:0 auto; color:#fff!important;height: 30px!important;line-height: 30px!important;text-align:center;}
.noto-botton2{font-family:'Noto Sans';font-style:normal!important;font-weight:700!important;font-size:16px!important;width:50%;background:rgb(0, 133, 74); border-radius:15px; margin:5px auto; color:#fff!important;height: 30px!important;line-height: 30px!important;text-align:center;}
.myv-td{width:30%;height:50px;border:1px solid #f3f0f0; border-radius:10px;background:#f3f0f0; color:#000;float:center;}
.myv-td2{padding:1em 0em;font-weight:bold;float:left;}
.mt-baro{margin-top:30px; background:#F1F1F1;height:500px;margin-bottom:-60px;}
 .baro_icon{font-size:14px;font-family:'Noto Sans';font-style:normal;font-weight:600;color:#fff;letter-spacing:-0.2em;width:90px;height:90px;}
 .baro_icon>a{color:#fff;}
 .baro_icon img{margin:0 auto;}
 .baro-add-line{color:lightgray; background-color:lightgray; width:100%; height:1px;}
 .baro-add-line+span{display:inline-block;margin-top:8px;font-size:10px;color:#f5f1f1;}
 .myv-box3>div.notice{display:flex; align-items:center; margin-bottom:0; padding:0 0;}
 .myv-box3>div.notice>i{display:flex;justify-content:center;align-items:center;background-color:rgb(234,234,233);border-radius:50%;width:24px;height:24px;}
 .myv-box3>div.notice>img{width:21px;height:19px;}
 .myv-box3>div.notice>span{margin-left:2px;font-size:12px;font-weight:600;}
 .myv-box3>div.notice>a{font-size:12px;margin-left:7px;color:#000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;width:70%;height:31px} */
/* [DBLI Mod End] 2022.06.16 | LYA | My 뷰 개발 */

/* [DBLI Start] 2022.08.23 | KJE | 고겍정보오류정비*/
.myinfo-comment {padding:10px 0px; color:red;}
.myinfo-err {border: 3px solid rgb(244 245 98);}
/* [DBLI End] 2022.08.23 | KJE | 고겍정보오류정비*/

/* [DBLI Start] 2023.01.19 | 이우석 | 금융소비자보호실태평가 결과 업데이트*/
ul[list-style-type="ko"] > li:nth-child(1)::marker { content: '가. '; }
ul[list-style-type="ko"] > li:nth-child(2)::marker { content: '나. '; }
ul[list-style-type="ko"] > li:nth-child(3)::marker { content: '다. '; }
ul[list-style-type="ko"] > li:nth-child(4)::marker { content: '라. '; }
ul[list-style-type="ko"] > li:nth-child(5)::marker { content: '마. '; }
/* [DBLI End] 2023.01.19 | 이우석 | 금융소비자보호실태평가 결과 업데이트*/

/* [DBLI Start] 2023.02.16 | 유명석 | 사고보험금 다건 서류 첨부 안내 메시지 */
.toast {
	visibility: hidden;
	min-width: 80%;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	position: fixed;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
}

.toast.show {
	visibility: visible;
	-webkit-animation: toastin 0.5s, toastout 0.5s 2.5s;
	animation: toastin 0.5s, toastout 0.5s 2.5s;
}

@-webkit-keyframes toastin {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@keyframes toastin {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes toastout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

@keyframes toastout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}
/* [DBLI End] 2023.02.16 | 유명석 | 사고보험금 다건 서류 첨부 안내 메시지 */

/* [DBLI Mod Start] 2023.02.27 | 이지현 | 변액 펀드 수익률 조회 화면 개발 */ 
table.dbtlb-sty-4 {border-top:1px solid rgb(1,110,16)}
table.dbtlb-sty-4 th {font-size:16px;color:rgb(34, 34, 34);font-weight:600;text-align:center;background:rgb(245,254,246);border-bottom:1px solid rgb(219,219,219);padding:7px 0}
table.dbtlb-sty-4 td {font-size:16px;color:rgb(119,119,119);text-align:center;border-bottom:1px solid rgb(219,219,219);padding:10px 5px}
table.dbtlb-sty-4 td.left-text {padding-left:10px}
table.dbtlb-sty-4 td strong {color:rgb(34, 34, 34)}
table.dbtlb-sty-4 td:not(:first-child) {border-left:1px solid rgb(219,219,219)}
table.dbtlb-sty-4.small-table th {font-size:13px}
table.dbtlb-sty-4.small-table td {font-size:13px}
.fill-bg-sub .db-tabs2 li a.active {color:rgb(255,83,86)}
.db-tabs2.tab-col-2 li {flex:1}
.db-tabs2 {display:flex;padding:0;border:1px solid #fff;}
.db-tabs2 li {margin-bottom:0}
.db-tabs2 li:first-child {flex:1;/*height:45px;*/}
.db-tabs2 li:not(:first-child) {border-left:1px solid #fff;/*height:45px*/;flex:1}
.db-tabs2 li a {display:block;/*line-height:45px*/;color:#fff;font-size:15px;width:100%;/*height:45px*/;padding:0;text-align:center}
.db-tabs2 li a.active {background:#fff;color:rgb(79,184,79);font-weight:600}
.db-tabs2.event-tabs li a.active {background:#fff;color:rgb(113,128,246);font-weight:600}
.db-tabs2.event-tabs li:first-child {flex:1}
.db-tabs2 li a.active {
	    color: rgb(255,83,86);
}
.db-tabs2 li.fin-cp-tab2 {display:flex; align-items:center; justify-content:center;}
.db-tabs2 li.fin-cp-tab2 a {font-size:14px; /*line-height:normal;*/}
.db-tabs2 li.fin-cp-tab2.active {display:flex; align-items:center; justify-content:center; background:#fff;}
.db-tabs2 li.fin-cp-tab2.active a {font-size:14px; /*height:auto*/; color:rgb(79,184,79); font-weight:600;}
.ajax-modal-content{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 95%;
	height: fit-content;
	padding: 12px;
	background-color: rgb(255, 255, 255);
	border-radius: 20px;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1000;
	box-shadow: 5px 5px 5px 1px rgba(34, 36, 38, 0.3);
	opacity: 0.90;
	text-align:center;
}
.ajax-modal-head {
	width:100%;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color: rgba(0, 0, 0, 10%);
	border-radius: 10px;
	margin-bottom: 10px;
}
.ajax-modal-body {
}
.ajax-modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.4);
}
/*[DBLI Mod End] 2023.02.27 | 이지현 | 변액 펀드 수익률 조회 화면 개발 */

/*[DBLI START] CSD230313000014_보험사기 신고센터 접수 항목, 안내 문구 등 변경 | 모바일웹 | 한병철*/
.filebox .upload-name{	
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    color: #999999;
    border: 1px solid #dddddd;
}

.filebox label{    
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 30px;
}
    
.filebox input[type="file"]{    
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.hidden-insurance {
      border-spacing: 10px;
}
.hidden-insurance tr td:first-child {
    border: 1px solid #f3f0f0;
    border-radius: 10px;
    background: #f3f0f0;
    color: #000;
}
.hidden-insurance tr td:nth-child(2) {
    text-align: right;
    font-weight: bold;
}
.hidden-insurance .noto-botton2 {
    width: 100%;
}
.hidden-insurance-info {
    margin: 0 auto;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
}
.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.loading-area{border:1px solid rgb(0, 133, 74); border-radius:10px; height:170px; padding:10px 10px;}
.loading-area>p{margin:0 auto;padding:10px 5px;top:15%;letter-spacing:-0.05em;line-height:18px;font-family:'Noto Sans';font-style:normal;font-weight:500;font-size:12px;text-align:center;}
.loading-area>img{width:50%;top:15%;text-align:center;margin:10px auto;}
/*[DBLI END] CSD230313000014_보험사기 신고센터 접수 항목, 안내 문구 등 변경 | 모바일웹 | 한병철*/
/*[DBLI START] 모바일 웹 유튜브 반응형 css 추가 | 신제원  | 2024.07.16 */
.player{
	padding-top:56.25%; /* 화면비 16:9 */
	position:relative;
}
.player iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*[DBLI END] 모바일 웹 유튜브 반응형 css 추가 | 신제원  | 2024.07.16 */



/* s : 소비자 보호공간 전체 메뉴 241121 */
.consumer-menu-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
.consumer-menu-wrap .item-area {
    width: 100%;
    flex-shrink: 0;
    /* -ms-flex: 1 1 0; */
    margin-bottom: 20px;
}
.consumer-menu-wrap .boxs {
    display: block;
    padding: 18px 13px 15px;
    border: 1px solid #00854a;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.consumer-menu-wrap .item-area .boxs + .boxs {
    margin-top: 10px;
}
.consumer-menu-wrap .boxs h5, .consumer-menu-wrap .item-area .boxs {
    /*color: #00854a;*/
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.03rem;
    line-height: 24px;
}
.consumer-menu-wrap .item-area .boxs {
    color: #000;
    padding: 18px 23px;
}
.consumer-menu-wrap .boxs ul {
    margin-top: 18px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
.consumer-menu-wrap .boxs ul li {
    line-height: 40px;
    margin-bottom: 5px;
    background-color: #f3f3f3;
    color: #000;
    border-radius: 3px;
}
.consumer-menu-wrap .boxs ul li a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    padding-left: 10px;
}
.consumer-menu-wrap .boxs ul li a::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 10px;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../../resources/images/consumer/protection/consumer_space_small_arrow.png');
}
.consumer-menu-wrap .boxs ul li:last-child {
    margin-bottom: 0;
}
.consumer-menu-wrap .item-area .boxs {
    position: relative;
}
.consumer-menu-wrap .item-area .boxs::after {
    content: '';
    width: 6px;
    height: 12px;
    right: 20px;
    top: 50%;
    position: absolute;
    margin-top: -6px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../../resources/images/consumer/protection/consumer_space_arrow.png');
}
.consumer-menu-wrap .boxs a:hover {
    color: #00854a;
    text-decoration: underline;
    font-weight: bold;
    text-underline-offset: 2px;
}
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 0.1em;
    overflow: hidden;
    text-indent: -9999px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}
/* e : 소비자 보호공간 전체 메뉴 241121 */
/* e : 알림톡 화면 241229*/
.notification-talk .nt-header {
		height: 60px;
		padding: 10px 15px 0;
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-moz-box-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-image: url('resources/images/notification-talk/linear.png');
		background-repeat: no-repeat;
		background-size: auto 11px;
		background-position: center bottom;
	}

.notification-talk .nt-header img {
	display: block;
	height: 30px;
}

.notification-talk .nt-header::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #00854a;
	z-index: -1;
}

.notification-talk .nt-header::before {
	content: '';
	position: absolute;
	right: 50%;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #8dc63f;
	z-index: -1;
}

.nt-contents {
	padding-left: 10px;
	padding-right: 10px;
}

.nt-contents h3 {
	margin-top: 35px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #00854a;
	letter-spacing: -0.05em;
}

.nt-contents .nt-box ol {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nt-contents .nt-box ol li {
	line-height: 2;
	font-size: 11px;
	letter-spacing: -0.03em;
	color: #555;
}

.nt-contents .nt-box {
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p.nt-txt {
	margin-bottom: 0;
	padding: 10px 5px;
	font-size: 11px;
	line-height: 2;
	color: #555;
}

.nt-contents p.nt-txt + ol {
	padding-top: 0;
}

.nt-footer {
	padding: 15px;
	background-color: #eee;
	margin-top: 35px;
}

.nt-footer p, .nt-footer p strong {
	margin: 0;
	line-height: 16px;
	font-size: 10px;
	color: #838383;
	text-align: center;
}

@media (max-width: 340px) {
	.nt-contents h3 span {
		display: block;
	}
}
/* e : 알림톡 화면 241229*/

/* s : 개인정보처리방침, 신용정보활용체제 공시팝업 추가 */
.disclosure-list {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;text-align: center;font-size: 12px;}
.disclosure-list li {width: 33%;flex-shrink: 0;padding: 5px;box-sizing: border-box;border-left: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;list-style: none;word-wrap: break-word;margin-bottom: 0;line-height: 1em;}
.disclosure-list li:nth-child(3n) {border-right: 1px solid #e6e6e6;}
.disclosure-list li:last-child {border-right: 1px solid #e6e6e6;}
.disclosure-list li:nth-child(-n+3) {border-top: 1px solid #e6e6e6;}

/* .tab-elements .disclosure-list {display: none;} */
.tab-elements .disclosure-list li {width: 100%;border-right: 1px solid #e6e6e6; text-align: left;}
.tab-elements .disclosure-list li:nth-child(-n+3) {border-top: 0;}
.tab-elements .disclosure-list li:first-child {border-top: 1px solid #e6e6e6;}

/* e : 개인정보처리방침, 신용정보활용체제 공시팝업 추가 */