/* contents common */
.pc_txt_block {display: block;}
.mo_txt_block {display: none;}
.mo_txt_block2 {display: none;}

.fw_400 {font-weight: 400 !important;}

.line_section {border-top: 1px solid #e2e8f0;}
.pc_line_section {border-top: 1px solid #e2e8f0;}

.cms_bg_color01 {background-color: #f5f5ff !important;}

.img.cms_type01 {width: 3.2rem; height:3.2rem !important;}

.pointer_none {pointer-events: none;}

/* 상품 상세 보험상품 배너 */
.cms_banner_img {
    /* content: ''; */
    position: absolute;
    right: 2.4rem;
    top:50%;
    width:12rem;
    height:12rem;
    transform: translateY(-50%);
    background-size: 12rem 12rem;
    background-repeat: no-repeat;
    background-position: 0 0;
}

@media (max-width: 1020px) {
    .care_list > a > img {
        width: 5.6rem;
        height: 5.6rem;
        right: 2rem;
        bottom: 2rem;
        top: auto;
        transform: none;
    }
}

@media (max-width: 1020px) {
    .care_list > a > img {
        witdh: 5.6rem;
    }
}

/* 상품 상세 보험료할인 영역 */
.cms_banner_img02 {
	/* content:''; */
	position: absolute;
	left:2.4rem;
	top:50%;
	width:5.6rem;
	height:5.6rem;
	transform: translateY(-50%);
	background-repeat:no-repeat;
	background-position: 0 0;
}

/* 자동차보험 - 친구소개 이벤트 참여완료 */
.mt_s {margin-top:1.2rem !important;}
.mt_l {margin-top:4.0rem !important;}
.btn_height {height: 5.6rem;}
.cm_img_box {width: 33.5rem;}

@media all and (max-width: 587px) {
    .pc_txt_block {display: none;}
    .mo_txt_block {display: block;}

    .line_section {border-top: 8px solid #f3f6fa}
}

@media all and (max-width: 800px) {
    .mo_txt_block2 {display: block;}
}

/* CMKCLM13M01 뺑소니/무보험보상 */
@media all and (max-width: 800px) {
    .m_pd20 { padding: 0px 20px 0px 20px}
    .list_procedure2 li + li {margin-left: 4.8rem;}
}

/* 보상 메인 */
.banner-img {right: 1.6rem; width: 8.8rem; height: 8.8rem; background-size: 100% auto; position: absolute; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: 0 0;}

/* 수화 보험상담 */
.language_process {margin-top:6.4rem;padding:4.8rem 2rem 4.8rem 2rem;background-color: #f3f6fa;} 

.pd_banner.col_type {position:relative;padding: 0 20px 0 20px !important; background-color: #fff;text-align: left;}

@media all and (max-width: 800px) {
    .banner_noti .cont_tit02 {font-size: 1.9rem;}
}


.ui_btn.call_type span::before {
    content: '';
    display: block;
    position: absolute;
    left: -2.4rem;
    top: 50%;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: url(/cms/resource/theme/images/controls/ic_btn_calllink.svg) 0 0 no-repeat;
}

.ui_btn.call_type span {
    position: relative;
}

.img_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

/* CMKPDD03P02 운전자보험 무이자 할부 안내*/
.pdd_card_logo_group {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
}

.pdd_card_logo_group .img {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: #f3f6fa;
    border-radius: 50%;
    overflow: hidden;
}

.pdd_card_logo_group .img img {
    width: auto;
}

.pdd_card_logo_group .cont_desc {
    flex: 1;
    align-self: center;
}

/* 상품상세 하단 아이콘 배너 사이즈 */
@media (max-width: 1020px) {
    .care_list > a > img {
        width: 8.6rem;
        height: 8.6rem;
        right: 0.3rem;
        bottom: 2rem;
        top: auto;
        transform: none;
    }
}

@media all and (max-width: 800px) {
    .m_w70 {width:70% !important}
}

.box_card_group .cell2 {
    margin-bottom: 1.6rem;
    padding: 2.4rem;
    border-radius: 1.6rem;
    background-color: #fff;
    border: 1px solid #e2e8f0;
}
.box_card_group.link_type .cell2 {
    position: relative;
    padding: 0 !important;
}
.pd_contents .box_card_group .cell2 {
    width: calc(50% - 1.2rem);
}
.pd_contents .box_card_group.link_type .cell2 {
    margin-bottom: 0;
}

.box_card_group.link_type .cell2 > div {
    display: block;
    position: relative;
    padding: 1.6rem 5rem 1.6rem 2.4rem;
    z-index: 2;
}

@media (max-width: 1020px) {
    .pd_contents .box_card_group .cell2 {
        width: 100%;
        padding: 1.6rem 2.4rem;
    }
}

@media (max-width: 1020px) {
    .pd_contents .box_card_group .cell + .cell2 {
        margin-top: 1.6rem;
    }
}

.cms_benefit01 .item::before {
    /* content: ''; */
    position: absolute;
    left: 2.4rem;
    top: 50%;
    width: 5.6rem;
    height: 5.6rem;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 0 0;
}


@media all and (max-width: 587px) {
    .cms_height_banner01 {
        height: 210px;
    }

    .swiper-slide > .cont_tit02 {
        font-size: 1.9rem;
    }
}

/* CMKPDM05M01 혜택 배너 */
.swiper.add_banner_wrap {border-radius: 1.6rem;}
.swiper.add_banner_wrap .swiper-slide {padding: 2.4rem 3.2rem;}
.swiper.add_banner_wrap .banner_inner {display: flex; padding-right: 8rem; flex-direction: column; justify-content: center; min-height: 8rem;}
.add_banner_wrap .add_banner_title, .add_banner_wrap .add_banner_desc {color:#fff}
.add_banner_wrap .add_banner_title + .add_banner_desc {margin-top: .8rem;}
.add_banner_wrap .add_banner_desc .span_link{padding-right: 1.8rem; background: url(/cms/resource/theme/images/cont/pd/05M01/ic16_arrow_gray450.svg) right center no-repeat;}
.pc_br{display: block;}
.mo_br{display: none;}
@media all and (max-width: 587px) {
    .pc_br{display: none;}
    .mo_br{display: block;}
}

/* CMKPDM02P01 만기알림신청 배너 */
.evt_expiration_banner{border: 1px solid #153581;border-radius: 1.6rem;overflow: hidden;word-break: keep-all;background-color: #fff;}
.evt_expiration_top{padding: 2rem 2.4rem 1.2rem;}
.evt_expiration_flex{display: flex;align-items: center;justify-content: space-between;gap: 4rem;}
.evt_expiration_top img{width: 8.8rem;height: auto;}
.evt_expiration_banner .cont_tit03{color: #153581}
.evt_expiration_banner .ft_sm{color: #464d57}
.evt_expiration_gum{font-size:1.2rem;color: #aab8c8;}
.evt_expiration_bottom{display: block;padding: 1.2rem;text-align: center;background-color: #153581;color: #fff;}