@charset "utf-8";

/**************************************************************************************************/
/* 보험상품 공통 */
/**************************************************************************************************/
.f-white {
    color: transparent;
}
.innerboxs{
    position: relative;
}
.accordion-16px{
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.content-inner{
    padding: 20px;
}
button.quesbtn-wrap{
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    transform: translate(10%, 10%);
}
.quesbtn-wrap span.ques{
    position: absolute;
    left: 0;
    top: 0;
}


/* 폰트 설정 */
.sub-title1{
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 34px;
    color: #222222;
    font-weight: 400;
    margin-bottom: 22px;
}
.sub-title1 .bold{
    font-weight: 700;
}
.sub-title1.sub-title-top {
	padding-top:32px;
}
.bodyfont30{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.4;
}
.bodyfont24{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.41;
}
.bodyfont20{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.4;
}
.bodyfont18{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1;
}
.bodyfont16{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1;
}
.bodyfont14{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.42;
}
.bodyfont12{
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.6;
    font-weight: 400;
}
.font-r {
    font-weight:400;
}


/* 아코디언메뉴 */
.accordion {
    width: 100%;
    background: #FFF;
    width: calc(100vw - 45.444vw);
    left: 44.444vw !important;
    top: 17px !important;
}
#accordion1 {
    top: 10.5vw !important;
}
.accordion>li:nth-of-type(1) {
    padding-top: 0;
}
.accordion>li {
    padding: 15px 0;
}
.accordion .link {
    display: block;
    position:relative;
    color: #4D4D4D;
    font-size: 16px;
    font-weight: 500;
}
.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li i:before {
    content:'';
    display: inline-block;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    width: 8px;
    height: 8px;
    position: absolute;
    margin-top: 10px;
    right: 5.556vw;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform 300ms;
}
.accordion li.open i:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 5px;
}
.submenu {
    display: none;
    font-size: 14px;
}
.submenu li {
    margin-top: 18px;
}
.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    font-size: 14px !important;
}

