@charset "utf-8";

/* ------------------------------------------------------------- 배포전 ------------------------------------------------------------- */

/* [20230809515960] (긴급)(마이카) 메뉴 추가에 따른 퍼블 요청 */
.community_main.new_type .community_top .category_wrap.cell_scroll.type02{}
.community_main.new_type .community_top .category_wrap.cell_scroll.type02 ul{min-width:444px}

@media only screen and (max-width:760px){
    [tabindex='0']:focus,
    a:focus,
    button:focus {
        outline: 0;
    }
    
}


/* [20230829599436] 마아카플랫폼 마이카 관리 주차 화면 수정 요청의 건 */
/* [20231011616829] 신한마이카 주차 주유 디자인 일부 변경 */
.park_info .btn_copy{display:inline-block;position:relative;margin-left:10px;padding-left:18px;color:#476eff;cursor:pointer}
.park_info .btn_copy:after{display:block;content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:14px;height:17px;background:url(../images/attach/ico_copy.png)no-repeat center / 100%}

.search_gas.type02{padding-top:54px}
.inner_gas.type02{padding-top:0}
.inner_gas.type02 .select_wrap{display:flex;align-items:center}
.inner_gas.type02 .select_wrap .ui_select{flex:1}
.inner_gas.type02 .select_wrap .btn_srch{display:inline-block;overflow:hidden;margin-left:20px;font-size:0;text-indent:-999em;vertical-align:middle;width:18px;height:19px;background:url(../images/auto_finance/btn_srch.png)no-repeat 0 0 / 100%}
.inner_gas.type02 .station_gas_list{border-top:1px solid #ddd}
/* .inner_gas.type02 .station_gas_list .img{width:100%;height:100%;overflow:hidden} */
/* .inner_gas.type02 .station_gas_list .img img{height:100%} */
.inner_gas.type02 .station_gas_list .img .map_marker{position:absolute;width:41px;height:55px;background:url(../images/attach/map_marker.png)no-repeat center / 100%}
.inner_gas.type02 .list_gas .gas_list_li img{padding:0;margin-right:20px;border-radius:50%;background-color:#f6f6f6}
.inner_gas.type02 .list_gas .gas_list_li.active img{background-color:#fff}
.inner_gas.type02 .list_gas .gas_list_li .park_info{width:calc(100% - 105px)}
.inner_gas.type02 .list_gas .gas_list_li .park_info dd{padding-top:5px}
.inner_gas.type02 .list_gas .gas_list_li .btn_navi{position:absolute;;top:50%;right:20px;transform:translateY(-50%);display:block;width:60px;height:60px;background:url(../images/attach/img_electric_sp.png)no-repeat -180px -75px;text-indent:-999em}
.inner_gas.type02 .list_gas .gas_list_li .map_cont{top:calc(50% + 37px);right:20px}

#pageTit + .tab_wrap + .ly_inner.inner_gas.type02{padding-top:0}
.inner_gas.type02 .select_wrap + .chk_wrap{margin-top:20px}
.inner_gas.type02 .select_wrap + .chk_wrap label span i{display:inline-block;margin-left:4px;width:7px;height:7px;border-radius:50%;vertical-align:middle}
.inner_gas.type02 .select_wrap + .chk_wrap label span i.pub_p{background-color:#55d26e}
.inner_gas.type02 .select_wrap + .chk_wrap label span i.gen_p{background-color:#f46f51}
.inner_gas.type02 .map_wrap{position:relative;overflow:hidden;width:100%;height:410px}
.inner_gas.type02 .map_wrap .map_find_btn{display:block;position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:0 15px;background-color:#fff;border:1px solid #dfdfdf;border-radius:12px;box-shadow:3px 3px 7px rgb(0 0 0 / 50%);font-size:12px;font-weight:700;line-height:24px;z-index:5;cursor:pointer}
.inner_gas.type02 .map_wrap .map_area{position:relative;overflow:hidden;width:100%;height:100%}
/* .inner_gas.type02 .map_wrap .map_area img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%} */
.inner_gas.type02 .map_wrap .map_marker2{position:absolute;width:auto;height:27px;border-radius:20px;font-size:12px;line-height:27px;color:#fff}
.inner_gas.type02 .map_wrap .map_marker2 a{display:block;padding:0 14px 0 30px}
.inner_gas.type02 .map_wrap .map_marker2:before{content:'';position:absolute;top:50%;left:3px;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;background:url(../images/attach/parking_logo3.png)no-repeat center / 100%}
.inner_gas.type02 .map_wrap .map_marker2.pub_p{background-color:#55d26e}
.inner_gas.type02 .map_wrap .map_marker2.gen_p{background-color:#f46f51}
.inner_gas.type02 .map_wrap .map_marker2:after{content:'';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);border:1px solid #fff;border-width:5px 4px 5px 4px}
.inner_gas.type02 .map_wrap .map_marker2.pub_p:after{border-color:#55d26e transparent transparent}
.inner_gas.type02 .map_wrap .map_marker2.gen_p:after{border-color:#f46f51 transparent transparent}
.inner_gas.type02 .txt_list{padding:23px 18px;font-weight:300}
.pop_cont .park_info{padding:12px 0 15px}
.pop_cont .park_info dd{margin-top:14px;font-size:12px;color:#666}
.remmd_area .map_info.type02 .btn_copy{display:inline-block;position:relative;margin-left:16px;padding-right:22px;font-size:12px;font-weight:700;color:#666}
.remmd_area .map_info.type02 .btn_copy:after{display:block;content:'';position:absolute;top:0;right:0;width:18px;height:18px;background:url(../images/attach/img_electric_sp.png)no-repeat -260px 0}
.remmd_area .map_info.type02 .btn_navi{display:block;overflow:hidden;position:absolute;top:50%;right:0;transform:translateY(-50%);width:60px;height:60px;background:url(../images/attach/img_electric_sp.png)no-repeat -180px -75px;text-indent:-999em}
.remmd_area .map_info.type02 .map_cont{top:calc(50% + 26px);right:18px}

@media only screen and (max-width:760px){
    .park_info .btn_copy{display:block;margin:5px 0 0;padding-left:15px}
    .park_info .btn_copy:after{width:11px;height:13px;background:url(../images/attach/ico_copy_m.png)no-repeat center / 100%}
    .pop_cont .park_info .btn_copy{display:inline-block;margin:0 0 0 10px}

    .search_gas.type02{padding-top:35px}
    .search_gas.type02 .btn_wrap{margin-top:17px}
    .search_gas.type02 .btn_wrap .btn{width:100%}
    .inner_gas.type02 .shcard_parking .info_box{padding:15px 18px 20px}
    .inner_gas.type02 .select_wrap .btn_srch{margin-left:12px}
    .inner_gas.type02 .station_gas_list .img .map_marker{width:23px;height:31px}
    .inner_gas.type02 .list_gas .gas_list_li{padding:25px 28px 30px}
    .inner_gas.type02 .list_gas .gas_list_li img{width:38px;height:38px;margin-right:10px}
    .inner_gas.type02 .list_gas .gas_list_li .park_info dd{font-weight:300}
    .inner_gas.type02 .list_gas .gas_list_li .btn_navi{right:28px;width:50px;height:50px;background:url(../images/attach/img_electric_sp.png)no-repeat -90px -80px / 200px 200px}
    .inner_gas.type02 .list_gas .gas_list_li .map_cont{top:calc(50% + 32px);right:28px}
    .inner_gas.type02 .list_gas .gas_list_li + .gas_list_li:last-child .map_cont{top:-65px}
    .inner_gas.type02 .list_gas .gas_list_li:nth-child(1) .map_cont{top:15px;right:85px}

    .remmd_area .map_info.type02{padding-right:78px;width:calc(100% - 60px)}
    .remmd_area .map_info.type02 .btn_copy{font-size:12px;padding-right:16px}
    .remmd_area .map_info.type02 .btn_copy:after{top:4px;width:12px;height:12px;background:url(../images/attach/img_electric_sp.png)no-repeat -90px -25px / 200px 200px}
    .remmd_area .map_info.type02 .btn_navi{right:18px;width:50px;height:50px;background:url(../images/attach/img_electric_sp.png)no-repeat -90px -80px / 200px 200px}
}


/* [20230914655278]  마이카 서류다건발송프로세스UI 개선요청 */

/* .pop_wrap.small .popup.loan_pop .loan_pop_dwbox{padding:30px 40px 30px} */
.pop_wrap.small .popup.loan_pop .loan_pop_dwbox{padding:30px 0}
.pop_wrap.small .popup.loan_pop .loan_pop_dwbox .eve_txt_typ03{overflow-y:auto;max-height: 260px;padding:0 40px}
.pop_wrap.small .popup.loan_pop .loan_pop_dwbox .eve_txt_typ03 li:first-child{margin-top: 0;}
.pop_wrap.small .popup.loan_pop .loan_pop_txt2{padding:20px 40px}
.pop_wrap.small .popup.loan_pop  .btn_close{top:43px}

@media only screen and (max-width:760px){
    /* .pop_wrap.small .popup.loan_pop .loan_pop_dwbox{padding:20px} */
    .pop_wrap.small .popup.loan_pop .loan_pop_dwbox{padding:20px 0}
    .pop_wrap.small .popup.loan_pop .loan_pop_dwbox .eve_txt_typ03{max-height: 241px;padding:0 20px}
    .pop_wrap.small .popup.loan_pop .loan_pop_txt2{padding:10px 20px}
    .pop_wrap.small .popup.loan_pop  .btn_close{top:21px}
}



/* [20230914648462] 웰컴저축은행 자동차 담보대출 배너 광고 */
/* [20230915646011] 웰컴저축은행 자동차 담보대출 이벤트 페이지 제작 요청 */
.event_welcome{position: relative;;padding:0 160px}
.event_welcome:after{display: block;content:'';position: absolute;top:60px;right:150px;width:446px;height:425px;background: url(../images/attach/img_welcome.png) no-repeat 0 0 / 100%}
.event_welcome h3{overflow: hidden;width:230px;height:27px;background: url(../images/attach/img_logo_welcome.png) no-repeat 0 0 / 100%;text-indent: -999em;}
.event_welcome .event_info{margin-top: 45px;}
.event_welcome .event_info dl{}
.event_welcome .event_info dt{font-size: 26px;font-weight: 700;line-height: 26px;;}
.event_welcome .event_info dt strong{display: block;margin-top:11px;;font-size: 42px;font-weight:900;line-height: 42px;;}
.event_welcome .event_info dd{margin-top: 20px;font-size: 18px;line-height: 26px;;}
.event_welcome .event_info>p{margin-top:270px;font-size: 14px;line-height: 20px;color:#666;text-align: center;}
.event_welcome .event_info>a{display: block;width:275px;margin:15px auto 0;border-radius: 3px;background-color: #e10317;font-size: 20px;font-weight: 700;color:#fff;line-height: 56px;text-align: center;}
.event_welcome .event_noti{}
.event_welcome .event_noti .btn_noti{margin-top:40px;text-align: center;font-size: 0;}
.event_welcome .event_noti .btn_noti a{display: inline-block;position: relative;padding-right:20px;font-size: 16px;line-height: 16px;vertical-align: top}
.event_welcome .event_noti .btn_noti a:after{display: block;content:'';position: absolute;top:50%;right:0;transform:rotate(180deg) translateY(50%);width:11px;height:6px;background: url(../images/attach/ico_arr11.png) no-repeat 0 0 / 100%;}
.event_welcome .event_noti .btn_noti.active a:after{transform:rotate(0) translateY(-50%)}
.event_welcome .event_noti .list_noti{display: none;;margin-top: 20px;padding:27px 30px;background-color: #ededed;border-radius: 12px}
/* .event_welcome .event_noti .btn_noti.active + .list_noti{display: block;} */
.event_welcome .event_noti .list_noti ul{}
.event_welcome .event_noti .list_noti ul li{position: relative;padding-left:11px;margin-top: 9px;;font-size: 14px;line-height: 20px;color:#666;}
.event_welcome .event_noti .list_noti ul li:first-child{margin-top: 0;}
.event_welcome .event_noti .list_noti ul li:after{display: block;content:'';overflow: hidden;;position: absolute;top:7px;left:0;width:3px;height:3px;background-color: #666;border-radius: 100%;}
.event_welcome .event_noti .list_noti p{margin-top: 9px;;font-size: 14px;line-height: 20px;color:#000;text-align: right}

@media only screen and (max-width:1000px){
    .event_welcome{padding:0 }
}
@media only screen and (max-width:760px){
    .event_welcome h3{width:165px;height:18px;margin:0 auto;background-image: url(../images/attach/img_logo_welcome_m.png)}
    .event_welcome:after{top:165px;left:50%;right:auto;transform: translateX(-50%);width:236px;height:226px;background-image: url(../images/attach/img_welcome_m.png)}
    .event_welcome .event_info{margin-top: 25px;}
    .event_welcome .event_info dl{text-align: center}
    .event_welcome .event_info dt{font-size: 19px;line-height: 19px;;}
    .event_welcome .event_info dt strong{margin-top:6px;font-size: 30px;line-height: 30px;;}
    .event_welcome .event_info dd{margin-top:14px;font-size: 13px;line-height: 18px;;}
    .event_welcome .event_info>p{margin-top:265px;font-size: 11px;line-height: 16px;;}
    .event_welcome .event_info>a{margin-top:27px;width:100%;font-size: 16px;line-height: 48px;}
    .event_welcome .event_noti .btn_noti{}
    .event_welcome .event_noti .btn_noti a{font-size: 14px;line-height: 14px;;}
    .event_welcome .event_noti .btn_noti a:after{width:10px;height:6px;background-image: url(../images/attach/ico_arr30.png)}
    .event_welcome .event_noti .list_noti{margin-top: 20px;padding:17px 20px;border-radius: 10px}
    .event_welcome .event_noti .list_noti ul li,.event_welcome .event_noti .list_noti p{margin-top:13px;font-size: 11px;line-height: 16px;;}
}


/* [20230914462256] MyCar플랫폼 내차 사고 이력 조회 잔여횟수 표기 반영 요청의 건 */
.search_choose{padding: 75px 0 70px}
.search_choose .sel_wrap{overflow:hidden;width:420px;margin:35px auto 0;}
.search_choose .sel_wrap .sel_num{float:left;width:100%;margin-bottom:10px;border-radius:5px;background-color: #e6e6e6;}
.search_choose .sel_wrap .sel_num dl{overflow: hidden;padding:0 20px;font-size: 14px;;line-height: 40px;}
.search_choose .sel_wrap .sel_num dt{float: left;color:#666}
.search_choose .sel_wrap .sel_num dd{float: right;font-weight: 900;color:#000}
.search_choose .sel_wrap  .input{float: left;width:calc(100% - 100px)}
.search_choose .sel_wrap  .btns{float: right;width:95px}
.search_choose .mybt2{}
.search_choose .ico_txt{text-align: left}

@media only screen and (max-width:760px){
    .search_choose{padding: 42px 0 70px}
    .search_choose .title{line-height: 27px;}
    .search_choose .sel_wrap{width:100%;margin:21px auto 0;}
    .search_choose .sel_wrap .sel_num{margin-bottom: 15px;}
    .search_choose .sel_wrap .sel_num dl{padding:0 14px}
    .search_choose .sel_wrap  .input{width:calc(100% - 82px);margin-top: 0;}
    .search_choose .sel_wrap  .btns{width:80px;margin-top: 0;}

}



/* [20230817512283] 제주지니 디자인 제작요청 */
.pop_wrap.finance_wrap.type02 .popup{width:750px}
.pop_wrap.finance_wrap.type02 .popup .pop_head{padding:37px 80px 33px 50px;text-align:left}
.pop_wrap.finance_wrap.type02 .popup .pop_head h1{font-size:20px;font-weight:900}
.pop_wrap.finance_wrap.type02 .popup .pop_cont{padding:0 50px 40px;max-height:571px;background-color:#fff}
.pop_wrap.finance_wrap.type02 .popup .pop_btn{background-color:#fff}
.pop_wrap.finance_wrap.type02 .popup .pop_btn:after{background:url(../images/auto_finance/bg_pop_btn2.png)repeat-x 0 0}
.pop_wrap.finance_wrap.type02 .popup .pop_btn .btn{width:auto;min-width:230px}
.pop_wrap.finance_wrap.type02 .popup .btn_close{right:50px;width:19px;height:19px}

.pop_wrap.finance_wrap.type02 .form_wrap.agree p + .form_box{margin-top:36px}
.accept_list2 .accordion_body .chk_type.chk_type02{margin-top:10px}
.accept_list2 .chk_type.chk_type02 label span{font-size:16px;color:#666}
.accept_list2 .btn_accept{display:block;overflow:hidden;position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;text-indent:-999em;background:url(../images/auto_finance/ico_arr_right5.png)no-repeat 100% 50%}

.pop_wrap.finance_wrap.type02 .agreement h4.title_txt{margin-top:40px;font-size:18px}
.pop_wrap.finance_wrap.type02 .agreement dl{margin-top:30px;font-size:14px;line-height:20px}
.pop_wrap.finance_wrap.type02 .agreement dl dd{margin-top:18px;color:#666}
.pop_wrap.finance_wrap.type02 .agreement .table thead th{font-size:14px}
.pop_wrap.finance_wrap.type02 .agreement .list_style li{color:#666}
.list_style .number_list{margin-top:0}
.number_list{counter-reset:number 0}
.number_list>li{padding-left:15px;position:relative}
.number_list>li:before{counter-increment:number 1;content:counter(number)'.';position:absolute;top:0;left:0}
.number_list>li:nth-child(n+10){padding-left:22px}
.number_list>li+li{margin-top:3px}
.number_list.circle{margin:0;padding:0}
.number_list.circle>li{padding-left:17px}
.number_list.circle>li:before{content:counter(number)'';display:flex;justify-content:center;align-items:center;top:3px;width:12px;height:12px;border:1px solid #666;border-radius:50%;font-size:10px;line-height:10px}
.list_style .number_list.pl1>li,
.number_list.pl1>li{padding-left:18px}
.number_list.pl1>li:before{content:counter(number)')';}
.number_list.pl1>li:nth-child(n+10){padding-left:28px}
.list_style .number_list.pl2>li,
.number_list.pl2>li{padding-left:24px}
.number_list.pl2>li:before{content:'('counter(number)')';}
.number_list.pl2>li:nth-child(n+10){padding-left:34px}

@media only screen and (max-width:760px){
    .pop_wrap.finance_wrap.type02 .popup{width:auto}
    .pop_wrap.finance_wrap.type02 .popup .pop_head{padding:18px 38px 18px 18px!important}
    .pop_wrap.finance_wrap.type02 .popup .pop_cont{max-height:100%;padding:18px}
    .pop_wrap.finance_wrap.type02 .popup .pop_btn{padding:0 18px 18px}
    .pop_wrap.finance_wrap.type02 .popup .pop_btn:after{height:90px}
    .pop_wrap.finance_wrap.type02 .popup .pop_btn .btn{width:100%}
    .pop_wrap.finance_wrap.type02 .popup .btn_close{width:14px;height:14px;top:20px;right:18px}

    .pop_wrap.finance_wrap.type02 .form_wrap.agree p + .form_box{margin-top:24px}
    .pop_wrap.finance_wrap.type02 .agree_box .accordion_wrap .header_first>.btn_accordion{background:url(../images/auto_finance/ico_arr_down_m.png)no-repeat 100% 50% / 12px 7px}
    .pop_wrap.finance_wrap.type02 .agree_box .accordion_wrap .header_first>.btn_accordion.active{background-image:url(../images/auto_finance/ico_arr_up.png)}
    .accept_list2 .chk_type.chk_type02 label span{font-size:14px}
    .accept_list2 .btn_accept{background:url(../images/auto_finance/ico_arr_right3_m.png)no-repeat 100% 50% / 5px 9px}

    .pop_wrap.finance_wrap.type02 .agreement h4.title_txt{margin-top:35px;font-size:18px}
    .pop_wrap.finance_wrap.type02 .agreement dl{margin-top:20px;font-size:12px;line-height:17px}
    .pop_wrap.finance_wrap.type02 .agreement dl dd{margin-top:15px}
    .pop_wrap.finance_wrap.type02 .agreement .table thead th{font-size:12px}
    .pop_wrap.finance_wrap.type02 .agreement .list_style li{font-size:12px}
    .number_list>li{padding-left:13px}
    .number_list.mob_fz12>li{font-size:12px;line-height:18px}
    .number_list.mob_fz12>li+li{margin-top:0}
    .number_list>li:nth-child(n+10){padding-left:20px}
    .number_list.circle>li{padding-left:15.5px}
    .number_list.circle>li:before{top:2.3px;transform:scale(.83)}
}




/* [20230817381270] 마이카 긴급출동서비스 차량조회 화면 디자인요청 */
.list_mycar_select{margin-top: 22px;}
.list_mycar_select > p{font-size: 14px;line-height: 14px}
.list_mycar_select > p span{font-weight: 900;color:#476eff}
.list_mycar_select ul{margin-top: 20px;}
.list_mycar_select ul li{background-color: #fff;padding:18px;margin-top: 6px;;border:2px solid #fff;border-radius: 10px}
.list_mycar_select ul li.active{border-color:#476eff}
.list_mycar_select ul li:first-child{margin-top: 0;}
.list_mycar_select ul li a{display: flex;align-items: center;}
.list_mycar_select ul li .img_box{overflow: hidden;position: relative;;width:68px;height:68px;background-color: #ebebeb;border-radius: 100%}
.list_mycar_select ul li .img_box img{display: block;position: absolute;top:50%;left:0%;transform: translate(-0%,-50%);width:85px}
.list_mycar_select ul li dl{margin-left: 16px;}
.list_mycar_select ul li dt{font-size: 15px;font-weight: 900;color:#000;line-height: 15px;;}
.list_mycar_select ul li dd{margin-top:10px;font-size: 13px;color:#000;line-height: 13px;;}
.list_mycar_select ul li dd strong{font-weight: 900}


@media only screen and (max-width:760px){

}



/* [20231124531819] 제주지니 단기렌터카 페이지 수정 요청 */
.btn_wrap.btm_finish .btn.type03{min-width:600px;color:#494f60}
.btn_wrap.btm_finish .btn.type03 span{position:relative;padding-right:18px;width:auto}
.btn_wrap.btm_finish .btn.type03 span:after{display:block;content:'';position:absolute;margin-right:2px;top:50%;right:0;transform:translateY(-50%) rotate(45deg);width:7px;height:7px;border:1px solid #494f60;border-width:2px 2px 0 0}
@media only screen and (max-width:760px){
    .btn_wrap.btm_finish .btn.type03{min-width:auto}
    .btn_wrap.btm_finish .btn.type03 span{padding-right:17px}
    .btn_wrap.btm_finish .btn.type03 span:after{margin-right:1.5px;width:6.5px;height:6.5px;border-width:1.5px 1.5px 0 0}
}



/* [20231214635805] 마이카플랫폼_내_보험사_추가_및_배너제작(하나손보)의_건_작업요청 */
.lounge_top.insurance_mng.n06 .bg_img{bottom:50px;background-image: url('../images/attach/bg_visual_top11.png');}
.lounge_top.insurance_mng.n07 .bg_img{bottom:50px;background-image: url('../images/attach/bg_visual_top12.png');}


.insurance_mngcont.type02{}
.insurance_mngcont.type02 dl{}
.insurance_mngcont.type02 dt{padding-top:88px;font-size: 22px;font-weight: 700;text-align:center;line-height: 22px;}
.insurance_mngcont.type02 dd{margin-top: 60px;}
.insurance_mngcont.type02 dd ul{display: flex}
.insurance_mngcont.type02 dd ul li{flex: 1;text-align:center}
.insurance_mngcont.type02 dd ul li:before{display: block;content:'';width:225px;height:225px;margin:0 auto 20px;background: url(../images/attach/img_insurance_mngcont.png) no-repeat 0 0;}
.insurance_mngcont.type02 dd ul li:nth-child(1):before{background-position: 0 0;}
.insurance_mngcont.type02 dd ul li:nth-child(2):before{background-position: 0 -300px}
.insurance_mngcont.type02 dd ul li:nth-child(3):before{background-position: 0 -600px}

.insurance_mngcont.type02 dd ul li p{font-size: 18px;line-height: 18px;}
.insurance_mngcont.type02 dd ul li p span{display: block;margin-top:10px;;font-size: 16px;color:#666;line-height: 16px;}

@media only screen and (max-width: 760px){
    .lounge_top.insurance_mng.n06{height: 380px;background: #f6f6f6 url('../images/attach/bg_visual_top11_m.png') center bottom no-repeat;background-size: 100%;}
    .lounge_top.insurance_mng.n07{height: 380px;background: #f6f6f6 url('../images/attach/bg_visual_top12_m.png') center bottom no-repeat;background-size: 100%;}

    .insurance_mngcont.type02 dt{padding-top:50px;font-size: 18px;line-height: 18px;}
    .insurance_mngcont.type02 dd{margin-top: 30px;}
    .insurance_mngcont.type02 dd ul{display: block}
    .insurance_mngcont.type02 dd ul li{margin-top: 30px;}
    .insurance_mngcont.type02 dd ul li:first-child{margin-top: 0;}
    .insurance_mngcont.type02 dd ul li:before{display: block;content:'';width:160px;height:160px;margin:0 auto 20px;background: url(../images/attach/img_insurance_mngcont.png) no-repeat 0 0 / 300px 600px;}
    .insurance_mngcont.type02 dd ul li:nth-child(1):before{background-position: -100px 0;}
    .insurance_mngcont.type02 dd ul li:nth-child(2):before{background-position: -100px -200px}
    .insurance_mngcont.type02 dd ul li:nth-child(3):before{background-position: -100px -400px}
    .insurance_mngcont.type02 dd ul li p{font-size: 15px;line-height: 15px;}
    .insurance_mngcont.type02 dd ul li p span{margin-top:7px;;font-size: 12px;line-height: 12px;}

}


/* [20231218498307] 내차고 타인명의(공동명의)등록 방법 디자인 요청  */
.my_before.new .txt2 dl dt span{margin-left:10px;font-size:16px}
.my_before.new .car{width:528px;height:138px;bottom:80px}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap{display:flex;margin-bottom:30px}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap label{flex:1;padding:0 30px}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap label+label{margin:0;border-left:1px solid #ccc}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap .checkbox input+i+.lbl,
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap .radio input+i+.lbl{text-align:left}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap .txt_list{margin-top:6px}
.ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap .txt_list>li{margin:0}
.ly_bg_gray.mycar .box.radiotab.type02 .cont_in{width:100%;text-align:left}
.ly_bg_gray.mycar .box.radiotab.type02 .cont_in .inp_wrap{position:relative;width:430px;margin:0 auto}
.ly_bg_gray.mycar .box.radiotab.type02 .cont_in .inp_wrap.cont2{padding-bottom:45px}
.ly_bg_gray.mycar .box.radiotab.type02 .caution_txt{margin-top:16.5px}
.ly_bg_gray.mycar .box.radiotab.type02 .button_wrap2 .button{min-width:245px}

.page_title.lms_type .title_wrap{padding:42px 0;width:750px;height:210px}
.page_title.lms_type .title_wrap>img{width:99px;height:26px}
.page_title.lms_type .title_wrap .title_info{margin-top:25px;vertical-align:top}
.page_title.lms_type .title_wrap .title_info span{margin:13px 0 0;display:block;font-size:18px;line-height:24px}

.pop_wrap.finance_wrap .pop_head.lms_type{position:relative;border-bottom:1px solid #cccccc;padding:42px 40px;font-size:0;text-align:left}
.pop_wrap.finance_wrap .pop_head.lms_type>img{width:99px;height:26px}
.pop_wrap.finance_wrap .pop_head.lms_type .title_info{margin-top:25px;position:relative;display:inline-block;width:calc(100% - 1px);vertical-align:middle}
.pop_wrap.finance_wrap .pop_head.lms_type .title_info h1{font-size:38px;color:#000;line-height:38px;font-weight:900}
.pop_wrap.finance_wrap .pop_head.lms_type .title_info span{margin:13px 0 0;display:block;font-size:18px;line-height:24px}
.form_wrap .form_box .form_info+.info_txt_list{margin-top:35px}
@media only screen and (max-width: 760px){
    .my_before.new .txt2 dl dt span{position:absolute;margin-left:0;left:0;bottom:40px;font-size:13px}
    .my_before.new .bt{margin-top:35px}
    .my_before.new .car{width:283px;height:99px;bottom:35px}
    .ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap{flex-direction:column;margin-bottom:20px}
    .ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap label{padding:0}
    .ly_bg_gray.mycar .box.radiotab.type02 .radio_wrap label+label{margin-top:17px;border:0}
    .ly_bg_gray.mycar .box.radiotab.type02 .cont_in .inp_wrap{width:100%}
    .ly_bg_gray.mycar .box.radiotab.type02 .cont_in .inp_wrap.cont2{padding-bottom:34px}
    .ly_bg_gray.mycar .box.radiotab.type02 .caution_txt{margin-top:8.5px}
    .ly_bg_gray.mycar .box.radiotab.type02 .button_wrap2 .button{width:100%;line-height:31px;font-size:13px}

    .page_title.lms_type .title_wrap{margin-top:-50px;padding:30px 18px 27px;width:100%;height:auto}
    .page_title.lms_type .title_wrap>img{width:63px;height:17px}
    .page_title.lms_type .title_wrap .title_info span{margin:11px 0 0;font-size:14px;line-height:20px}

    .pop_wrap.finance_wrap .popup .pop_head.lms_type{padding:30px 18px!important;width:100%}
    .pop_wrap.finance_wrap .pop_head.lms_type>img{width:63px;height:17px}
    .pop_wrap.finance_wrap .pop_head.lms_type .title_info h1{font-size:20px;line-height:20px}
    .pop_wrap.finance_wrap .pop_head.lms_type .title_info span{margin:11px 0 0;font-size:14px;line-height:20px}
    .form_wrap .form_box .form_info+.info_txt_list{margin-top:30px}
}


/* 20240112337322 마이카 제주지니 렌터카 배너 디자인 변경 요청 */
.banner_box.jejujini{margin:0 0 30px}
.banner_box.jejujini img{display:block;margin:0 auto}
.remmd_rent_wrap.jejujini{padding:38px 55px;background:#ebf8ff}
.remmd_rent_wrap.jejujini .remmd_rent_tit{z-index:1;color:#3c1b00}
.remmd_rent_wrap.jejujini .remmd_rent_tit p{font-size:18px;line-height:24px}
.remmd_rent_wrap.jejujini .remmd_rent_tit strong{margin-top:10px;display:block;font-size:26px;line-height:34px}
.remmd_rent_wrap.jejujini .remmd_rent_tit strong span{position:relative;display:inline-block;color:#ff7200;font-weight:900}
/* .remmd_rent_wrap.jejujini .remmd_rent_tit strong span[class^="ani_b"]{animation:ani_bounce 2s ease infinite;-webkit-animation:ani_bounce 2s ease infinite}
.remmd_rent_wrap.jejujini .remmd_rent_tit strong span.ani_b2{animation-delay:.3s}
.remmd_rent_wrap.jejujini .remmd_rent_tit strong span.ani_b3{animation-delay:.6s}
.remmd_rent_wrap.jejujini .remmd_rent_tit strong span.ani_b4{animation-delay:.9s} */
.remmd_rent_wrap.jejujini .remmd_rent_det_wrap{position:relative}
.remmd_rent_wrap.jejujini .remmd_rent_det_wrap:before{position:absolute;content:'';top:50%;right:calc(100% + 30px);transform:translateY(-50%);width:91px;height:96px;background:url(../images/attach/bg_remmd_jejujini.png)no-repeat 0 0 / 100%}
.remmd_rent_wrap.jejujini .remmd_rent_det{flex-direction:column;justify-content:center;align-items:flex-start;padding:0 50px 0 30px;width:330px;height:96px;font-size:0}
.remmd_rent_wrap.jejujini .remmd_rent_det:after{top:auto;right:24px;width:19px;height:20px;background:url(../images/attach/ico_arr_rightbar.png)no-repeat 0 0 / 100%;animation:btn_nextarr 1.2s  infinite;animation-fill-mode:forwards}
.remmd_rent_wrap.jejujini .remmd_rent_det strong{font-size:16px;line-height:24px;font-weight:900}
.remmd_rent_wrap.jejujini .remmd_rent_det .tag_box{margin-top:5px}
.remmd_rent_wrap.jejujini .remmd_rent_det .tag_box li{line-height:20px}
.remmd_rent_wrap.jejujini .remmd_rent_det .tag_box li:first-child{margin-left:0}
.remmd_rent_wrap.jejujini .remmd_rent_det_wrap .p_noti{margin-top:8px;font-size:11px;line-height:15px;color:#666}
@media only screen and (max-width: 760px){
    .banner_box.jejujini{margin-bottom:20px}
    .remmd_rent_wrap.jejujini{padding:27px 28px;align-items:flex-start}
    .remmd_rent_wrap.jejujini .remmd_rent_tit p{font-size:15px;line-height:21px;text-align:left}
    .remmd_rent_wrap.jejujini .remmd_rent_tit strong{margin-top:0;font-size:17px;line-height:24px}
    .remmd_rent_wrap.jejujini .remmd_rent_det_wrap{margin-top:16.5px;width:100%}
    .remmd_rent_wrap.jejujini .remmd_rent_det_wrap:before{top:auto;right:-10px;bottom:100%;transform:translateY(17px);background:url(../images/attach/bg_remmd_jejujini_m.png)no-repeat 0 0 / 100%}
    .remmd_rent_wrap.jejujini .remmd_rent_det{margin:0 -10px;padding:0 40px 0 20px;width:calc(100% + 20px);height:84px}
    .remmd_rent_wrap.jejujini .remmd_rent_det:after{width:15px;height:16px}
    .remmd_rent_wrap.jejujini .remmd_rent_det strong{font-size:14px;line-height:20px}
    .remmd_rent_wrap.jejujini .remmd_rent_det .tag_box li{padding:0 5px;line-height:16px}
    .remmd_rent_wrap.jejujini .remmd_rent_det_wrap .p_noti{text-align:left}
}





/* [20240215481662] 중고차 모바일 재고금융 대출 프로세스 화면 제작 요청 */
.section.main .inner_wrap .form_wrap .form_box .img_oldcar{position:absolute;right:0;bottom:0;width:247px;height:134px;background:url(../images/auto_finance/afmain_oldcar.png)no-repeat 0 / 100%}

.mylist-box.oldcar .list_checkbox{transform:translateY(-50%)}
.mylist-box.oldcar .mylist-box-cont > dt .user-info{margin-top:0}
.mylist-box.oldcar .mylist-box-cont > dd{padding:21px 45px;font-size:0}
.mylist-box.oldcar .mylist-box-cont > dd > .tit > p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mylist-box.oldcar .mylist-box-cont .estimate{margin-top:0}
.mylist-box.oldcar .mylist-box-cont .estimate a{position:absolute;right:26px;bottom:25px}

.info_list_price .btn_wrap.btn2{margin-top:0;transform:translateY(-50%)}
.info_list_price .btn_wrap.btn2>.button{min-width:113px}
@media only screen and (max-width: 1000px){
    .mylist-box.oldcar .list_checkbox{transform:translateY(0)}
    .mylist > ul li.mylist-box.oldcar .mylist-box-cont > dt{position:absolute;top:32px;right:18px;width:calc(100% - 150px)}
    .mylist-box.oldcar .mylist-box-cont > dd{padding:0}
    .mylist-box.oldcar .mylist-box-cont .estimate{margin-top:19px}
    .mylist-box.oldcar .mylist-box-cont .estimate a{position:relative;right:auto;bottom:auto;text-align:center}
}
@media only screen and (max-width: 760px){
    .info_list_price .btn_wrap.btn2 > .button{min-width:103px;display:block}
    .info_list_price .btn_wrap.btn2 > .button + .button{margin-top:5px}
}



/* 20240321609683 - 마이카 긴급공지 안내 프로세스 개발 */
.popup_admin{font-family: 'Spoqa Han Sans';}
.popup_admin .popup{top:50%;transform: translateY(-50%);width:450px;height:auto;;padding:0;margin:0 auto !important;background: transparent;}
.popup_admin .pop_cont{overflow:visible;position: relative;;padding:0;}
.popup_admin .pop_cont:after{display: none;}

.popup_admin .swiper-container{overflow: hidden;;position: relative;;padding-bottom:40px;}
.popup_admin .swiper-container .swiper-wrapper{padding:0;margin:0}
.popup_admin .swiper-container .swiper-slide{}
.popup_admin .swiper-container .btn_wrap{position: absolute;bottom:0;left:0;width:100%;height:200px;background-color: #fff;border-radius: 0 0 20px 20px;;font-size: 0;text-align: center;box-sizing: border-box}
.popup_admin .swiper-container .btn_wrap>div{position: absolute;bottom:20px;left:0;width:100%;}
.popup_admin .swiper-container .btn_wrap .swiper-pagination{display: inline-block;position: relative;bottom:0;width:auto;;vertical-align: middle}
.popup_admin .swiper-container .btn_wrap .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;border-radius: 4px;background-color: #ccc;opacity: 1;}
.popup_admin .swiper-container .btn_wrap .swiper-pagination .swiper-pagination-bullet-active{width:30px;background-color: #666;}

.popup_admin .swiper-container .btn_wrap .btn_auto{display: inline-block;position: relative;;width:9px;height:22px;cursor: pointer;margin-left: 5px;}
.popup_admin .swiper-container .btn_wrap .btn_auto:after{display: block;content:'';position: absolute;top:50%;left:0;transform: translateY(-50%);width:9px;height:12px;background: url(../images/attach/pop_admin_ico.png) no-repeat -40px 0}
.popup_admin .swiper-container .btn_wrap .btn_auto.active:after{background-position: -55px 0;}
.popup_admin .btn_arr{position: absolute;top:50%;transform: translateY(-50%);width:17px;height:32px;margin-top: 25px;;z-index: 10;cursor: pointer;background: url(../images/attach/pop_admin_ico.png) no-repeat 0 0}
.popup_admin .btn_arr.swiper-button-disabled{opacity: 0.3;}
.popup_admin .btn_arr.prev{left:-47px;background-position: 0 0;}
.popup_admin .btn_arr.next{right:-47px;background-position: -20px 0;}




/* .popup_admin .input_pop{;background-color: #fff;border-radius: 20px} */
.popup_admin .input_pop{}
.popup_admin .input_pop .input_visual{position: relative;;width:100%}
.popup_admin .input_pop .input_visual img{display: block;position: relative;;width:100%;z-index: 1;}
/* .popup_admin .input_pop .input_visual::before{display: block;content:'';position: absolute;bottom:0;left:0;width:100%;height:100%;;background: url(../../conts/images/attach/pop_admin_img.png) no-repeat 0 0 / 100%;z-index: 1;}
.popup_admin .input_pop .input_visual.type01:before{background-position: 0 0;}
.popup_admin .input_pop .input_visual.type02:before{background-position: 0 -190px;}
.popup_admin .input_pop .input_visual.type03:before{background-position: 0 -380px;} */
.popup_admin .input_pop .input_visual:after{display: block;content:'';position: absolute;bottom:-1px;width:100%;height:58px;background-color: #fff;border-radius: 20px 20px 0 0}


.popup_admin .input_pop .input_cnt{overflow: hidden;padding:33px 20px 20px;background-color: #fff;border-radius: 0 0 20px 20px}

.popup_admin .swiper-container .input_pop .input_cnt{border-radius: 0}
.popup_admin .input_pop .input_cnt .input_title{}
.popup_admin .input_pop .input_cnt .input_title h3{font-size: 28px;font-weight: 900;text-align:center;line-height: 40px;;}
.popup_admin .input_pop .input_cnt .input_info{margin-top:23px;padding:30px 15px 25px;background-color: #f6f6f6;border-radius: 5px}
.popup_admin .input_pop .input_cnt .input_info dl{}
.popup_admin .input_pop .input_cnt .input_info dl + dl{margin-top: 23px;}
.popup_admin .input_pop .input_cnt .input_info dt{font-size: 20px;font-weight: 900;line-height: 20px;;;}
.popup_admin .input_pop .input_cnt .input_info dd{margin-top:9px;font-size: 18px;line-height: 25px;;}
.popup_admin .input_pop .input_cnt .input_info dd span{display: block;}

.popup_admin .input_pop .input_cnt .input_btn{display:flex;margin: 23px -2px 0;}
.popup_admin .input_pop .input_cnt .input_btn a{flex: 1;padding:0 !important;margin:0 2px;}




.popup_admin .popup .pop_btn{}
.popup_admin .popup .pop_btn .check_wrap{overflow: hidden;;position: relative;}
.popup_admin .popup .pop_btn .check_wrap label{position: relative;}
.popup_admin .popup .pop_btn .check_wrap label input{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 100%;opacity: 0;z-index:10;}
.popup_admin .popup .pop_btn .check_wrap label p{position: relative;padding-left:40px;font-size: 18px;color:#fff;line-height: 30px;;}
.popup_admin .popup .pop_btn .check_wrap label p:after{display: block;content:'';position: absolute;top:0px;left:0;width:30px;height:30px;background: url(../../conts/images/attach/ico_chkbox.png) no-repeat 0 0}
.popup_admin .popup .pop_btn .check_wrap label input:checked + p:after{background-position: 0 -30px;}

.popup_admin .popup .pop_btn{position: relative;;margin:20px 0 0 0}
.popup_admin .popup .pop_btn .btn_close{overflow:hidden;top:50%;right:0;transform: translateY(-50%);width:20px;height:20px;background: url(../../conts/images/attach/btn_close_20.png) no-repeat 0 0;cursor: pointer;}

@media only screen and (max-width:760px){
    .popup_admin .popup{width:284px}
    .popup_admin .pop_cont{height:auto;}

    .popup_admin .swiper-container{padding-bottom:37px;}
    .popup_admin .swiper-container .btn_wrap{height:200px}
    .popup_admin .swiper-container .btn_wrap>div{bottom:18px;}
    .popup_admin .swiper-container .btn_wrap .swiper-pagination .swiper-pagination-bullet{width:5px;height:5px;margin:0 4px;border-radius: 3px;}
    .popup_admin .swiper-container .btn_wrap .swiper-pagination .swiper-pagination-bullet-active{width:19px;}
    .popup_admin .swiper-container .btn_wrap .btn_auto{width:6px;height:17px;margin-left: 4px;}
    .popup_admin .swiper-container .btn_wrap .btn_auto.active{}

    .popup_admin .btn_arr{width:11px;height:20px;margin-top: 13px;background: url(../images/attach/pop_admin_ico.png) no-repeat 0 0 / 40px 40px}
    .popup_admin .btn_arr.prev{left:-25px;background-position: 0 -15px;}
    .popup_admin .btn_arr.next{right:-25px;background-position: -15px -15px;}


    .popup_admin .input_pop .input_visual{}
    /* .popup_admin .input_pop .input_visual:before{background: url(../images/attach/pop_admin_img_m.png) no-repeat 0 0 / 100%;}
    .popup_admin .input_pop .input_visual.type01:before{background-position: 0 0;}
    .popup_admin .input_pop .input_visual.type02:before{background-position: 0 -111px;}
    .popup_admin .input_pop .input_visual.type03:before{background-position: 0 -222px;} */

    .popup_admin .input_pop .input_visual:after{height:45px}


    .popup_admin .input_pop .input_cnt{padding:19px 17px 20px}

    .popup_admin .input_pop .input_cnt .input_title{}
    .popup_admin .input_pop .input_cnt .input_title h3{font-size: 20px;line-height: 27px;;}
    .popup_admin .input_pop .input_cnt .input_info{margin-top:17px;padding:27px 13px 24px;background-color: #f6f6f6;border-radius: 5px}
    .popup_admin .input_pop .input_cnt .input_info dl{}
    .popup_admin .input_pop .input_cnt .input_info dl + dl{margin-top: 15px;}
    .popup_admin .input_pop .input_cnt .input_info dt{font-size: 13px;line-height: 13px;;;}
    .popup_admin .input_pop .input_cnt .input_info dd{margin-top:6px;font-size: 12px;line-height: 17px;;}

    .popup_admin .input_pop .input_cnt .input_btn{display:block;;margin: 20px 0 0}
    .popup_admin .input_pop .input_cnt .input_btn a{display:block;padding:0;margin:0;font-size: 15px;}
    .popup_admin .input_pop .input_cnt .input_btn a + a{margin-top: 10px;}


    .popup_admin .popup .pop_btn{margin-top: 15px;}
    .popup_admin .popup .pop_btn .check_wrap label p{padding-left:26px;font-size: 14px;line-height: 20px;;}
    .popup_admin .popup .pop_btn .check_wrap label p:after{width: 20px;height: 20px;background: url(../../conts/images/attach/ico_chkbox.png) no-repeat -10px 0 / 30px 40px;}
    .popup_admin .popup .pop_btn .check_wrap label input:checked + p:after{background-position: -10px -20px;}
    .popup_admin .popup .pop_btn .btn_close{width:14px;height:14px;background: url(../../conts/images/attach/btn_close_42w.png) no-repeat 0 0 / 100%;}
}

/* 20240418582111 마이카 대출 결과화면 내 배너 수정 및 bottom sheet 제작 요청의 건 */

.btm_banner.type02{height:151px;background-color: #e8F9ff;}
.btm_banner.type02 a{display: flex;position: relative;;height:151px;width:100%;padding:0 66px;;background-color: #e8F9ff;align-content: center;flex-wrap: wrap;box-sizing: border-box}
.btm_banner.type02 a:after{display: block;content:'';position: absolute;top:50%;right:46px;transform: translateY(-50%);width:180px;height:180px;background: url(../images/attach/img_bnr_calculator.png) no-repeat 0 0 / 100%;}
.btm_banner.type02 dl{}
.btm_banner.type02 dt{display: inline-block;;height: 26px;margin-bottom: 9px;padding: 0 14px;border: 1px solid #3048a2;border-radius: 40px;font-size: 12px;color: #3048a2;;line-height: 24px;vertical-align: top}
.btm_banner.type02 dd{}
.btm_banner.type02 dd p{overflow: hidden;width: 100%;margin-bottom: 11px;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;font-size: 27px;}

.btm_banner.type02 dd ul{overflow: hidden;}
.btm_banner.type02 dd ul li{float:left;position:relative;padding-left:19px;margin-right:22px;font-size:18px;font-weight:500;}
.btm_banner.type02 dd ul li:before{display:block;content:'';position:absolute;top:50%;left:0;transform:translate(0, -50%);width:14px;height:14px;background:url(../images/attach/img_bnr_check.svg) no-repeat 0 0 / 100%}

@media only screen and (max-width:760px){
    .btm_banner.type02{height:195px}
    .btm_banner.type02 a{height:195px;padding:0 70px 0 20px}
    .btm_banner.type02 a:after{right: 13px;top: auto;bottom: 5px;transform: none;width: 107px;height: 107px}
    .btm_banner.type02 dd p{margin-bottom: 9px;font-size: 20px;text-overflow: inherit;white-space: inherit;}
    .btm_banner.type02 dd ul li{float:none;padding-left: 17px;font-size: 14px;}
    .btm_banner.type02 dd ul li:before{width:11px;height:11px;}

    .btm_banner.type02.fixed a{position: fixed;bottom:-100%;left:0;border-radius: 20px;z-index: 100;transition: 0.5s}
    .btm_banner.type02.fixed.on a{bottom:0}
    

}



/* 20240605577894 - 마이카_카드할부 상품안내페이지 수정  */
.at_section.at_cashback .cb_area .cb_object .cb_obj_graph li.v3 .bar span.add{}
.at_section.at_cashback .cb_area .cb_object .cb_obj_graph li.v3 .bar span.add i{display:block;position: absolute;top:-10px;left:50px;padding: 0 7px;background: #204f97;border-radius: 10px 10px 10px 0;font-size: 14px;font-style: normal;color: #fff;line-height: 24px;box-shadow: 0 2px 2px rgb(0 0 0 / 20%);opacity: 0;transition: all 1s 2.5s;}
.at_section.at_cashback .cb_area .cb_object .cb_obj_graph.on li.v3 .bar span.add i{opacity: 1;}

@media only screen and (max-width:760px){
    .at_section.at_cashback .cb_area .cb_object .cb_obj_graph li.v3 .bar span.add i{top: -10px;left: 25px;padding: 0 4px;font-size: 12px;line-height: 20px;}
}
    

/* 20240813626837 마이카 플랫폼내 신규광고 모델 구축에 따른 포인트 적립화면 요청의 건 */
.event_banner_point{padding:42px;margin:-10px 0 14px;position:relative;display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:linear-gradient(90deg, #dcf1ff 0%, #f3e2ff 100%);box-shadow:0 1px 14px 0 rgba(0, 0, 0, .04);box-sizing:border-box;font-family:"Spoqa Han Sans";overflow:hidden}
.event_banner_point:before{content:'';position:absolute;top:18px;left:28px;transform:rotate(-29deg);width:57px;height:53px;background:url(../images/attach/img_ebPoint_coin_L.png)no-repeat 0 / 100%}
.event_banner_point:after{content:'';position:absolute;top:-23px;right:29px;transform:rotate(16deg);width:97px;height:96px;background:url(../images/attach/img_ebPoint_coin_R.png)no-repeat 0 / 100%}
.event_banner_point .txt_box{padding:0 32px 0 160px;position:relative;font-size:24px;color:#222;z-index:1;letter-spacing:-0.5px}
.event_banner_point .txt_box:before{content:'';position:absolute;bottom:-81px;left:7px;width:172.3px;height:134.3px;background:url(../images/attach/img_txtBox.png)no-repeat 0 / 100%}
.event_banner_point .txt_box:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-47%);width:24px;height:24px;background:url(../images/attach/ico_ebPoint_arrow.png)no-repeat 0 / 100%}
.event_banner_point .fc_blue{color:#476eff}
@media only screen and (max-width:760px){
    .event_banner_point{height:auto;padding:13.5px 10px;margin-bottom:40px}
    .event_banner_point:before{display:none}
    .event_banner_point:after{display:none}
    .event_banner_point .txt_box{padding:0 0 0 58px;font-size:14px;letter-spacing:0}
    .event_banner_point .txt_box:before{top:50%;left:-4.5px;bottom:auto;transform:translateY(-50%);width:61.36px;height:47.84px}
    .event_banner_point .txt_box:after{display:none}
    .event_banner_point .txt_box strong{font-size:16px}
}


/* 20240814623275 / 마이카 플랫폼내 신규광고 모델 구축에 따른 포인트 적립화면 요청의 건 */
#container.finance_wrap .advertisement{}
#container.finance_wrap .advertisement .visual_wrap{}
#container.finance_wrap .advertisement .visual_wrap dl{}
#container.finance_wrap .advertisement .visual_wrap dt{font-size: 20px;font-weight: 700;text-align:center;color:#000;line-height: 24px;}
#container.finance_wrap .advertisement .visual_wrap dd{margin-top: 22px;}
#container.finance_wrap .advertisement .visual_wrap dd:before{display: block;content:'';margin:0 auto;height:160px}
#container.finance_wrap .advertisement .visual_wrap.type01 dd:before{width:184px;background: url(../images/attach/img_advertisement_top.png) no-repeat 0 0 / 100%}
#container.finance_wrap .advertisement .visual_wrap.type02 dd:before{width:220px;background: url(../images/attach/img_advertisement_top2.png) no-repeat 0 0 / 100%}
#container.finance_wrap .advertisement .visual_wrap dd p{margin-top:10px;font-size: 14px;font-weight: 400;text-align:center;;color:#666;line-height: 18px;;}

#container.finance_wrap .advertisement .form_wrap{margin-top: 32px;;padding:0;}
#container.finance_wrap .advertisement .form_wrap .form_box{margin-top: 32px}

#container.finance_wrap .advertisement .txt_point_zone{font-size: 30px;font-weight: 700;text-align: center;line-height: 45px;}
#container.finance_wrap .advertisement .btn_point_zone{margin-top: 40px;padding-top: 0;}
#container.finance_wrap .advertisement .btn_point_zone>span .btn{width:275px}
#container.finance_wrap .advertisement .btn_point_zone>span .btn + .btn{margin-left:10px}

.form_wrap.point .title_txt{position: relative;padding-left: 37px;;font-size: 22px;line-height: 32px;;}
.form_wrap.point .title_txt:after{display: block;content:'';position: absolute;top:0;left:0;width:32px;height:32px;background: url(../images/attach/ico_point.png) no-repeat 0 0;}
.form_wrap.point .title_txt + .form_box{margin-top: 5px;}
.form_wrap.point .total_point{font-size: 0;text-align: right}
.form_wrap.point .total_point a{display: inline-block;position: relative;;padding-right:19px;font-size: 26px;font-weight: 900;color:#476eff;;vertical-align: top}
.form_wrap.point .total_point a:after{display: block;content:'';position: absolute;top:50%;right:0;transform: translateY(-50%);width:14px;height:14px;background: url(../images/attach/ico_arr_right14.png) no-repeat 0 0;}

.form_wrap.point .use_point{margin-top: 30px;border-radius:5px;padding:18px 50px;background-color: #eff0f5;}
.form_wrap.point .use_point dl{overflow: hidden;}
.form_wrap.point .use_point dt{float: left;font-size: 18px;font-weight: 700;line-height: 27px;;}
.form_wrap.point .use_point dd{float: right}
.form_wrap.point .use_point dd a{display: block;position: relative;padding-right: 19px;;font-size: 18px;font-weight: 900;line-height: 27px;;}
.form_wrap.point .use_point dd a:after{display: block;content:'';position: absolute;top:50%;right:0;transform: translateY(-50%);width:14px;height:14px;background: url(../images/attach/ico_arr_right14.png) no-repeat 0 0;}

.form_wrap.point + .list_style{margin-top: 40px;}

#pop_Point .popup{padding:30px 20px}
#pop_Point .popup .pop_cont{margin-top:45px;}
#pop_Point .list_ponit_view{}
#pop_Point .list_ponit_view ul{overflow-y: auto;max-height:726px}
#pop_Point .list_ponit_view ul li{padding:18px 0;border-bottom:1px solid #eee}
#pop_Point .list_ponit_view ul li:first-child{padding-top: 0;}
#pop_Point .list_ponit_view ul li dl{padding-right:10px}
#pop_Point .list_ponit_view ul li dt{overflow: hidden;;font-size: 18px;line-height: 27px;}
#pop_Point .list_ponit_view ul li dt p{float: left;;font-weight: 700;}
#pop_Point .list_ponit_view ul li dt span{display: block;float: right;;font-weight: 900}
#pop_Point .list_ponit_view ul li dd{overflow: hidden;margin-top: 5px;;font-size: 16px;line-height: 24px;color:#666;}
#pop_Point .list_ponit_view ul li dd p{float: left;;font-weight: 700}
#pop_Point .list_ponit_view ul li dd span{display: block;float: right;}
#pop_Point .list_ponit_view ul li dd span.on{color:#476Eff}
#pop_Point .list_ponit_view  .btn_more{margin-top:20px;font-size: 0;text-align: center;}
#pop_Point .list_ponit_view  .btn_more a{display: inline-block;position: relative;padding-right: 15px;;font-size: 14px;line-height: 21px}
#pop_Point .list_ponit_view  .btn_more a:after{display: block;content:'';position: absolute;bottom:0;left:0;width:100%;height:1px;background-color: #000}
#pop_Point .list_ponit_view  .btn_more a:before{display: block;content:'';position: absolute;top:50%;right:0;transform: translateY(-50%);width:12px;height:12px;background: url(../images/attach/ico_arr_down12.png) no-repeat 0 0}

#pop_Point .list_ponit_view .no_point_list{padding:20px 0;text-align: center}
#pop_Point .list_ponit_view .no_point_list:before{display: block;content:'';width:110px;height:120px;margin:0 auto;background: url(../images/attach/img_cha5_1.png) no-repeat 0 0;}
#pop_Point .list_ponit_view .no_point_list strong{display: block;margin-top:20px;font-size: 22px;font-weight: 900;line-height: 33px;;}
#pop_Point .list_ponit_view .no_point_list p{margin-top:10px;font-size: 16px;line-height: 24px;;}


@media only screen and (max-width:760px){

    #container.finance_wrap .advertisement .txt_point_zone{font-size: 22px;line-height: 33px;;}
    #container.finance_wrap .advertisement .btn_point_zone{margin-top: 30px}
    #container.finance_wrap .advertisement .btn_point_zone>span{display: block;}
    #container.finance_wrap .advertisement .btn_point_zone>span .btn{width:100%}
    #container.finance_wrap .advertisement .btn_point_zone>span .btn + .btn{margin:10px 0 0 0}


    .form_wrap.point .title_txt{padding-left:29px;font-size: 16px;line-height: 24px;;;}
    .form_wrap.point .title_txt:after{width:26px;height:26px;background: url(../images/attach/ico_point_m.png) no-repeat 0 0 / 100%;}
    .form_wrap.point .total_point a{padding-right:17px;font-size: 20px;line-height: 26px;}
    .form_wrap.point .total_point a:after{width:12px;height:12px;background: url(../images/attach/ico_arr_right36.png) no-repeat 0 0 / 100%;}


    .form_wrap.point .use_point{padding:18px 20px;}
    .form_wrap.point .use_point dt{font-size: 15px;line-height: 22.5px;;}
    .form_wrap.point .use_point dd a{padding-right: 17px;font-size: 15px;line-height: 22.5px;;}
    .form_wrap.point .use_point dd a:after{width:12px;height:12px;background: url(../images/attach/ico_arr_right36.png) no-repeat 0 0 / 100%;}

    .form_wrap.point + .list_style{margin-top: 20px;}


    #pop_Point .popup{padding:20px}
    #pop_Point .list_ponit_view ul{max-height:482px}
    #pop_Point .list_ponit_view ul li dt{font-size: 15px;line-height: 22.5px;;}
    #pop_Point .list_ponit_view ul li dd{font-size: 13px;line-height: 19.5px;;}
    #pop_Point .list_ponit_view .btn_more a{font-size: 13px;line-height: 19.5px;;}
    #pop_Point .list_ponit_view  .btn_more a:before{background: url(../images/attach/ico_arr_down36.png) no-repeat 0 0 / 100%}

    #pop_Point .list_ponit_view .no_point{padding-bottom: 0;}
    #pop_Point .list_ponit_view .no_point_list{padding:20px 0;text-align: center}
    #pop_Point .list_ponit_view .no_point_list:before{background: url(../images/attach/img_cha5_2.png) no-repeat 0 0 / 100%;}
    #pop_Point .list_ponit_view .no_point_list strong{font-size: 20px;line-height: 26px;;}
    #pop_Point .list_ponit_view .no_point_list p{font-size: 13px;line-height: 19.5px;;}


}



/* 20240925617642 (히든페이지) SK렌터카 파트너를 위한 매입자금대출 안내 */
.event_bn.mycar.skRent{padding:45px 0;position:relative;height:auto;background:#f6f6f6;overflow:hidden}
.event_bn.mycar.skRent h3{margin-left:40px;overflow:hidden;width:230px;height:37px;background:url(../images/attach/img_logo_skRent.png)no-repeat 0 0 / 100%;text-indent:-999em}
.event_bn.mycar.skRent dl{margin-top:45px;padding-left:40px;position:relative;height:336px;font-size:0}
.event_bn.mycar.skRent dl:before{content:'';position:absolute;top:0;right:40px;width:450px;height:336px;background:url(../images/attach/img_skRent.png)no-repeat 0 0 / 100%}
.event_bn.mycar.skRent dl dt{position:relative;font-size:34px;line-height:130%;font-weight:700}
.event_bn.mycar.skRent dl dd{margin-top:15px;position:relative;font-size:18px;font-weight:400;line-height:150%}
.event_bn.mycar.skRent .img_box{margin-top:45px;position:relative;right:40px;float:right;width:450px;height:336px}
.event_bn.mycar.skRent .img_box img{margin:0 auto;width:100%;max-width:720px;max-height:590px;object-fit:cover}
@media only screen and (max-width:760px){
    .event_bn.mycar.skRent{padding:25px 0}
    .event_bn.mycar.skRent h3{margin:0 auto;width:150px;height:25px}
    .event_bn.mycar.skRent dl{margin-top:25px;padding:0;width:100%;height:364px;text-align:center}
    .event_bn.mycar.skRent dl dt{font-size:24px}
    .event_bn.mycar.skRent dl dd{font-size:13px}
    .event_bn.mycar.skRent dl:before{top:auto;right:50%;bottom:0;transform:translateX(50%);width:264px;height:197px}
}


/* 20241023345240 마이카 카뮤니티 서비스 연결 버튼 수정 요청  */
.community_main.new_type .community_cnt .community_menu dd ul{display: flex;flex-wrap: wrap;margin-bottom: -4px;}
.community_main.new_type .community_cnt .community_menu dd ul li {flex:1;float: none;width:auto;}
@media only screen and (max-width:760px){
    .community_main.new_type .community_cnt .community_menu dd ul li:first-child{width:100%;}
    .community_main.new_type .community_cnt .community_menu dd ul li{flex:none;width:calc(50% - 2px);margin:0 0 4px 0!important}
    .community_main.new_type .community_cnt .community_menu dd ul li:nth-child(even){margin-right:4px !important; }
}


/* 20241011540925 마이카_대출신청페이지 수정 */
.finance_wrap .box_deal_dia{margin-top:15px;display:flex;gap:10px}
.finance_wrap .box_deal_dia:after{display:none}
.finance_wrap .box_deal_dia li{padding:15px;flex:1;border-radius:7px;background:#f8f8f8}
.finance_wrap .box_deal_dia li .tit{font-weight:700;text-align:center}
.finance_wrap .box_deal_dia li .imgDia{margin-top:10px;padding:10px;background:#fff;text-align:center}
.finance_wrap .box_deal_dia li .imgDia img{width:100%;height:auto}
.finance_wrap .box_deal_dia li .imgDia.row2 img{max-width:274px}
.finance_wrap .box_deal_dia li .imgDia.row3 img{max-width:190px}
.finance_wrap .box_deal_dia li .txt{margin-top:15px;font-size:14px;line-height:130%}
.finance_wrap .box_deal_dia li .txt dt{font-weight:700;color:#333}
.finance_wrap .box_deal_dia li .txt dd{margin-top:3px;color:#666}
@media only screen and (max-width:760px){
    .finance_wrap .box_deal_dia{flex-direction:column}
    .finance_wrap .box_deal_dia li .txt{margin-top:10px;font-size:13px}
}


/* 마이카 플랫폼 내 광고배너 노출 */

@media only screen and (max-width:760px){
    .bnr_advertisement{overflow:hidden;width:100%;max-width:500px;min-width:300px;min-height:64px;margin:0 auto}

    .main_new22 .bnr_advertisement{margin-top:-16px;padding:10px 0;background-color: #f6f7f9;border-radius: 10px}
    .community_main.new_type .community_warp .bnr_advertisement{margin-top: 20px;padding-bottom:10px;border-bottom: 1px solid #efefef;}

}









/* ------------------------------------------------------------- 배포후 ------------------------------------------------------------- */


/* [20230707440809] 내차고i 선택적수집이용동의 수정 요청 */
.agree_list .agree_txt .termsConts .table{}
.agree_list .agree_txt .termsConts .table th{background-color: #ececec;border-color: #ccc}
.agree_list .agree_txt .termsConts .table tr:first-child th{border-color: #000}
.agree_list .agree_txt .termsConts .table td{background-color: #fff;}

/* [20230817334397]cms영역에 확인버튼 추가 및 문구수정요청 */
.agree_list .new_agree_txt .agree_btn{padding:0 !important}
.agree_list .new_agree_txt .agree_txt{display: block;padding: 0  20px!important}
.agree_list .new_agree_txt > .li{padding:0 !important;margin:0 !important;border:none !important}






/* [20231109579280] 카히스토리 컬럼 및 이미지 추가 요청 */
.clip.type02 .head{display:block;position: relative;}
.clip.type02 .head > a{display: block;overflow: hidden;;position: absolute;top:50%;transform: translateY(-50%);right:0;width:50px;height:100%;background:url(../images/common/acco_arr.png) no-repeat center center;background-size:14px;text-indent: -999em;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;}
.clip.type02.on .head >a{background:url(../images/common/acco_arr_on.png) no-repeat center center;background-size:14px;-webkit-transform:rotate(180deg);transform:translateY(-50%) rotate(180deg)}


.clip.type02 .cont_table{display: table;width:100%}
.clip.type02 .cont{position: relative;;padding-bottom: 420px;}
.clip.type02 .cont .price .num{display:inline-block;width:24px;border-radius: 50%;;background-color: #506dc9;color:#fff;text-align: center;line-height: 24px;}
.clip.type02 .cont .img_car{position: absolute;bottom:20px;left:50%;transform: translateX(-50%)}
.clip.type02 .cont .img_car img{display: block;width:396px}



@media only screen and (max-width:760px){
    .clip.type02 .head{position: relative;}
    .clip.type02 .head > a{background-size:12px;}
    .clip.type02.on .head >a{background-size:12px}

    .clip.type02 .cont{padding-bottom: 280px;}
    .clip.type02 .cont .price .num{width:21px;line-height: 21px;}
    .clip.type02 .cont .img_car{bottom:15px}
    .clip.type02 .cont .img_car img{width:251px}
}


/* [20231220399016 ] 마이카 커뮤니티 팝업 배너 제작 요청의 건 */
.popup_goodbye{font-family: 'Spoqa Han Sans';}
.popup_goodbye .popup{top:50%;transform: translateY(-50%);width:700px;height:auto;;padding:0;margin:0 auto !important;background: transparent;}
.popup_goodbye .popup .pop_cont{overflow:visible;;padding:0;}
.popup_goodbye .popup .pop_cont:after{display: none;}

.popup_goodbye .popup .goodbye_visual{background-color: #fff;}
.popup_goodbye .popup .goodbye_visual a{display: block;width:100%;height:700px;background: url(../images/attach/img_pop_goodbye.jpg) no-repeat 0 0  / 100%;}
.popup_goodbye .popup .goodbye_visual img{display:none !important;width:100%;height:700px;}

.popup_goodbye .popup .pop_btn{}
.popup_goodbye .popup .pop_btn .check_wrap{overflow: hidden;;position: relative;}
.popup_goodbye .popup .pop_btn .check_wrap label{position: relative;}
.popup_goodbye .popup .pop_btn .check_wrap label input{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 100%;opacity: 0;z-index:10;}
.popup_goodbye .popup .pop_btn .check_wrap label p{position: relative;padding-left:40px;font-size: 18px;color:#fff;line-height: 30px;;}
.popup_goodbye .popup .pop_btn .check_wrap label p:after{display: block;content:'';position: absolute;top:0px;left:0;width:30px;height:30px;background: url(../images/attach/ico_chkbox.png) no-repeat 0 0}
.popup_goodbye .popup .pop_btn .check_wrap label input:checked + p:after{background-position: 0 -30px;}

.popup_goodbye .popup .pop_btn{position: relative;;margin:20px 0 0 0 !important}
.popup_goodbye .popup .pop_btn .btn_close{overflow:hidden;top:50%;right:0;transform: translateY(-50%);width:20px;height:20px;background: url(../images/attach/btn_close_20.png) no-repeat 0 0;}

@media only screen and (max-width:760px){
    .popup_goodbye .popup{width:360px}
    .popup_goodbye .popup .pop_cont{height:auto;}

    .popup_goodbye .popup .goodbye_visual{}
    .popup_goodbye .popup .goodbye_visual a{height:500px;background: url(../images/attach/img_pop_goodbye_m.jpg) no-repeat 0 0  / 100%;}
    .popup_goodbye .popup .goodbye_visual img{width:100%;height:500px}

    .popup_goodbye .popup .pop_btn{margin-top: 15px;}
    .popup_goodbye .popup .pop_btn .check_wrap label p{padding-left:26px;font-size: 14px;line-height: 20px;;}
    .popup_goodbye .popup .pop_btn .check_wrap label p:after{width: 20px;height: 20px;background: url(../images/attach/ico_chkbox.png) no-repeat -10px 0 / 30px 40px;}
    .popup_goodbye .popup .pop_btn .check_wrap label input:checked + p:after{background-position: -10px -20px;}
    .popup_goodbye .popup .pop_btn .btn_close{width:14px;height:14px;background: url(../images/attach/btn_close_42w.png) no-repeat 0 0 / 100%;}
}



/* [20231116372370] 마이카 그룹사 App명 수정 요청 */
.log_btn a{padding-left:95px;text-align:left}
.log_btn a.ico_solpay{background: url(../images/attach/logo_log_solpay.png)17px 19px no-repeat;background-size:68px 23px}
@media only screen and (max-width:760px){
    .log_btn a{padding-left:130px}
    .log_btn a.ico_solpay{background-position:35px 14px;background-size:62px 22px}
    .log_btn.type2 a{padding-left:15px;text-align:center;}
}



/* [20240219515855] 내차고 타인명의(공동명의)등록 - 소유주 동의 여부 팝업 추가 */
.list_wrap.img_list.new_list li .ic_txt{display: block;position: absolute; top: 50%;right: 20px;;transform: translateY(-50%);}
.list_wrap.img_list.new_list a[role="cell"]{cursor: default}
@media only screen and (max-width:760px){
}

/* 승계추가 */
.succession_banner {display:flex;justify-content:space-between;margin-top:20px;}
.succession_banner a {position:relative;display:block;width:calc(50% - 10px);margin-right:10px;background:#cadbff;height:178px;padding:30px;box-sizing:border-box;border-radius:20px}
.succession_banner a.ban1:after {content:'';position:absolute;bottom:10px;right:30px;width:150px;height:120px;background:url(../images/succession/img_mycari_bn1.png) no-repeat 0 0 / 100%;z-index:0} 
.succession_banner a.ban2:after {content:'';position:absolute;bottom:0;right:0;width:330px;height:158px;background:url(../images/succession/img_mycari_bn2.png) no-repeat 0 0 / 100%;z-index:0;border-bottom-right-radius:20px } 
.succession_banner a.ban2 {margin-right:0;margin-left:10px;background:#bbe3ff}
.succession_banner a strong {display:block;color:#000;font-weight:900;font-size:16px;line-height:1.2}
.succession_banner a span {position:relative;display:block;font-size:14px;font-weight:400;color:#666;margin-top:10px;z-index:1}
.succession_banner a span.ibt {position:absolute;left:30px;bottom:30px;display:inline-block;background:#fff;height:32px;border-radius:16px;padding:0 20px;text-align:center;color:#000;line-height:32px;font-weight:700;z-index:2}
@media only screen and (max-width:760px){
    .succession_banner {display:block;margin-top:40px;}
    .succession_banner a {width:100%;margin-right:0;height:132px;padding:20px;border-radius:10px}
    .succession_banner a.ban1:after {bottom:8px;right:10px;width:110px;height:88.3px;} 
    .succession_banner a.ban2:after {width:231px;height:110px;border-bottom-right-radius:10px} 
    .succession_banner a.ban2 {margin-left:0;}
    .succession_banner a strong {font-size:14px;}
    .succession_banner a span {display:block;font-size:13px;}
    .succession_banner a span.ibt {left:20px;bottom:20px;height:30px;border-radius:16px;padding:0 20px;line-height:30px;}
    .succession_banner a + a {margin-top:15px}
}





/* 20240328518956 제주지니 렌터카 연결 화면 재작업 요청 */
.remmd_rent_wrap.new{padding:50px 55px;position:relative;display:block;background:linear-gradient(#0082df, #00cfc3);border-radius:20px;overflow:hidden}
.remmd_rent_wrap.new:before{position:absolute;content:'';top:43px;right:-1px;width:204px;height:144px;background:url(../images/attach/img_remmd_jejujini.png)no-repeat 0 / 100%}
.remmd_rent_wrap.new .remmd_rent_tit span{font-size:24px;line-height:36px;color:#fff}
.remmd_rent_wrap.new .remmd_rent_tit b[class^="ani_b"]{position:relative;display:inline-block;animation:ani_bounce 2s ease infinite;-webkit-animation:ani_bounce 2s ease infinite}
.remmd_rent_wrap.new .remmd_rent_tit b.ani_b2{animation-delay:.3s}
.remmd_rent_wrap.new .remmd_rent_tit b.ani_b3{animation-delay:.6s}
.remmd_rent_wrap.new .remmd_rent_tit b.ani_b4{animation-delay:.9s}
.remmd_rent_wrap.new .remmd_rent_det{padding:0 30px;margin-top:14px;justify-content:space-between;width:500px;height:72px}
.remmd_rent_wrap.new .remmd_rent_det:after{display:none}
.remmd_rent_wrap.new .remmd_rent_det strong{font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.remmd_rent_wrap.new .type{display:inline-block;padding:0 6px;margin-left:8px;border-radius:3px;color:#fff;background-color:#f46f51;font-size:16px;font-weight:900;line-height:23px}
@media only screen and (max-width: 760px){
    .remmd_rent_wrap.new{padding:20px;margin:25px 0 0;border-radius:17px}
    .remmd_rent_wrap.new:before{top:22px;right:20px;width:100px;height:101px;background:url(../images/attach/img_remmd_jejujini_m.png)no-repeat 0 / 100%}
    .remmd_rent_wrap.new .remmd_rent_tit{padding:10px}
    .remmd_rent_wrap.new .remmd_rent_tit span{font-size:18px;line-height:26px;text-align:left}
    .remmd_rent_wrap.new .remmd_rent_det{padding:0 20px;margin-top:12px;width:100%;height:52px;border-radius:10px}
    .remmd_rent_wrap.new .remmd_rent_det strong{font-size:14px}
    .remmd_rent_wrap.new .type{margin-left:4px;font-size:11px;line-height:16px}
}



/* 20240328398341 자동차담보대출 도입관련 마이카 화면 변경의 건 */
.visual_prd, .info_prd{font-family:'Spoqa Han Sans', 'sans-serif';font-weight:400;background-color:#f6f6f6}
.info_prd{margin-bottom:-100px}
.visual_prd *, .info_prd *{box-sizing:border-box}
.visual_prd .section{padding:60px 0;background:linear-gradient(175deg, rgba(242, 255, 211, 0.70) -2.26%, rgba(177, 255, 227, 0.70) 24.24%, rgba(217, 213, 255, 0.70) 47.96%, rgba(217, 213, 255, 0) 72.14%);}
.visual_prd .tit_area{padding:0 12px}
.visual_prd .tit_area .tit{font-size:30px}
.visual_prd .tit_area p{font-size:18px}
.visual_prd .tit_area + .list_area_wrap{margin-top:40px}
.visual_prd .list_area_wrap ul{display:flex;flex-direction:row}
.visual_prd .list_area_wrap li{position:relative;width:183px;height:343px;transition:.3s;cursor:pointer}
.visual_prd .list_area_wrap li + li{margin-left:10px}
.visual_prd .list_area_wrap .list_area{position:relative;width:100%;height:100%;background-color:#fff;border-radius:17px;overflow:hidden}
.visual_prd .list_area_wrap .list_area dl{padding:35px 25px 0;white-space:nowrap}
.visual_prd .list_area_wrap .list_area dl dt h2{font-size:22px}
.visual_prd .list_area_wrap .list_area dl dd p{display:none;font-size:18px}
.visual_prd .list_area_wrap .list_area strong{display:block;padding:0 25px;margin-top:10px;font-size:33px;line-height:50px;color:#ccc}
.visual_prd .list_area_wrap .list_area img{position:absolute;bottom:50px;right:-130px;width:324px;height:130px}
.visual_prd .list_area_wrap .list_area a{position:absolute;padding-right:17px;font-size:16px;opacity:0;color:transparent} /* 웹접근성 2024 */
.visual_prd .list_area_wrap li.active{width:401px;cursor:auto}
.visual_prd .list_area_wrap li.active:before{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:calc(100% - 50px);height:24px;border-radius:50%;box-shadow:0 0 20px 5px rgba(0, 0, 0, .2);opacity:0;animation:ani_opacity .5s ease;animation-fill-mode:forwards;animation-delay:.25s}
.visual_prd .list_area_wrap li.active .list_area{padding:0;text-align:center}
.visual_prd .list_area_wrap li.active .list_area dl{padding:95px 35px 80px;text-align:left;background-color:#185a68;color:#fff}
.visual_prd .list_area_wrap li:nth-child(2).active .list_area dl{background-color:#2a638c}
.visual_prd .list_area_wrap li:nth-child(3).active .list_area dl{background-color:#54408f}
.visual_prd .list_area_wrap li:nth-child(4).active .list_area dl{background-color:#264180}
.visual_prd .list_area_wrap li.active .list_area dl dt h2{opacity:0;animation:ani_opacity .5s ease;animation-fill-mode:forwards;animation-delay:.25s}
.visual_prd .list_area_wrap li.active .list_area dl dt h2 br{display:none}
.visual_prd .list_area_wrap li.active .list_area dl dd p{display:block;opacity:0;animation:ani_opacity .5s ease;animation-fill-mode:forwards;animation-delay:.25s}
.visual_prd .list_area_wrap li.active .list_area strong{position:absolute;padding:0;margin-top:0;top:28px;left:35px;font-size:50px;line-height:65px;color:#fff;opacity:0;animation:ani_opacity .5s ease;animation-fill-mode:forwards;animation-delay:.25s}
.visual_prd .list_area_wrap li.active .list_area img{bottom:54px;right:20%;transform:translateX(50%);opacity:0;animation:ani_rebound3 .6s ease;animation-fill-mode:forwards;animation-delay:.25s}
.visual_prd .list_area_wrap li.active .list_area a{position:relative;display:inline-block;margin-top:55px;color:#000;animation:ani_rebound1 .6s ease;animation-fill-mode:forwards;animation-delay:.25s} /* 웹접근성 2024 */
.visual_prd .list_area_wrap li.active .list_area a:after{content:'';position:absolute;top:45%;right:9px;width:6px;height:6px;border:1px solid #000;border-width:1px 1px 0 0;transform:rotate(45deg) translateY(-50%);opacity:0;animation:ani_rebound2 .6s ease;animation-fill-mode:forwards;animation-delay:.25s}
.info_prd .section{padding:0 0 80px}
.info_prd .form_wrap{padding:30px 40px;position:relative;border-radius:17px;background-color:#fff}
.info_prd .form_wrap dl dt h2{font-size:18px}
.info_prd .form_wrap dl dd{font-size:16px}
.info_prd .form_wrap a{display:inline-block;position:relative;margin-top:13px;padding-right:17px;font-size:14px}
.info_prd .form_wrap a:after{content:'';position:absolute;top:45%;right:9px;width:6px;height:6px;border:1px solid #000;border-width:1px 1px 0 0;transform:rotate(45deg) translateY(-50%)}
.info_prd .form_wrap img{position:absolute;right:36px;bottom:23px}
.info_prd .form_wrap.inner_left2 img{width:112px}
.info_prd .form_wrap.inner_right2 img{width:138px}
.info_prd .form_wrap.car_bond{margin-bottom:20px;display:flex;justify-content:center;align-items:center;height:116px;color:#fff;background-color:#09c;border-radius:17px}
.info_prd .form_wrap.car_bond dl dt h2{font-size:22px}
.info_prd .form_wrap.car_bond dl dd{font-size:18px}
.info_prd .form_wrap.car_bond dl dd br{display:none}
.info_prd .form_wrap.car_bond a{margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;color:transparent}
.info_prd .form_wrap.car_bond a:after{display:none}
.info_prd .form_wrap.car_bond img{position:initial;margin-left:160px;width:125px}
.info_prd .section .ly_inner>.inner_left2{float:left;width:calc(50% - 5px)}
.info_prd .section .ly_inner>.inner_right2{float:right;width:calc(50% - 5px)}
.info_prd .section .ly_inner>.full_case{float:none;width:100%;}
.info_prd .section .ly_inner>.full_case img{width:138px;}
@keyframes ani_opacity{0%{opacity:0}100%{opacity:1}}
@keyframes ani_rebound1{0%{opacity:0;transform:translateX(5px)}70%{transform:translateX(-2px)}100%{opacity:1;transform:translateX(0)}}
@keyframes ani_rebound2{0%{opacity:0;right:25px}70%{right:6px}100%{opacity:1;right:9px}}
@keyframes ani_rebound3{0%{opacity:0;right:10%}70%{right:calc(50% + 5px)}100%{opacity:1;right:50%}}
@media only screen and (max-width:1000px){
    .visual_prd .section{padding:34px 0 48px;background:linear-gradient(169deg, #f2ffd3 0%, #b1ffe3 16.55%, #d9d5ff 31.35%, rgba(217, 213, 255, 0) 46.44%)}
    .visual_prd .tit_area .tit{font-size:22px}
    .visual_prd .tit_area p{font-size:15px}
    .visual_prd .tit_area + .list_area_wrap{margin-top:25px}
    .visual_prd .list_area_wrap ul{flex-direction:column}
    .visual_prd .list_area_wrap li{width:100%;height:64px}
    .visual_prd .list_area_wrap li + li{margin:5px 0 0}
    .visual_prd .list_area_wrap .list_area{display:flex;justify-content:space-between;align-items:center}
    .visual_prd .list_area_wrap .list_area dl{padding:20px 25px}
    .visual_prd .list_area_wrap .list_area dl dt h2{font-size:16px}
    .visual_prd .list_area_wrap .list_area dl dt h2 br{display:none}
    .visual_prd .list_area_wrap .list_area strong{margin-top:0;font-size:15px;font-weight:500}
    .visual_prd .list_area_wrap .list_area img{display:none}
    .visual_prd .list_area_wrap .list_area a{font-size:15px}
    .visual_prd .list_area_wrap li.active{margin-bottom:20px;width:100%;height:334px}
    .visual_prd .list_area_wrap li.active:before{bottom:0}
    .visual_prd .list_area_wrap li.active .list_area{display:block}
    .visual_prd .list_area_wrap li.active .list_area dl dt h2{font-size:22px}
    .visual_prd .list_area_wrap li.active .list_area dl dd p{font-size:15px}
    .visual_prd .list_area_wrap li.active .list_area strong{font-weight:700}
    .visual_prd .list_area_wrap li.active .list_area img{display:block}
    .info_prd{margin-bottom:-50px}
    .info_prd .section{padding:0 0 48px}
    .info_prd .form_wrap{padding:30px 25px 20px;width:100%;height:180px}
    .info_prd .form_wrap dl dt h2{font-size:16px}
    .info_prd .form_wrap dl dd{margin-top:5px;font-size:13px}
    .info_prd .form_wrap a{margin-top:35px}
    .info_prd .form_wrap img{right:25px;bottom:20px}
    .info_prd .form_wrap.car_bond{margin-bottom:10px;display:block;height:180px}
    .info_prd .form_wrap.car_bond dl dt h2{font-size:20px}
    .info_prd .form_wrap.car_bond dl dd{font-size:13px}
    .info_prd .form_wrap.car_bond dl dd br{display:block}
    .info_prd .form_wrap.car_bond a{margin-top:29px;padding-right:17px;position:relative;width:auto;height:auto;color:#fff}
    .info_prd .form_wrap.car_bond a:after{display:block;border-color:#fff}
    .info_prd .form_wrap.car_bond img{margin-left:0;position:absolute;right:25px;bottom:20px}
    .info_prd .section .ly_inner>.inner_left2{margin-top:0;width:100%}
    .info_prd .section .ly_inner>.inner_right2{margin-top:10px;width:100%}
    .info_prd .section .ly_inner>.full_case{margin-top:10px;}
}

/* start : 20250218551194, 메인화면 마이카페 컨텐츠 제거로 인한 수정 */
#contents .section_p .ct_inner {
    padding: 12px 0;
}
#contents .section_p .ct_inner .cafe_cont {
    margin: 0 auto;
    float: none;
}
.main_new22 .slide3 .cafe_cont .main_car li:nth-child(1) .img::before {
    width:38px;
    height:38px;
    background: url(../images/main22/cafe_icon3.png) no-repeat 0 0;
}
.main_new22 .slide3 .cafe_cont .main_car li:nth-child(1) p {
    padding-top: 22px;
}
.main_new22 .slide3 .cafe_cont .main_car li:nth-child(1) p br {
    display: none;
}

@media only screen and (max-width: 760px) {
    #contents .slide3 .section_p .ct_inner {
        padding: 12px 0;
    }
    .main_new22 #contents .slide3 .cafe_cont {
        padding-bottom: 0;
    }
    .main_new22 #contents .slide3 .cafe_cont .main_car {
        justify-content: center;
    }
    .main_new22 #contents .slide3 .cafe_cont .main_car li {
        flex: 0 0 auto;
    }
    .main_new22 .slide3 .cafe_cont .main_car li:nth-child(1) p {
        padding-top: 14px;
    }
    #contents .section_w.mid_section .ct_inner {
        padding-top: 30px;
    }
    .main_new22 #contents .slide3 > .cafe_cont {
        padding-bottom: 20px;
    }
    .main_new22 #contents .slide3 .cafe_cont .main_splay_bnr {
        top: 0;
        margin-bottom: 0;
    }
}
/* end : 20250218551194, 메인화면 마이카페 컨텐츠 제거로 인한 수정 */