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

.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !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;padding-bottom: 4rem;}
.swiper.add_banner_wrap .swiper-slide {padding: 2.4rem 3.2rem;border-radius: 1.6rem;}
.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;max-width: 33%;}
.evt_expiration_banner .cont_tit03{color: #153581}
.evt_expiration_banner .ft_sm{color: #464d57}
.evt_expiration_gum{font-size:1.2rem;color: #aab8c8;word-break: normal;}
.evt_expiration_bottom{display: block;padding: 1.2rem;text-align: center;background-color: #153581;color: #fff;}
@media all and (max-width: 400px) {
    .evt_expiration_flex{gap: 1rem;}
}
@media all and (max-width: 320px) {
    .evt_expiration_flex{flex-direction: column;}
    .evt_expiration_top img{max-width: none;}
}

/* 공식 상품몰 */
.mall_container .cont_wrap {padding:4.8rem 0}
.mall_container .product_list{display: flex; margin-top: 2.4rem; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; gap: 1.6rem;}
.mall_container .product_list.product_car_wrap{margin-top: 1.6rem;flex-direction: row-reverse;}
.mall_container .product_list_item {width: calc(25% - 1.2rem);}
.mall_container .product_list_item a {display: flex; height: 100%; border: 1px solid #d5ddea; padding: 3.2rem; flex-direction: column; justify-content: space-between; border-radius:1.6rem; color: #181d24; background-color: #fff;}
.mall_container .product_list_item a:hover, .mall_container .product_list_item a:focus, .mall_container .product_list_item a:active, .mall_container .product_list_item a:focus-visible{border-color: #4d4fd1; color: #fff; background-color: #4d4fd1;}
.mall_container .product_list_item .cont_pop_tit + .cont_desc{margin-top: .8rem;}
.mall_container .product_list_item .pl_img{display: flex; margin-top: 3.2rem; justify-content: flex-end}
.mall_container .product_list_item img{width: 7.2rem;}
.mall_container .product_car_item{display: flex; padding: 3.2rem; border-radius:1.6rem; word-break: keep-all;}
.mall_container .product_car_item.item1{align-items: center; justify-content: space-between; flex: 1; gap: .8rem; background-color: #f5f5ff;}
.mall_container .product_car_item.item2{flex-direction: column; flex: 0 0 28.8rem; border: 1px solid #d5ddea; background-color: #fff;}
.mall_container .product_car_item .cont_pop_tit + .cont_desc{margin-top: .8rem;}
.mall_container .product_car_item .cont_desc + .cont_tit01{margin-top: .8rem;}
.mall_container .cont_btn{margin-top: 1.6rem; display: inline-flex; padding:.8rem 1.6rem; color: #fff; border-radius: .8rem; background-color: #4d4fd1; font-size: 1.5rem; line-height: 1.3;}
.mall_container .cont_btn .arrow_right{padding-right:1.6rem; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4L10 7.96061L6 12' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") right center no-repeat;background-size: contain;}
.mall_container .product_car_item .desc2{font-size: 1.3rem; }
.mall_container .gum{word-break: break-all;color: #b5c2d3;}

@media (max-width: 1240px){
    .mall_container .cont_wrap{padding: 4.8rem 2rem;}
}
@media (max-width: 1000px){
    .mall_container .product_list_item a{padding: 1.6rem;}
    .mall_container .product_list_item br{display: none;}
}
@media (max-width: 800px) {
    .mall_container .pc_txt_block{display: none;}
    .mall_container .cont_wrap{padding: 3.2rem 2rem;}
    .mall_container .product_list{justify-content: flex-start;}
    .mall_container .product_list.product_car_wrap{flex-direction: row;}
    .mall_container .product_list_item {width: calc(33.3% - 1.06rem);}
    .mall_container .product_list_item:nth-child(2){order:4;}
    .mall_container .product_list_item:nth-child(4){order:5;}
    .mall_container .product_list_item:nth-child(6){order:6;}
    .mall_container .product_list_item:nth-child(8){order:7;}
    .mall_container .product_list_item a {flex-direction: column-reverse; text-align: center;}
    .mall_container .product_list_item .cont_pop_tit{font-size: 1.5rem;}
    .mall_container .product_list_item .cont_desc{display: none;}
    .mall_container .product_list_item .pl_img{margin:0 0 .4rem 0;justify-content: center;}
    .mall_container .product_list_item img{width: 4.8rem;}
    .mall_container .hide_mo{display: none;}
    .mall_container .product_car_item.item1{padding: 1.6rem 2.4rem; flex-direction: column-reverse;justify-content: center;}
    .mall_container .product_car_item.item1 .pc_img{display: flex; justify-content: center;width: 8rem;}
    .mall_container .product_car_item.item2{padding:1.6rem; justify-content: center; flex:1;}
    .mall_container .cont_btn{margin-top: 0;padding: .8rem 1.6rem .8rem 2rem;font-size: 1.3rem;}
    .mall_container .product_car_item .cont_tit01{letter-spacing: -.05em;}
    .mall_container .product_car_item .cont_desc{font-size: 1.5rem;}
}
@media (max-width: 400px){
    .mall_container .product_list_item a{padding: 1.6rem .2rem;}
    .mall_container .product_car_item.item1{padding:1.6rem;}
}
@media (max-width: 360px){
    .mall_container .product_car_item.item1, .mall_container .product_car_item.item2{padding: 1.6rem 1.2rem}
    .mall_container .cont_btn{padding: .8rem 1.2rem .8rem 1.6rem;}
    .mall_container .product_car_item .cont_tit01{font-size: 2.1rem;letter-spacing: -.08em;}
}
@media (max-width: 319px){
    .mall_container .product_list{gap:1rem}
    .mall_container .product_car_item.item1, .mall_container .product_car_item.item2{padding: 1.4rem 1rem}
    .mall_container .cont_btn{padding: .8rem .8rem .8rem 1.2rem;font-size: 1.2rem;}
    .mall_container .product_car_item .cont_tit01{font-size: 1.9rem;}
    .mall_container .product_car_item .cont_desc{font-size: 1.4rem;letter-spacing: -.05em;}
    .mall_container .sub_desc2{font-size: 1.1rem;}
}
/* CMKMYC01P02_CMS001 장기보험 갱신형 특약가입 안내 */
.pop_rsc{padding:2.4rem;border: 2px solid #bfd6ea;border-radius:1.2rem;background-color: #f3f9fe;word-break: keep-all;}
.pop_rsc_header img{width: 4.8rem;height: auto;}
.pop_rsc_inner .tit_set{margin-top: 1.6rem;background: url(/cms/resource/theme/images/cont/my/01M02/img_envelope.png) 100% center no-repeat;}
.pop_rsc_inner .tit_set h1{font-size: 3rem;color:#00008f;}
.pop_rsc_inner .tit_set h2{margin-top: .4rem;font-size: 1.9rem;font-weight: 400;color:#464d57;}
.pop_rsc_inner .cont_set{margin-top: 1.6rem;padding:2.4rem;border-radius:.8rem;background-color: #fff;}
ol.cont_set_ol{display: block;padding: 0 0 0 2.4rem;list-style: none;overflow: hidden;counter-reset: numList;}
ol.cont_set_ol > li{position: relative;}
ol.cont_set_ol > li:before{width: 1.6rem;height: 1.6rem;border-radius: 50%; counter-increment: numList;content:counter(numList);position: absolute;top:.3rem;left: -2.4rem;background-color: #464d57;font-size: 1.2rem;font-weight: 500;line-height: 1.6rem;color: #fff;text-align: center;}
ol.cont_set_ol > li + li{margin-top: .8rem;}
ol.cont_set_ol > li > em{text-decoration: underline;font-weight: 500;color: #1d69db;}
@media (max-width: 520px) {
    .pop_rsc{padding:1.6rem;}
    .pop_rsc_header img{width: 3.2rem;}
    .pop_rsc_inner .tit_set{background: none;}
    .pop_rsc_inner .tit_set h1{font-size: 2.4rem;}
    .pop_rsc_inner .tit_set h2{margin-top: .4rem;font-size: 1.7rem;}
    .pop_rsc_inner .cont_set{margin-top: .8rem;}
}