.app-setting-wrap {
    width: 100%;
}
.accordion.app-setting {
    width: 100%;
}
.accordion.app-setting li {
    padding: 0;
    border-top: 1px solid #eee;
}
.accordion.app-setting li.open>.link {
    color: #19C4D8;
    font-weight: 500;
    transition: color 300ms;
}
.accordion.app-setting li.open>.link.no-color {
    color: #222;
}
.accordion.app-setting li>.link.version {
    border-bottom: 1px solid #eee;
}
.accordion.app-setting li>.link {
    padding: 20px 13.889vw  20px 4.444vw;
    display: flex;
    letter-spacing:-0.02em;
    line-height: 1.5;
    transition: color 300ms;
}
.accordion.app-setting li>.link.push-app {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.accordion.app-setting li>.link.push-app i:before {
    content: "";
    display: none;
}
.accordion.app-setting li ul li {
    border: 0;
    background: #f7f7f7;
    margin: 0;
    padding: 20px 0 0 4.444vw;
}
.accordion.app-setting li ul li:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.accordion.app-setting li ul li:nth-last-of-type(1) {
    padding-bottom: 20px;
}
.accordion.app-setting li .drop-arrow {
    position:absolute;
    right:5.556vw;
    top:25px;
    width:16px;
    height:16px;
    background:url("../images/common/btn_accordion_down_16px.svg") no-repeat center center;
    background-size:100% auto;
    -webkit-transition:transform 300ms;
    transition:transform 300ms;
}
.accordion.app-setting li.open .drop-arrow {
    -webkit-transform:rotateZ(180deg);
    transform:rotateZ(180deg);
}

.accordion.app-setting.faq {
    margin-top: 5px;
}
.accordion.app-setting.faq li>.link::before {
    content:'Q';
    font-size: 16px;
    color: #897EF1;
    display: inline-block;
    margin-right: 10px;
}
.accordion.app-setting.faq>li:nth-last-of-type(1) {
    border-bottom: 1px solid #eee;
}
.accordion.app-setting.faq li {
    border-top: 0;
}
.accordion.app-setting.faq li ul li:nth-of-type(1) {
    border-top: 0;
}
.accordion.app-setting.faq li ul li {
    background: #fff;
    padding: 0 10.556vw 5.556vw 10.556vw;
}
.accordion.app-setting.faq li ul.faq li a {
    line-height: 1.5;
}
.accordion.app-setting.faq li ul.faq li .cont {
    color:#666666;
    font-size:12px;
    letter-spacing:-0.02em;
    line-height: 1.5;
}
.accordion.app-setting.faq li>.link {
	color:#000000;
    font-weight:400;
    border-top: 1px solid #eee;
}


/**************************************************************************************************/
/* 가입 설계 동의 */
/**************************************************************************************************/
.join-progress {
	position:relative;
}
.main-txt {
	position:relative;
	font-size:24px;
	letter-spacing:-0.02em;
	line-height:34px;
	overflow:hidden;
	background:#fff;
	z-index:10;
}
.join-progress .main-txt p {
	position:absolute;
	left:30%;
	top:0;
	width:100%;
	opacity:0;
}
.join-progress .main-txt p.txt-step1 {
	position:relative;
	left:0;
	opacity:1;
}
.join-progress .progress-wrap {
	padding-top:20px;
}
.join-progress .form-label {
	display:none;
	opacity:0;
}
.join-progress .view-label {
	display:inline-block;
	margin:0 0 15px;
	color:#666;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
}
.join-progress legend {
	position:absolute;
	left:0;
	top:0;
	font-size:0;
	text-indent:-9999px;
}
.join-progress div[class*="progress-step"]:not(.progress-step1) {
	position:absolute;
	left:0;
	margin-bottom:40px;
	opacity:0;
	z-index:-1;
}
.progress-wrap .progress-btn {
	display:none;
}
.progress-wrap .progress-step1 .progress-btn {
	display:block;
}

.join-progress .progress-wrap.contract .progress-step3 {
	margin-top:0;
	opacity:0;
}
.join-progress .progress-wrap.contract .progress-step4 {
	margin-bottom:30px;
}
.join-progress .progress-wrap.contract .progress-step5 {
	margin-bottom: 30px;
}

/* 고객 동의 팝업 */
.agree-select-wrap {
	padding-bottom:13px;
}
.agree-select-wrap legend {
	position:absolute;
	left:0;
	top:0;
	font-size:0;
	text-indent:-9999px;
}
.agree-select-wrap .agree-all {
	padding:15px 0;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:24px;
	border-bottom:1px solid #eee;
}
.agree-select-wrap label {
	vertical-align:middle;
}
.agree-select-wrap .agree-box {
	padding:20px 0;
}
.agree-box + .agree-box {
	border-top:1px solid #eee;
}
.agree-box strong {
	display:inline-block;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:19px;
}
.agree-box .field-tit {
	margin-bottom:21px;
}
.agree-box .required-chk {
	display:flex;
	justify-content:space-between;
}
.agree-box .required-chk button {
	color:#222;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:19px;
}
.agree-box .required-chk .btn-icon {
	margin-top:-2px;
}
.agree-box .chk {
	white-space:nowrap;
}
.agree-box li {
	display:flex;
	justify-content:space-between;
	margin:16px 0 0;
	font-size:12px;
}
.agree-box li:first-child {
	margin:0;
}
.agree-box li:after {
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
}
.agree-box li .btn-icon {
	margin-top:-3px;
}
.agree-box li .txt {
	flex:auto;
	align-self:flex-start;
}
.agree-box li .chk {
	align-self:flex-end;
}
.agree-box .chk label {
	margin-left:-2px;
	color:#666;
	letter-spacing:-0.02em;
	vertical-align:middle;
}
.agree-box .chk label + .checkbox {
	margin-left:10px;
}
.agree-box .sub-txt {
	color:#999999;
	letter-spacing:-0.02em;
	line-height:18px;
}
.agree-select-wrap .receive-wrap {
	margin:16px 0 0;
	padding:13px 0;
	text-align:center;
	background:#F7F7F7;
}
.agree-select-wrap .receive-wrap label {
	color:#333;
	letter-spacing:-0.02em;
}
.agree-select-wrap .receive-wrap label + .checkbox {
	margin-left:18px;
}
.popup-container .txt-explain {
	margin-bottom:20px;
	color:#999;
	letter-spacing:-0.025em;
	line-height:1.333em;
}


/**************************************************************************************************/
/* 본인 인증 */
/**************************************************************************************************/
html.html-sign.cert-open {
	height: auto;
	overflow: auto;
}
html.cert-open #wrap {
	display:none;
}
.certification-wrap {
	position:relative;
	width:100%;
	min-height:100vh;
	overflow:hidden;
	background:#fff;
	z-index:1001;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.certification-wrap .certification-head {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:#fff;
	z-index:100;
}
.certification-head .location {
	height:48px;
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:48px;
}
.certification-head .btn-close {
	position:absolute;
	right:0;
	top:50%;
	width:24px;
	height:24px;
	margin-top:-12px;
	background:url("../images/common/btn_close_24px.svg") no-repeat center center;
}
.certification-head .btn-close span {
	font-size:0;
	text-indent:-9999px;
}
.certification-wrap .certification-cont {
	padding-top:68px;
	padding-bottom:108px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.number-certification {
	position:relative;
	padding-top:10px;
	padding-right:100px;
}
.number-certification .input-text {
	padding-right:40px;
}
.number-certification .input-text .count {
	position:absolute;
	right:4px;
	top:6px;
	color:#E83F42;
	font-size:14px;
	text-align:right;
}
.number-certification .btn-inside2 {
	position:absolute;
	right:0;
	bottom:0;
}
.certification-wrap .select-tab {
	position:relative;
	margin:0 0 20px;
	background:#fff;
	z-index:10;
}
.confirm-select-wrap {
	margin-bottom:40px;
}


/* 휴대폰 인증 동의 팝업 */
.btn-receive {
	border-color:#3B3A40;
	background:#3B3A40;
}


/* 본인인증 - 카카오 */
.certification-wrap .kakaopay-img {
	margin:31px -4.444% 0;
	padding-top:66.768%;
	font-size:0;
	text-indent:-9999px;
	background:url("../images/common/img_kakaopay.svg") no-repeat center center;
	background-size:cover;
}
.certification-wrap .kakaopay-img img {
	width:100%;
	vertical-align:top;
	display:none;
}
.certification-wrap .step-order {
	margin:21px 0 0;
}
.step-order li {
	display:flex;
	margin:15px 0 0;
	font-size:14px;
	line-height:19px;
	justify-content:flex-start;
}
.step-order li:first-child {
	margin:0;
}
.step-order li b {
	width:63px;
	color:#19C4D8;
	font-weight:500;
}
.step-order li p {
	flex:1;
	color:#666666;
}


/**************************************************************************************************/
/* 보험료 결제 */
/**************************************************************************************************/
.check-infomation .check-info-content {
	display:none;
}
.check-infomation strong {
	display:block;
	font-size:14px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:20px;
}
.check-infomation .info-box {
	margin-top:10px;
}


/**************************************************************************************************/
/* 보험 게약 체결 */
/**************************************************************************************************/
.insurance-sign .intro-txt {
	margin:30px 0 15px;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:19px;
}
.insurance-sign2 .intro-txt {
	margin:0 0 30px;
	color:#999999;
	letter-spacing:-0.02em;
	line-height:18px;
}
.sign-wrap {
	padding:20px 0 30px;
	background:#fff;
}
#signAll {
	background:#fff;
}
.sign-wrap .sign-top {
	display:flex;
	justify-content:space-between;
}
.sign-wrap .sign-top .name {
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.02em;
}
.sign-wrap .sign-top .name b {
	margin-left:8px;
	color:#19C4D8;
}
.sign-wrap .sign-box {
	height:150px;
	margin:12px 0 0;
	border-radius:4px;
	background:#F7F7F7;
}
.sign-wrap .text-layer {
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
}
.sign-wrap .text-layer p {
	color:#999999;
	letter-spacing:-0.02em;
	line-height:18px;
}
.info-list {
	padding:12px 0;
	background:#F7F9FC;
}
.info-list li {
	display:flex;
	justify-content:space-between;
	padding:8px 0;
	font-size:14px;
	letter-spacing:-0.02em;
	line-height:20px;
}
.info-list li .info-label {
	flex:1;
	padding-right:20px;
}
.info-list li .info-cont {
	flex:1.2;
	font-weight:500;
	text-align:right;
}
.info-list .main-confirm .info-cont {
	word-break:break-all;
}
.insurance-sign2 {
	background:#fff;
}
.insurance-sign2 .container {
	background:#fff;
}
.insurance-sign2 .info-list {
	margin:30px 0 0;
}


/* as-is 서명 영역 디자인 */
.sign_tit {
	display:flex;
	justify-content:space-between;
}
.sign_tit h3 {
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.02em;
}
.sign_tit .dib {
	margin-left:8px;
	color:#19C4D8;
}
.sign_tit .dib.pink {
	color: #FB7091;
}
.sign_tit .btn-reset {
	display:inline-block;
	position:relative;
	padding-bottom:2px;
	color:#333;
	font-size:12px;
	letter-spacing:-0.02em;
	background:none;
}
.sign_tit .btn-reset:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:1px;
	background:#333;
}
.sign_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height:150px;
	margin:12px 0 0;
	overflow:hidden;
	border-radius:4px;
	background:#F7F7F7;
}
.sign_wrap .guide {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:100%;
	height:100%;
	color:#fff;
	font-size:16px;
	letter-spacing:-0.02em;
	line-height:1.5em;
	background:rgba(0,0,0,0.7);
}
.sign_wrap .guide:before {
	content:"";
	display:inline-block;
	width:100%;
	height:64px;
	margin-bottom:6px;
	vertical-align:top;
	background:url("../images/insurance/sign_click.png") no-repeat center center;
	background-size:auto 64px;
}
.sign-dim::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

.signbox {
	position:fixed;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-1;
}
.signbox h6 {
	position:relative;
	padding:30px 0 15px;
	color:#222;
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:1.5;
}
.signbox h6:after {
	content:"";
	position:absolute;
	left:50%;
	top:10px;
	width:80px;
	height:3px;
	margin-left:-40px;
	border-radius:1.5px;
	background:#dddddd;
}
.signbox h6 .cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:30px;
	opacity:0;
	z-index:1;
}
.signbox .signarea .sign-test {
	position: absolute;
	left: 0;
	width: 1px;
	height: calc(100% + 1px);
}
.signbox .signarea {
	position:absolute;
	left:0;
	bottom:-100vh;
	width:100%;
	height:auto;
	padding:0 4.444%;
	border-radius:16px 16px 0 0;
	background:#fff;
	z-index:1001;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:300ms;
	transition:300ms;
}
.signbox .buttons {
	display:flex;
	justify-content:space-between;
	bottom:0;
	padding:20px 0 30px;
}
.signbox .buttons button {
	display:inline-block;
	width:49%;
	height:58px;
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.02em;
	text-align:center;
	line-height:56px;
	border:1px solid #19C4D8;
	border-radius:4px;
	background:#19C4D8;
}
.signbox .buttons button.pink {
	border: 1px solid #FB7091 ;
	background: #FB7091;
}
.signbox .buttons button:first-child {
	border-color:#545861;
	background:#545861;
}
.signbox .dim {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0,0,0,0.7);
	z-index:-1;
	-webkit-transition:300ms;
	transition:300ms;
}
.signbox .signhere {
	background:#F7F7F7;
}
.signbox #signCanvas {
	width:100%;
	height:150px;
}
.signbox.show {
	top:0;
	z-index:1001;
}
.signbox.action .signarea {
	bottom:0;
}
.signbox.action .dim {
	opacity:1;
	z-index:1000;
}
html.html-sign {
	height:100%;
	overflow:hidden;
}
html.html-sign body {
	overflow:hidden;
}
html.html-sign #wrap {
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:unset;
}
html.sign-open {
	height:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
	touch-action:none;
}
html.sign-open body {
	height:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
	touch-action:none;
}
html.sign-open #wrap {
	overflow:hidden;
	touch-action:none;
}
html.sign-open .ground-btm {
	visibility:hidden;
	z-index:-1;
}

/*원데이 실험실 - 운세*/
.container.pb150{padding-bottom: 150px !important;}
/*양끝정렬*/
.bet_wrap{
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.bet_wrap div{
    flex: 1;
}
.bet_center{align-items: center;}
.bg_fff{background: #fff;}

/* == 사주 사용자정보 == */
.saju_time_picker.select-subscription-date > ul > li .innerbox{z-index: 0;}
.saju_time_picker.select-subscription-date > ul > li:not(.end).on .time-select{z-index: 0;}
.select-subscription-date > ul > li span.md_span{
    font-size: 20px;
    font-weight: 600;
    padding: 0 5px;
    height: 127px;
    line-height: 127px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.select-subscription-date > ul > li span.md_span::before,
.select-subscription-date > ul > li span.md_span::after{
    content:"~";
    color: #bbb;
    font-weight: 400;
    height: 3px;
    position: absolute;
    top: -52px;
    left: 5px;
}
.select-subscription-date > ul > li span.md_span::after{
    top: unset;
    bottom: 76px;
}
.saju_time_picker.select-subscription-date > ul > li span.time{
    font-size: 0;
}
.saju_time_picker.select-subscription-date > ul > li:nth-child(1).on span.time{
    color:#0ec99d;
}
.saju_time_picker.select-subscription-date > ul > li span.bodyfont18 span{
    font-size: 18px;
}
.saju_time_picker .time-select-wrap{
    width: auto;
} 
.saju_time_picker.select-subscription-date .mbsc-scroller-wheel-wrapper{
    width:auto;
    min-width: unset;
    padding-right: 0;
}
.saju_time_picker.select-subscription-date .mbsc-datetime-hour-wheel .mbsc-scroller-wheel-item::after{
    content:":";
}
.saju_time_picker.select-subscription-date > ul > li{
    border-bottom:1px solid #222 !important;
    border-top:none;
}
.saju_time_picker .time-select{
    border-top:1px solid #222;
}

/* == 사주,타로 운세결과화면 == */
.luck_result_con .luck_score_wrap *{
    letter-spacing: -0.05em;
    word-break: keep-all;
}
.luck_result_con .luck_detail_wrap *{
    letter-spacing: -0.02em;
    word-break: keep-all;
}
/*운세결과화면 상단*/
.luck_result_con .luck_score_wrap{
    padding: 28px 15px;
    line-height: 1;
    background: #0ec99d url(../images/etc/score_img_unluck.png) no-repeat right 20px top 30px;
    background-size: auto calc(100% - 50px);
}
.luck_result_con .luck_score_wrap.lucky{
    background: #0ec99d url("../images/etc/score_img_luck.png") no-repeat right 20px top 30px;
    background-size: auto calc(100% - 50px);
}
.luck_result_con .luck_score_wrap span.today{
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 4px 7px;
}
.luck_result_con .luck_score_wrap p.score_tit{
    margin-top: 15px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
}
.luck_result_con .luck_score_wrap p.score_tit b{
    font-size: 40px;
    vertical-align: baseline;
    line-height: 1;
    margin: 0 5px;
}
.luck_result_con .luck_score_wrap p.luck_txt{
    margin-top: 10px;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    width: 40%;
}
/*운세결과화면 하단 상세*/
.luck_result_con .luck_detail_wrap{background: #0ec99d;}
.luck_result_con .luck_detail_wrap .bg_fff{    
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.luck_result_con .luck_detail_wrap .inner{
    padding: 30px 15px 50px;
    margin: 0
}
.luck_result_con .luck_detail_wrap .inner > h3{
    color: #0ec99d;
    font-size: 18px;
    font-weight: 500;
}
.luck_result_con .luck_detail_wrap .inner dl{
    padding: 35px 0;
    border-bottom: 1px solid #eee;
}
.luck_result_con .luck_detail_wrap .inner h4{
    font-size: 18px;
    font-weight: 500;
    color: #222;    
    margin: 35px 0 30px;
}
.luck_result_con .luck_detail_wrap .inner dl dt{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #222;
}
.luck_result_con .luck_detail_wrap .inner dl dt p{
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-top: 8px;
}
.luck_result_con .luck_detail_wrap .inner dl:last-of-type{
    border-bottom: none;
    padding-bottom: 0;
}
.luck_result_con .luck_detail_wrap .inner dl dd{
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.luck_result_con .luck_detail_wrap .inner dl dd span:first-child{
	display: block;
    margin-bottom: 10px;
}
.luck_result_con .luck_detail_wrap .inner dl dd span{
	display: block;
}
.luck_result_con .luck_detail_wrap .inner dl:nth-last-child(2){
	border-bottom: none;
	padding: 0;
}

/*하단고정 추천보험 배너*/
.luck_result_con .btm_banner{
    width: 100%;
}
.luck_result_con .btm_banner a{
    background: #f7f7fc url("../images/etc/btm_banner.png") no-repeat right top;
    display: none;
    padding: 40px 20px;
    background-size: auto 933px;
}
.luck_result_con .btm_banner a.on{display: block;}
.luck_result_con .btm_banner a.leisure{
    background-position: right top -135px;
}
.luck_result_con .btm_banner a.trip{
    background-position: right top -270px;
}
.luck_result_con .btm_banner a.car{
    background-position: right top -405px;
}
.luck_result_con .btm_banner a.cyber{
    background-position: right top -540px;
}
.luck_result_con .btm_banner a.gift{
    background-position: right bottom;
}
.luck_result_con .btm_banner a i{
    display: block;
    font-size: 15px;
    font-style: normal;
    letter-spacing: -0.08em;
    color: #222;
    line-height: 1;
    font-weight: 400;
}
.luck_result_con .btm_banner a b{
    display: block;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.08em;
    color: #222;
    margin-top: 8px;    
    font-weight: 600;
}

/*==타로카드화면==*/
/*타로카드 말풍선*/
.tarot_select_wrap .tarot_tit_wrap{
    background: #fff url(../images/etc/tarot_tit_img.png)no-repeat top center;
    background-size: 290px auto;    
}
.tarot_select_wrap .tarot_tit_wrap h4{
    padding: 30px 0 45px;
    padding: 30px 0 45px;
    text-align: center;
    color: #222;
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.08em;
    font-weight: 400;
}
.tarot_select_wrap .tarot_tit_wrap h4 p{}
.tarot_select_wrap .tarot_tit_wrap h4 b{}
/*타로카드 선택*/
.tarot_card_select{margin-top: 15px;}
.tarot_card_select ul{
    font-size: 0;
    text-align: center;
    max-width: 313px;
    padding: 0 20px;
    margin: 0 auto;
}
.tarot_card_select ul li{
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 46px;
    width: calc((100% / 6) - 7px);
    height: 75px;
    text-align: center;
    margin: 0 7px 10px 0;
}
.tarot_card_select ul li:nth-child(6n+0),
.tarot_card_select ul li:last-child{margin-right: 0;}
.tarot_card_select ul li:nth-last-child(-n+4){margin-bottom: 0;}
.tarot_card_select ul li input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 5;
}
.tarot_select_wrap .tarot_card_select ul.load li i{
    background-position: top left;
    opacity: 1;
}
.tarot_card_select ul li i{
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/etc/tarot_card.png")no-repeat center;
    background-size: 100%;
    background-position: top -75px left -45px;
    opacity: 0;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.tarot_card_select ul li input:checked + i{
    background: url("../images/etc/tarot_card_select.png")no-repeat center;
    background-size: 100%;
    transform: rotateY(180deg);
}

/*==타로결과화면==*/
.luck_result_con{
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
/*타로결과 상단*/
.luck_result_con.tarot_result_wrap .float_card_shadow{
    position: absolute;
    width: auto;
    height: auto;
    right: -100px;
    top: -11.5%;
    transition: all, 1s;
    opacity: 0.3;
}
.luck_result_con.tarot_result_wrap .float_card_shadow::after{
    content:none;
    width: 88px;
    height: 147px;
    display: block;
    position: absolute;
    bottom: 6px;
    right: 12px;
    box-shadow: 10px 10px 10px 0px rgb(0 0 0 / 20%);
    transform: rotate(10deg);
    border-radius: 7px;
}
.luck_result_con.tarot_result_wrap .float_card_shadow.load{
    right: 35px;
    top: 14.5%;
    transform: rotateY(360deg);
    opacity: 1;
}
.luck_result_con.tarot_result_wrap .float_card{
    width: 88px;
    height: 147px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #000;
    transform: rotate(10deg);
    box-shadow: 10px 10px 10px 0px rgb(0 0 0 / 20%);
}
.luck_result_con.tarot_result_wrap .float_card.on{
    display: block;
}
.luck_result_con.tarot_result_wrap .tarot_card_result{
    background-image: none;
}
.luck_result_con.tarot_result_wrap .tarot_card_result p.score_tit{
    width: calc(100% - 150px);
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05em;
    font-weight: 600;
    margin-top: 15px;
}
.luck_result_con.tarot_result_wrap .tarot_card_result p.luck_txt{
    width: calc(100% - 150px);
    font-size: 15px;
    letter-spacing: -0.05em;
    line-height: 20px;
}
/*타로카드 결과 하단*/
.luck_result_con.tarot_result_wrap .luck_detail_wrap h3{
    font-size: 16px;
    line-height: 1;
    color: #222;
    letter-spacing: -0.05em;
    font-weight: 600;
    margin-bottom: 20px;
}
.luck_result_con.tarot_result_wrap .luck_detail_wrap dl{
    padding-top: 20px;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #666;
}
.luck_result_con.tarot_result_wrap .luck_detail_wrap dl dt{
    margin-top: 0 !important;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #666;
    font-weight: 400;
}
.luck_result_con.tarot_result_wrap .luck_detail_wrap dl dd{
    padding: 30px 0;
    margin-top: 0; 
}
.luck_result_con.tarot_result_wrap .luck_detail_wrap p{
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #222;
    font-weight: 500;
}

/* 광고팝업 */
.hanaInsuPopUp .wrap {
	position: fixed;
	z-index: 1200;
	bottom: -100%;
	left: 50%;
	width: 100%;
	height: auto;
	margin-top: 0;
	overflow: hidden;
	transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	-webkit-transition: all .5s cubic-bezier(0.55, -0.1, 0, 1.21);
	background: #fff;
	box-sizing: border-box;
	border-radius: 15px 15px 0 0;
	max-width: 700px;
	transform: translateX(-50%);
	font-family: 'Roboto', 'Noto Sans KR';
}

.hanaInsuPopUp.on .wrap {
	bottom: 0px;
	transition: all .5s cubic-bezier(.4, 0, .2, 1);
	-webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
}

.hanaInsuPopUp .dim {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1100;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
}

.hanaInsuPopUp.on .dim {
	visibility: visible;
	transition: all .2s cubic-bezier(.4, 0, .2, 1);
	-wekit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	opacity: 1;
}

.hanaInsuPopUp .slide-tit {
	padding: 30px 24px 20px;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background: url('/static/resources/mo/img/gnb_logo.png') no-repeat;
	background-size: auto 20px;
	background-position: 25px 25px;
}

.hanaInsuPopUp .slide-tit:after {
	content: '';
	display: block;
	clear: both;
}

.hanaInsuPopUp .slide-tit .tit {
	letter-spacing: -1px;
	width: calc(100% - 30px);
	color: #000;
	font-size: 16px;
	line-height: 1;
	word-break: keep-all;
	float: left;
}

.hanaInsuPopUp .slide-tit .btnClose {
	position: absolute;
	top: 20px;
	right: 10px;
	border: none;
	display: block;
	width: 32px;
	height: 32px;
	float: right;
	color: #222;
	text-indent: -9999px;
	background: url('/static/resources/etcurl/img/close-btn.png') no-repeat
		center center;
	background-size: 16px;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.hanaInsuPopUp .slide-cont {
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 0 25px;
	color: #333;
	letter-spacing: -0.08em;
	background: url('/static/resources/platform/oneday/images/etc/hanaInsuPopup_oversea.png') no-repeat;
	background-size: 104px auto;
	background-position: right 15px top;
	font-family: 'Roboto', 'Noto Sans KR';
}

.hanaInsuPopUp .slide-cont p font {
	color: #009591;
}

.hanaInsuPopUp .slide-cont .txt-1 {
	padding-right: 65px;	
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	word-break: break-all;
}

.hanaInsuPopUp .slide-cont .txt-2 {
	margin: 6px 0 20px;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}

.hanaInsuPopUp .slide-cont .txt-3 {
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

.hanaInsuPopUp .slide-cont .txt-4 {
	margin-top: 30px;
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: -0.05em;
	color: #888;
	text-align: center;
}

.hanaInsuPopUp .slide-cont img {
	image-rendering: -webkit-optimize-contrast;
	width: 100%;
}

.hanaInsuPopUp .slide-bottom {
	padding: 0 24px 20px;
}

.hanaInsuPopUp .slide-bottom .btn-close {
	width: 100%;
	display: block;
	padding: 18px 0;
	background: #009591;
	color: #fff;
	border-radius: 30px;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	letter-spacing: -0.08em;
	box-shadow: 0 10px 13px rgba(0, 149, 145, 0.2);
}
@media(max-width:340px){
	.hanaInsuPopUp .slide-cont {
		background-size: 90px auto;
	}
	.hanaInsuPopUp .slide-cont .txt-1 {
		font-size: 16px;		
		line-height: 22px;
	}
	.hanaInsuPopUp .slide-cont .txt-2 {
		margin: 6px 0 15px;
		font-size: 22px;
		line-height: 28px;
	}
	.hanaInsuPopUp .slide-cont .txt-3 {
		font-size: 14px;
		font-weight: 300;
		line-height: 20px;
	}
	.hanaInsuPopUp .slide-cont .txt-4 {
		margin-top: 20px;
		font-size: 11px;
		line-height: 20px;
	}
}

/*골프보험*/
/*main*/
.intro-visual .intro-animation.golf_ani .golf-background{
    width: 100vw;
    height: 60vw;
    position: absolute;
    bottom: 53px;
    left: 0;
    background:url("../images/insurance_intro/golf_bk.png?20230706") no-repeat center bottom;
    background-size:100% auto;
}
.intro-visual .intro-animation.golf_ani .golf-women{
    width: 28.617vw;
    height: 35.814vw;
    background: url(../images/insurance_intro/golf_women.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 26vw;
    top: 2.5vw;
    transform-origin: 10% 10%;
    transform: rotate(-4deg);
    will-change: transform;
    z-index: 3;
}
.intro-visual .intro-animation.golf_ani .golf-arm{
    width: 13.2vw;
    height: 32.5vw;
    background: url(../images/insurance_intro/golf_arm.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 32vw;
    top: 6vw;
    transform-origin: 10% 10%;
    will-change: transform;
    z-index: 4;
}
.intro-visual .intro-animation.golf_ani .golf-arm_2{
    width: 2.3vw;
    height: 15.8vw;
    background: url(../images/insurance_intro/golf_arm_2.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 37vw;
    top: 5.5vw;
    transform-origin: 10% 10%;
    will-change: transform;
    z-index: 2;
}
.intro-visual .intro-animation.golf_ani .golf-ball{
    width: 2.3vw;
    height: 2.3vw;
    background:url("../images/insurance_intro/golf_ball.png") no-repeat center bottom;
    background-size:100% auto;
    position: absolute;
    left: 45.2vw;
    bottom: 23.5vw;
    transform-origin: 10% 10%;
    will-change: transform;
}
.intro-visual .intro-animation.golf_ani .golf-men{
    width: 24vw;
    height: 46.8vw;
    background:url("../images/insurance_intro/golf_men.png") no-repeat center bottom;
    background-size:100% auto;
    position: absolute;
    right: 5vw;
    top: -23vw;
    transform-origin: 10% 10%;
    will-change: transform;
}
.intro-visual .intro-animation.golf_ani .golf-men-gift{
    width: 24vw;
    height: 46.8vw;
    background:url("../images/insurance_intro/golf_men_gift.png") no-repeat center bottom;
    background-size:100% auto;
    position: absolute;
    right: 5vw;
    top: -23vw;
    transform-origin: 10% 10%;
    will-change: transform;
}
.intro-visual .intro-animation.golf_ani .golf-arm-gift-1{
    width: 13.2vw;
    height: 32.5vw;
    background: url(../images/insurance_intro/golf_arm_gift_1.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 32vw;
    top: 6vw;
    transform-origin: 10% 10%;
    will-change: transform;
    z-index: 4;
}
.intro-visual .intro-animation.golf_ani .golf-arm-gift-2{
    width: 2.3vw;
    height: 15.8vw;
    background: url(../images/insurance_intro/golf_arm_gift_2.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 37vw;
    top: 5.5vw;
    transform-origin: 10% 10%;
    will-change: transform;
    z-index: 2;
}
.surfing_intro.golf .intro-visual{height: 550px !important;}
.surfing_intro.golf .intro-icons .icon-list li .icon-animation{height: 105px;}
.surfing_intro.golf .intro-icons .icon-list li:nth-child(1) .icon-animation{
    background:url("../images/insurance_intro/golf-icon01.png") no-repeat center ;
    background-size: auto 91%;
}
.surfing_intro.golf .intro-icons .icon-list li:nth-child(2) .icon-animation{
    background:url("../images/insurance_intro/golf-icon02.png") no-repeat center ;
    background-size: auto 91%;
}
.surfing_intro.golf .intro-icons .icon-list li:nth-child(3) .icon-animation{
    background:url("../images/insurance_intro/golf-icon03.png") no-repeat center ;
    background-size: 77% auto;
}
.surfing_intro.golf .intro-icons .icon-list li:nth-child(4) .icon-animation{
    background:url("../images/insurance_intro/golf-icon04.png") no-repeat center ;
    background-size: 77% auto;
}
/*step1*/
.golf_wrap .select-subscription-date > ul > li.btn_cal{
    border-bottom:0;    
    height: 100px;
}
.golf_wrap .select-subscription-date > ul > li.btn_cal .label{
    top:10px;
    transform: translateY(0);
}
.golf_wrap .select-subscription-date > ul > li.btn_cal .card_radio{
    position: absolute;
    bottom:15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0px 3px;
    width: 100%;
}
.golf_wrap .select-subscription-date > ul > li.btn_cal .card_radio input{
    display: none;
}
.golf_wrap .select-subscription-date > ul > li.btn_cal .card_radio input+label{
    text-align: center;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
    border:1px solid #ddd;
    border-radius: 5px;
    color:#666;
    flex-basis: 20%;
}
.golf_wrap .select-subscription-date > ul > li.btn_cal .card_radio input:checked+label{
    border-color: #1aaabb;
    color:#222;
    transition: all, 0.2s;
}
/*step2*/
.select-li-check-wrap ul li .Check > label span:only-child{
  margin-top: 0;
  font-size: 15px;
  letter-spacing: -0.02em;
  line-height: 23px;
}
.select-li-check-wrap ul li .Check > label span:only-child b{
    font-size: inherit;
    display: inline-block;
    color: #19c4d8;
    font-weight: 500;
    line-height: inherit;
}

/* 2024-02-23 자동차보험 가입휴형 UI 디자인변경*/
.select-tab .ul-car-productkind {
	
}
.select-tab .ul-car-productkind li{
	width:25%;
	padding:0
}
.select-tab .ul-car-productkind li button{
	border:none;
	border-radius: 0;
	background: #545861;
	color: #cacaca;
	height: 60px;
	padding: 0;
	font-weight: normal;
}
.select-tab .ul-car-productkind li button.selected{
	background:#19c4d8;
	color: #fff;
	font-weight: 500;
}

.swiper-pagination.car-productkind{
	position:relative;
	width:100%;
}
.swiper-pagination.car-productkind span{
	position: relative;
	width:25%;
	border:none;
	border-radius: 0;
	background: #545861;
	color: #cacaca;
	height: 60px;
	padding: 0;
	font-weight: normal;
	opacity: 1;
	cursor: pointer;
	user-select:none;
}
.swiper-pagination.car-productkind span::before{
	content:'';
	display: block;
	font-size: 16px;
	line-height:20px;
	position: absolute;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.swiper-pagination.car-productkind span:first-child::before{
	content:'종합형';
}
.swiper-pagination.car-productkind span:nth-child(2)::before{
	content:'기본형';
}
.swiper-pagination.car-productkind span:nth-child(3)::before{
	content:'최소형';
}
.swiper-pagination.car-productkind span:nth-child(4)::before{
	content:'차량손해 \ 보장형';
}

.swiper-pagination.car-productkind span.swiper-pagination-bullet-active{	
	background:#19c4d8;
	color: #fff;
	font-weight: 500;
}
.newTap{
	position:relative;
	width:auto;
	min-width:calc(240px - 8.888%);
	margin:0 4.444%;
}
.newTap .swiper-pagination.car-productkind{
	position:relative;
	width:100%;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newTap .swiper-pagination.car-productkind span{
	position: relative;
	width: calc(33.33% - 6px);
	border:1px solid #19c4d8;
	box-sizing:border-box;
	border-radius: 3px;
	background: #fff;
	color: #19c4d8;
	height: 57px;
	padding: 0;
	font-weight: normal;
	opacity: 1;
	cursor: pointer;
	user-select:none;
}
.newTap .swiper-pagination.car-productkind span.swiper-pagination-bullet-active{	
	background:#19c4d8;
	color: #fff;
	font-weight: 500;
}
.newTap .swiper-pagination.car-productkind span:nth-child(1),
.newTap .swiper-pagination.car-productkind span:nth-child(2){
	width: calc(50% - 4px);
}
.newTap .swiper-pagination.car-productkind span:nth-child(2)::before{
	content:'종합안심형';
}
.newTap .swiper-pagination.car-productkind span:nth-child(3)::before{
	content:'기본형';
}
.newTap .swiper-pagination.car-productkind span:nth-child(4)::before{
	content:'최소형';
	white-space:nowrap;
}
.newTap .swiper-pagination.car-productkind span:nth-child(5)::before{
	content:'차량손해보장형';
}
.newTap .swiper-pagination.car-productkind.pink span{
	border-color:#FB7091;
	color:#FB7091;
}
.newTap .swiper-pagination.car-productkind.pink  span.swiper-pagination-bullet-active{
	background:#FB7091;
	color:#fff
}
.select-product-type-container .type-title{
    padding: 22px 20px;
    background: #19c4d8;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.select-product-type-container .type-title.pink{
	background:#FB7091;
}
.swiper-pagination.car-productkind.pink  span.swiper-pagination-bullet-active{
	background:#FB7091;
}
.select-product-type-container .list-title-wrap .slide-inner-new {
  margin: 30px 16px 9px 16px;
}

.select-product-type-container .swiper-container.new{
	padding:0
}
.select-product-type-container
 .swiper-container.new .select-product-type-list,
.select-product-type-container
 .swiper-container.new .select-product-type-list.swiper-slide-active,
.select-product-type-container.pink
  .swiper-container.new .select-product-type-list.swiper-slide-active{
	border:none
}
.select-product-type-container 
.swiper-container.new .list-content-wrap > .slide-inner{
	margin-top: 30px;
}

.confirmation-subscription .sortation-title-wrap .sortation-title-left{
	display:flex;
	margin-top:5px;
}

.slide-popup .popup-wrap .popup-content .popup-content-ul li > h3{
	padding-top:27px;
	margin-bottom: 0;
	font-size:14px;
	font-weight:700;
	line-height:18px;
}
.slide-popup .popup-wrap .popup-content .popup-content-ul li:first-child > h3{
	padding-top:0px;
}
.popup-content-ul li > h3.point{
	color: #E83F42
}
.popup-content-ul li .dot-list {
	margin-top:10px;
}
.popup-content-ul li .dot-list li{
	margin-bottom: 3px;
}
p.kome {
	position: relative;
	margin: 0 0 0 14px;
	font-size:12px;
	line-height: 18px;
	color: #666;
}
p.kome:before {
	content: "※";
	position: absolute;
	left: -15px;
}

/* 2024-07-25 개인(신용)정보동의현황철회 */
.wrap-pii .title{
    margin: 35px 0 15px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    font-size:16px;
    color:#000;
    font-weight:500;
}
.wrap-pii .title button{
	padding: 4.5px 10px;
	border:1px solid #19c4d8;
	border-radius: 14px;	
	font-size: 12px;
	color:#1aaabb;
}
.wrap-pii .wrap-personal{
    padding: 20px;
    background: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 15px;
}
.wrap-pii .wrap-personal li{
    display:flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.3;
}
.wrap-pii .wrap-personal li:last-child{
    margin-bottom:0;
}
.wrap-pii .wrap-personal li span{
    width:50%;
    word-break:keep-all;
    color: #999;
}
.wrap-pii .wrap-personal li span:last-child{
    color: #222;
    font-weight:500;
    text-align:right;
}
.wrap-pii .wrap-personal li .no-data{
    padding: 75px 0 20px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    background: url("../images/common/popup-icon_exclam.svg") no-repeat top center;
    background-size: 51px auto;
    font-size: 14px;
}
.wrap-pii .btn-withdraw{
    margin-top: 20px;
    padding: 10px 0;
    width: 100%;
    height: 55px;
    font-size: 16px;
    background-color: #20b7a4;
    color: #fff;
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 15px rgb(32 183 164 / 20%);
}
.wrap-personal-notice{
	padding: 20px;
	margin-top:60px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:15px;
}

/* 2024-11-19 골프보험(방카) 취소게약확인*/
.confirmation-subscription.banca.step2View{
	padding-top: 10px;
}
.contract-detail .confirmation-subscription.banca .sortation::after{
	display:none;
}
.contract-detail .confirmation-subscription.banca + .confirmation-subscription.banca{
	position:relative;
	padding-bottom: 0	
}
.contract-detail .confirmation-subscription.banca + .confirmation-subscription.banca::before{
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background-color: #dddddd;
	top: -9px;
	left:0;
	width:auto;
	min-width:calc(100% - 8.888%);
	margin:0 4.444%;
}
.dot-list > li.li-canceled-contract::before{
	display: none;
}
.dot-list > li.li-canceled-contract{
	padding-left: 0;
}
.li-canceled-contract > p{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}
.li-canceled-contract > p .image-block{
	width:75px;
	height:75px;
	animation: bounce 3s linear infinite;
	background: url("../images/common/payment-error.svg") no-repeat center center;
	background-size:contain;
	transform: translateX(-5px);
}