@charset "utf-8";

/* common */
:root{}
#header.shHyundai_header .btn_close_shHyundai{display:none;position:absolute;right:-10px;top:50%;width:38px;height:38px;margin-top: -19px;background:url(../images/common/btn_pop_close.png) no-repeat center center;color:transparent;overflow:hidden;-webkit-transition:transform 1s ease-in-out;transition:transform 1s ease-in-out;background-size: 14px auto;}
#header.shHyundai_header.onlyCert .btn_close_shHyundai{display: block;}
.form_wrap .form_box .form_info + .btn.full.btnHy1{color: #494f60;margin-top: 40px;}
.form_wrap .form_box .form_info + .btn.full.btnHy1 + .btn.full.btnHy1{color: #494f60;margin-top: 10px;}
.form_wrap .form_box .form_info + .btn.full.btnHy1 + .btn.full{margin-top: 10px;}
.form_wrap .list_style + .form_box.cus_mgHy1{margin-top: 40px;}
.form_wrap .list_style + .form_box.cus_mgHy1 .btn.full.btnHy1{color: #494f60;}
.form_wrap .list_style + .form_box.cus_mgHy1 .btn.full.btnHy1 + .btn.full.btnHy1{color: #494f60;margin-top: 10px;}

.pop_wrap.hy_wrap .popup .pop_head h1{outline: 0;}

/* 본인인증 */
#header.shHyundai_header.onlyCert .mycar_new21s{border-top: 0;border-bottom: 0;}
#header.shHyundai_header.onlyCert .mycar_new21s .head_title{height: 50px;padding: 0;margin: 0 55px;}
#header.shHyundai_header.onlyCert .mycar_new21s .head_title .tit{font-size: 19px;height: 50px;padding: 13px 0;}
#header.shHyundai_header.onlyCert .mycar_new21s .head_btn{top: 50%;left: auto;position: absolute;width: 100%;}
#header.shHyundai_header.onlyCert + #container.finance_wrap .section{background: #fff;}

.shHyundai_wrap .btn_wrap.onlyCert .btn.bg_blue2{pointer-events: none;}
.shHyundai_wrap .btn_wrap.onlyCert .btn.bg_blue{pointer-events: auto;}

.shHyundai_wrap .form_wrap.onlyCert{}
.shHyundai_wrap .form_wrap.onlyCert .form_ele{transition: all 0.5s ease-in-out;}
.shHyundai_wrap .form_wrap.onlyCert .form_ele.mt_none{margin-top: 0 !important;}
.shHyundai_wrap .form_wrap.onlyCert .fadeinout_control{height: 0;opacity: 0;margin-bottom:0;transition: all 0.5s ease-in-out;}
.shHyundai_wrap .form_wrap.onlyCert .fadeinout_control.active{height: auto;opacity: 1;margin-bottom:30px;}
.shHyundai_wrap .form_wrap.onlyCert .sub_txt{margin-top: 0px;line-height: 16px;}

.shHyundai_wrap .form_wrap.agree.onlyCert .sub_txt + .form_box{margin-top: 0;}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele:first-child{padding-bottom: 0;}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele .agree_box .accordion_wrap .body_first{}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele{border-bottom: 0;}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_box .form_ele .ele_tit + .ele_cnt.bdrb1{border-bottom: 1px solid #eee;}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele .accept_list li:first-child{padding: 5px 30px 5px 0;margin-top: 11px;}
.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele .accept_list .btn_accept{margin-right: -7px;}
.shHyundai_wrap .form_wrap.agree.onlyCert .fadeinout_control{height: 0;opacity: 0;margin-top:0;margin-bottom:0;transition: all 0.5s ease-in-out;}
.shHyundai_wrap .form_wrap.agree.onlyCert .fadeinout_control.active{height: auto;opacity: 1;margin-bottom: 30px;}
.shHyundai_wrap .form_wrap.agree.onlyCert .fadeinout_control .btn_pop_arrow .ui-pop-open{display: none;}
.shHyundai_wrap .form_wrap.agree.onlyCert .fadeinout_control.active .btn_pop_arrow .ui-pop-open{display: block;}

.shHyundai_wrap .tab_onlyCert{}
.shHyundai_wrap .tab_onlyCert .tab_btn{}
.shHyundai_wrap .tab_onlyCert .tab_btn ul{display: flex;overflow: hidden;margin: -4px -2px 0;flex-wrap: wrap;}
.shHyundai_wrap .tab_onlyCert .tab_btn ul li{flex:none;width: calc(50% - 4px);margin: 4px 2px 0;position: relative;}
.shHyundai_wrap .tab_onlyCert .tab_btn ul li a{position: relative;height:48px;background-color: #fff;border:1px solid #ccc;border-radius:4px;;font-size:16px;font-weight: 700;color:#494f60;text-align:center;line-height:20px;vertical-align: top;display: block;}
.shHyundai_wrap .tab_onlyCert .tab_btn ul li a:after{display: inline-block;content:'';width:1px;height:100%;vertical-align: middle}
.shHyundai_wrap .tab_onlyCert .tab_btn ul li a > span{display: inline-block;width:calc(100% - 10px);vertical-align: middle;}
.shHyundai_wrap .tab_onlyCert .tab_btn ul li.on a{border:2px solid #476eff;color:#476eff}

.shHyundai_wrap .form_wrap.agree.onlyCert .form_ele:first-child{border-color: #eee;}

.accept_list_hyundai li{position:relative}
/* .accept_list_hyundai li:first-child{padding-bottom:16px} */
.accept_list_hyundai li{padding:5px 30px 5px 0}
/* .accept_list_hyundai li:first-child{padding-top: 0;} */
.accept_list_hyundai .chk_type label span{padding-left:45px;color:#333}
.accept_list_hyundai .chk_type.chk_type02 label span{font-size:16px;color:#666}
.accept_list_hyundai .btn_accept{display:block;overflow:hidden;position:absolute;margin-right:-8px;top:0;right:0;width:34px;height:34px;text-indent:-999em;background:url(../images/auto_finance/ico_arr_right3.png)no-repeat 50% 50%}

.shHyundai_wrap .form_wrap .form_box .btn_pop_arrow{position: relative;border-bottom: 1px solid #eee;width: 100%;height: 44px;line-height: 44px;}
.shHyundai_wrap .form_wrap .form_box .btn_pop_arrow .ui-pop-open{width: 100%;height: 100%;color: #ccc;font-size: 18px;display: block;}
.shHyundai_wrap .form_wrap .form_box .btn_pop_arrow .ui-pop-open:after{display: block;position: absolute;top:50%;right:0;transform:translateY(-50%);width:60px;height:100%;background: url(../images/auto_finance/ico_arr_down3.png) no-repeat 100% 50%;text-indent: -999em;content: '';}
.shHyundai_wrap .form_wrap .form_box .btn_pop_arrow .ui-pop-open.active{color: #000;}
.shHyundai_wrap .form_wrap .form_box .ele_cnt.mt_etc{margin-top: 20px;}
.shHyundai_wrap .txt_info.mgt{margin-top: 12px;}
.shHyundai_wrap .form_wrap .title_txt + .txt_info.mgt + .form_box{margin-top: 36px;}

.pop_shHyundai .chk_btnType .btn_list{float: left;display: block;position: relative;padding:0 36px 0 0;min-width:32px;min-height:24px;font-size: 18px;line-height: 24px;;}
.pop_shHyundai .chk_btnType .btn_list:after{display: block;content:'';position: absolute;top:8px;right:10px;width:13px;height:9px;}
.pop_shHyundai .chk_btnType .btn_list.active{color: #476eff;}
.pop_shHyundai .chk_btnType .btn_list.active:after{background: url(../images/auto_finance/btn_input.png) no-repeat -30px -60px;}

.pop_shHyundai .chk_type label span{padding: 0 36px 0 0;}
.pop_shHyundai .chk_type label input:checked + span{color: #476eff;}
.pop_shHyundai .chk_type02 label span:after{right: 10px;left: auto;}
.pop_shHyundai .form_wrap .form_box > ul{margin-bottom: 0;}
.pop_shHyundai .form_wrap .form_box > ul > li{margin-top: 20px;}
.pop_shHyundai .form_wrap .form_box > ul > li:first-child{margin-top: 0;}

.pop_shHyundai .form_wrap .chk_type02 label input + span:after{background-position: 0 -500px;}
.pop_shHyundai .form_wrap .chk_type02 label input:checked + span:after{background-position: -30px -60px;}

.pop_shHyundai_alert .button.bg_blue{background: #476eff;color: #fff;border: 1px solid #476eff;}
.pop_shHyundai_alert .button.bg_blue2{background: #d0dae6;color: #90a1b1;border: 1px solid #d0dae6;}

.chk_shhyundai .chk_wrap label span{font-size: 14px;}
.chk_shhyundai .chk_wrap label span em.fc_blue{display: inline; color: #476eff;}

.form_wrap .list_style.list_style_hy1{padding: 10px 18px 18px 18px;background: #f7f7fa;border-radius: 10px 10px;}
.chk_shhyundai li{margin-top: 8px;}
.chk_shhyundai li:first-child{margin-top: 0;}
.chk_shhyundai .chk_wrap label span{line-height: 20px;}
/* .chk_shhyundai .chk_wrap label span:after{top: 6px;} */
.chk_shhyundai .chk_wrap label span:after{top: 50%;transform: translateY(-50%)}

.procedure_list.procedure_add{justify-content: center;}
.procedure_list.procedure_add li:after{background: url(../images/mycar_hyundai/procedure_icon1.png) 0 0 no-repeat; background-size: 100%;}
.procedure_list.procedure_add li:last-child div{margin-right: 0;}
.procedure_list.procedure_add li:last-child:after{transform: translateX(-50%) rotate(0deg); background-position-y: -33px;}
.procedure_list + .des_add{font-size: 14px;color: #666;margin-top: 40px;padding-left: 83px;}
.shHyundai_wrap .btn.pointerEvNone{pointer-events: none;}

/* 오토플러스 & 할부금융*/
.pop_wrap.hy_wrap{}
.pop_wrap.hy_wrap .pop_hyautoplus{display: none;}
.pop_wrap.hy_wrap .pop_hyautoplus.active{display: block;}
.pop_wrap.hy_wrap .pop_btn{}

.btn_double .btnOpenMultiple.active{border-color: #476eff;color: #476eff;}
.agree_info .insert_stHy{position: relative;padding-left: 16px;}
.agree_info .insert_stHy::before{content: '※';position: absolute;top: 0;left: 0;}

/* 분류 공통 */
body.shHyundai_bg{height: 100%;}
body.shHyundai_bg #wrap{height: 100%;}
#header.shHyundai_header {height: 100px!important;}
#header.shHyundai_header .mycar_new21s{border-top:0;}
#container.shHyundai_wrap{height: calc(100% - 100px); background-color: #f6f6f6;}
/* .shHyundai_wrap .form_wrap .form_box .form_info .ele_tit{width: auto;}
/* .shHyundai_wrap .form_wrap .form_box .form_info .ele_cnt{width: auto;} */ 
/* 22.06.27 수정*/
.shHyundai_wrap .btn_wrap.btnType04>span .btn:first-child{flex: none; min-width: 180px!important;}
#NotiConfirmPopup .list_style.dot li, #NotiConfirmPopup p.list_style.dot{margin-top:8px;}
#NotiConfirmPopup15 .list_style.dot li, #NotiConfirmPopup15 p.list_style.dot{margin-top:8px;}
#NotiConfirmPopup17 .list_style.dot li, #NotiConfirmPopup17 p.list_style.dot{margin-top:8px;}
.shHyundai_wrap .btn.bg_blue2{pointer-events: none;}
.shHyundai_wrap .btn_wrap.btnType05>span{width: 100%;}
.shHyundai_wrap .btn_wrap.btnType05>span .btn {width: 100%;}
.shHyundai_wrap .btn_wrap.btnType05>span .btn + .btn{margin-top:4px; margin-left: 0;}

/* ADPFM831C01 - 게이트 */
.shHyundai_gate .tit div{font-size: 38px; line-height: 46px;}
.shHyundai_gate .tit div strong{font-weight: 900;}
.shHyundai_gate .tit p{margin-top:20px; font-size: 28px; line-height: 36px;}
.shHyundai_gate .section.main .inner_wrap .form_box{top:40px;}
.shHyundai_gate .form_wrap .list_style{margin-top: 69px; text-align: center;}
.shHyundai_gate .form_wrap .list_style li{font-size: 13px; color:#666;}
.shHyundai_gate .section.main .btn_wrap.btm_finish{padding-top: 26px;}

/* ADPFM831R05 */
.shHyundai_wrap .form_wrap.complete{padding: 40px 50px 60px;}
.shHyundai_wrap .form_wrap.complete:before{margin: 0 auto;}
.shHyundai_wrap .complete_wrap .complete_info{margin-top: 40px;}

.form_wrap.notiballoon_wrap{padding:0; border: 1px solid #ccc;}
.form_wrap.notiballoon_wrap .NotiConfirm{padding: 36px 50px 40px;}
.form_wrap.notiballoon_wrap .noti_balloon{position: absolute; top: -70px; right: 125px; z-index: 1; padding: 0 17px; transform: translate(calc(50% - 3px), calc(100% + 8px)); color: #fff; background-color: #486eff; border-radius: 6px; font-size: 14px; line-height: 44px; box-shadow: 0 4px 7px rgb(0 0 0 / 18%);}
.form_wrap.notiballoon_wrap .noti_balloon:after {display: block; content: ''; position: absolute; bottom:0; right: 0; transform: translate(0, 50%); border-top: 7px solid transparent; border-right: 10px solid #486eff; border-bottom: 7px solid transparent;}

.NotiConfirm{display:block;position: relative;}
.NotiConfirm:after {display: block; content: ''; position: absolute; top: 37px; right:37px; width: 24px; height: 24px; background: url(../images/auto_finance/btn_input.png) no-repeat 0 0; background-position: 0 -30px;}
.NotiConfirm[data-noticonfirm="true"]:after{background-position: -30px -30px;}

/* ADPFM831R07 */
.shHyundai_wrap .complete_wrap .complete_info strong + p{margin-top:40px;}

/* ADPFM831R09 */
.procedure_list{display: flex; margin-top: 58px;}
.procedure_list li{position: relative;}
.procedure_list li div{margin-right: 30px; padding:20px; width: 140px; border-radius: 4px; background: #eff0f5; text-align: center;}
.procedure_list li:last-child{margin-right: 0;}
.procedure_list li::before{content: ''; display: block; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); border: 1px solid #dddddd; width: 30px;}
.procedure_list li:last-child::before{display: none;}
.procedure_list li:after{content:''; display: block; position: absolute; top:-18px; left: 50%; width: 33px; transform: translateX(-100%) rotate(-90deg); height: 33px; background: url(../images/mycar_hyundai/procedure_icon.png) 0 0 no-repeat; background-size: 100%;}
.procedure_list li:last-child:after{transform: translateX(-100%) rotate(0deg); background-position-y: -33px;}

/* ADPFM831R11 */
.shHyundai_wrap .form_wrap .form_box .form_info + .form_ele{margin-top:36px;}

/* ADPFM833R17 */
.form_wrap.notiballoon_wrap.type02{padding: 36px 50px 40px; border: 0;}
.form_wrap.notiballoon_wrap.type02 .noti_balloon{position: absolute; top: -70px; right: 106px; z-index: 1; padding: 0 17px; transform: translate(calc(50% - 3px), calc(100% + 8px)); color: #fff; background-color: #486eff; border-radius: 6px; font-size: 14px; line-height: 44px; box-shadow: 0 4px 7px rgb(0 0 0 / 18%);}
.form_wrap.notiballoon_wrap.type02 .noti_balloon:after {display: block; content: ''; position: absolute; bottom:0; right: 0; transform: translate(0, 50%); border-top: 7px solid transparent; border-right: 10px solid #486eff; border-bottom: 7px solid transparent;}
.form_wrap.notiballoon_wrap .title_txt .sub_txt{font-weight: normal;}
.shHyundai_wrap .form_wrap .list_style_hy1 p.list_style.noti{font-size: 14px; color: #333;}
.shHyundai_wrap .form_wrap .list_style_hy1 p.list_style.dash{font-size: 14px; color: #333; margin-top: 5px;}
.shHyundai_wrap .form_wrap .list_style_hy1 p.sub_txt{font-size: 14px;}
.shHyundai_wrap .form_wrap .accordion_body p.list_style.noti{font-size: 14px; color: #333;}
.shHyundai_wrap .form_wrap .accordion_body p.sub_txt{font-size: 14px;}
.shHyundai_wrap .form_wrap .accordion_body p.list_style.noti.fc_red{font-size: 13px; color: #d21651;}
.shHyundai_wrap .form_wrap .accordion_body p.list_style.dash{font-size: 14px; color: #333; margin-top: 5px;}

.form_wrap.agree.agree_hy1{padding: 0 50px;}
.form_wrap.agree.type02.agree_hy1 .form_ele:first-child{border-top: 0;}
.form_wrap.agree.type02.agree_hy1 .form_ele:last-child{border-bottom: 0;}
.form_wrap.agree.agree_hy1 .agree_box.type02{padding: 25px 0;}
.form_wrap.agree.agree_hy1 .agree_box .list_style li{margin-bottom: 8px;}
.form_wrap.agree.agree_hy1 .NotiConfirm:after{top: 0; left: 4px;}
.form_wrap.agree.agree_hy1 > span, .form_wrap.agree.agree_hy1 .chk_type span{font-size: 18px; padding-left: 45px;}
.form_wrap.agree.agree_hy1 .agree_info span{font-weight: bold;}
.form_wrap.agree.agree_hy1 ul.agree_info{padding-left: 35px;}
.form_wrap.agree.agree_hy1 ul.agree_info li{list-style-type: decimal; font-size: 14px; color: #666;}

.form_wrap.agree_hy1 .info_box .accordion_header .btn_accordion{width: 24px; height: 24px; text-indent: -999em; background: url(../images/auto_finance/ico_arr_down.png) no-repeat 100% 50%;}
.form_wrap.agree_hy1 .info_box .accordion_header .btn_accordion.active{background-image: url(../images/auto_finance/ico_arr_up.png); transform: translateY(-50%) rotate(0deg);}

.procedure_list + .des_add.type01{margin-top: 20px;}

/* ADPFM833R21 */
.shHyundai_wrap .card_list li{border-bottom: 1px solid #eee; margin-bottom: 40px;}
.shHyundai_wrap .card_list li::after{content: ''; display: block; clear: both;}
.shHyundai_wrap .card_list li:last-child{border-bottom: 0; margin-bottom: 0;}
.shHyundai_wrap .card_list li .card_title{float: right; width: 50%;}
.shHyundai_wrap .card_list li .card_title p.sub_txt{margin-top: 5px;}
.shHyundai_wrap .card_list li .card_img{float: left; width: 50%;}
.shHyundai_wrap .card_list li .card_img img{width: 260px; margin-top: 18px;}
.shHyundai_wrap .card_list li .card_img.type01 img{margin-top: 30px;}
.shHyundai_wrap .card_list li .card_desc{float: right; width: 50%; margin-top: 30px;}
.shHyundai_wrap .card_list li .card_desc dt{margin-bottom: 5px;}
.shHyundai_wrap .card_list li .card_desc dd{font-size: 14px;}
.shHyundai_wrap .card_list li .card_desc .btn{margin-top: 16px; margin-bottom: 40px; width: 106px; height: 32px; font-size: 14px; padding: 0; border-radius: 16px;}
.shHyundai_wrap .card_list li:last-child .card_desc .btn{margin-bottom: 0;}

/* ADPFM834R16 */
.shHyundai_wrap .list_style.noti.noti_add{max-width: 480px; margin: 40px auto 0;}

/* ADPFM835R01 */
.shHyundai_wrap .form_wrap .form_box.border_add{margin-top: 40px; padding-top:40px; border-top: 1px solid #ccc;}
.shHyundai_wrap .form_wrap .form_box.cus_mgHy1 .btn.full.btnHy1 + .btn.full.btnHy1{color: #494f60;margin-top: 10px;}

.shHyundai_wrap .form_wrap.complete.type04 .complete_img{width: 96px; height: 66px;  background: url(../images/mycar_hyundai/af_lay_body.png) no-repeat 0 0 / 100%; margin: 146px auto 0; position: relative;}
.shHyundai_wrap .form_wrap.complete.type04 .complete_img::after{width: 30px; height: 24px; background:url(../images/mycar_hyundai/af_lay_hand.png) no-repeat 0 0 / 100%; left: 66px; top: 0;}
.shHyundai_wrap .form_wrap.complete.type04 .complete_img::before{width: 133px; height: 102px; background: url(../images/mycar_hyundai/af_lay_head.png) no-repeat 0 0 / 100%; left: -15px; top: -87px; margin: 0; animation: af_lay_head .6s ease; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes af_lay_head{0%{}100%{transform: rotate(5deg)};}

/* ADPFM835R05 */
.shHyundai_wrap .form_wrap.agree .form_box.bdr_change .form_ele:first-child {padding-bottom: 0;}

/* ADPFM835R28 */
.shHyundai_wrap .identCerif .form_wrap #tab1 p.fc_gray{font-size: 13px; margin-top: 6px;}
.shHyundai_wrap .identCerif .form_wrap #tab3 .form_ele .ele_cnt p.fc_gray{font-size: 13px; margin-top: 6px;}
.shHyundai_wrap .identCerif .form_wrap #tab3 .form_ele .ele_cnt .ip_txt{color: #666;}
.shHyundai_wrap .form_wrap .sub_txt.fc_red{color: #d21651;}

.shHyundai_wrap .form_wrap .form_ele .ele_cnt .pcnt_add:after{display: block; clear: both; content: '';}
.shHyundai_wrap .form_wrap .form_ele .ele_cnt .pcnt_add dt{float: left;}
.shHyundai_wrap .form_wrap .form_ele .ele_cnt .pcnt_add dd{float: left !important; margin-left: 8px; line-height: 24px;}

/* ADPFM835R32 */
.shHyundai_wrap .form_wrap.agree.type02 .form_box .form_info + .form_ele{border-top: 1px solid #ccc; margin-top: 30px !important;}

/* ADPFM836R02 */
.shHyundai_wrap .radio_chg .form_wrap.agree.type02 .form_ele:first-child{border-top: none;}
.shHyundai_wrap .radio_chg .form_wrap.agree.type02 .form_ele:last-child{border-bottom: none;}
.shHyundai_wrap .radio_chg .form_wrap.agree.type02 p.fc_blue{float: right; font-size: 18px;}
.shHyundai_wrap .radio_chg .ele_cnt{width: 100%;}
.shHyundai_wrap .radio_chg .form_wrap.agree.type02 p.noti{margin-top: 16px;}
.shHyundai_wrap .radio_chg .form_box{margin-top: 20px;}
.shHyundai_wrap .radio_chg .form_box .agree_box{padding: 30px 0px;}
.shHyundai_wrap .radio_chg .agree_box .accordion_wrap .accordion_header{padding-right: 0;}

/* ADPFM836C08 */
.shHyundai_gate{padding-bottom: 40px;}
.shHyundai_gate .section.main.loan_add .inner_wrap .form_wrap .form_box{height: 284px;}
.shHyundai_gate .section.main .btn_wrap.btm_finish.loan_add{padding-top: 80px;}
.shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_lay{width:86px; height: 110px; background:url(../images/mycar_hyundai/af_Lay.png) center center no-repeat; background-size: cover; bottom: 20px; right: 144px; animation: af_lay .6s ease; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes af_lay{0{}100%{bottom: 30px; right: 134px;}}
.shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_shadow{width: 49px; height: 24px; background:url(../images/mycar_hyundai/af_Layshadow.png) center center no-repeat; background-size: cover; bottom: 10px; right: 154px; animation: af_Layshadow .6s ease; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes af_Layshadow{0%{}100%{right: 144px;}}
.shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_heart{width:24px; height: 20px; background:url(../images/mycar_hyundai/af_heart.png) center center no-repeat; background-size: cover; animation: af_heart .6s ease; animation-delay: 1s; opacity: 0; bottom: 70px; right: 126px; animation-iteration-count: infinite; animation-direction: alternate;} 
@keyframes af_heart{0%{opacity:0}100%{opacity:1};}
.shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_pli{width: 125px; height: 169px; background:url(../images/mycar_hyundai/af_Pli.png) center center no-repeat; background-size: cover; bottom: 10px; right: 10px; animation: af_Pil .6s ease; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes af_Pil{0%{}100%{right: 23px;}}

/* ADPFM836R10 */
.shHyundai_wrap .btn_double{margin-top: 40px;}
.shHyundai_wrap .btn_double .btnHy1 + .btnHy1{margin-top: 10px;}

.shHyundai_wrap .pop_wrap.toast_type .pop_cont{padding-bottom: 0;}
.shHyundai_wrap .pop_wrap.toast_type .form_box{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.shHyundai_wrap .pop_wrap.toast_type .form_box + .form_box{border: none; padding-bottom: 0} 
.shHyundai_wrap .pop_wrap.toast_type .form_box .form_ele .rdo_wrap{margin: 26px 0;}
.shHyundai_wrap .pop_wrap.toast_type .form_box .list_style{margin-top: 20px; margin-bottom: 0;}
.shHyundai_wrap .pop_wrap.toast_type .form_box .list_style li{line-height: 24px;}

/* ADPFM836R12 */
.shHyundai_wrap .sub_txt.type02.t_gray{color: #333;}

/* ADPFM836R14 */
.shHyundai_wrap .form_wrap .form_box .form_info.total{margin-top: 30px; padding-top: 30px; padding-bottom: 0px; border-bottom: 0;}
.shHyundai_wrap .form_wrap .form_box .form_info.total + .form_info{margin: 0;border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 40px;}

/* ADPFM836R18 */
.shHyundai_wrap .toast_check .form_wrap.agree{padding: 0;}
.shHyundai_wrap .toast_check .form_wrap.agree .form_ele + .form_ele{border-bottom: 0;}
.shHyundai_wrap .toast_check .form_wrap.agree .form_ele + .form_ele + .form_ele{margin-bottom: 40px;}
.shHyundai_wrap .toast_check .form_wrap.agree .agree_box .accordion_wrap .accordion_header{padding: 0;}

/* ADPFM836R23 */
.shHyundai_wrap .page_title .page_progress .t_balloon{position: absolute; right: -2px; bottom: 3px; z-index: 1; padding: 0 17px; transform: translate(calc(50% - 3px), calc(100% + 8px)); color: #fff; background-color: #486eff; border-radius: 6px; font-size: 14px; line-height: 44px; box-shadow: 0 4px 7px rgb(0 0 0 / 18%);}
.shHyundai_wrap .page_title .page_progress .t_balloon.mob_noti:after{display:block;content: '';position:absolute;top:0;left:50%;transform:translate(-50%, -100%);border-bottom:7px solid #486eff;border-left:5px solid transparent;border-right:5px solid transparent}
.shHyundai_wrap .form_ele.mt40{padding: 40px 0 28px !important;}
.shHyundai_wrap .form_ele.mt40 .ele_tit{font-size: 18px; margin-bottom: 20px;}

/* ADPFM836R38 */
.shHyundai_wrap .form_wrap.t_center.shPlay .btn.mt20{height: 32px; border-radius: 16px; border-color: #eee; font-size: 14px;}

/* ADPFM837R23 */
.shHyundai_wrap .pop_terms .pop_cont{color:#666;word-break:break-all;}
.shHyundai_wrap .pop_terms .pop_cont > .tabmenu2:first-child{margin-top:-40px;}
.shHyundai_wrap .pop_terms .h_title{color:#000;}
.shHyundai_wrap .pop_terms .tit{color:#000;margin-top:28px;padding-bottom:6px;font-size:16px;font-weight:700;}
.shHyundai_wrap .pop_terms .tit + .terms_list{margin-top:0;}
.shHyundai_wrap .pop_terms .txt.bg_gray{padding:5px;background-color:#f6f6f6;}
.shHyundai_wrap .pop_terms .terms_list{margin:15px 0;}
.shHyundai_wrap .pop_terms .terms_list.m0{margin:0;}
.shHyundai_wrap .pop_terms .terms_list .sub{padding:0 22px;}
.shHyundai_wrap .pop_terms .terms_list .tit{margin:10px 0 0 22px;}
.shHyundai_wrap .pop_terms .terms_list .sub .table{margin:10px 0;}
.shHyundai_wrap .pop_terms .terms_list.t_red{color:#ec1c24;}
.shHyundai_wrap .pop_terms .txt_list > li,
.shHyundai_wrap .pop_terms .txt_list2 > li{margin:0;font-size:16px;}
.shHyundai_wrap .pop_terms .pop_btm{position:relative;border-top:1px solid #ccc;margin-top:-60px;padding-top:59px;background:#fff;}
.shHyundai_wrap .pop_terms .box_line{margin:10px 0;padding:10px;border:1px solid #666;}
.shHyundai_wrap .pop_terms .sub .small{position:relative;margin-bottom:5px;padding-left:25px;font-size:14px;}
.shHyundai_wrap .pop_terms .sub .small:before{content:"*";position:absolute;top:0;left:15px;}
.shHyundai_wrap .pop_terms .table_desc{margin-top:10px;font-size:14px;}
.shHyundai_wrap .pop_terms p.table_desc,
.shHyundai_wrap .pop_terms ul.table_desc li{position:relative;padding-left:10px;text-align:left;}
.shHyundai_wrap .pop_terms p.table_desc:before,
.shHyundai_wrap .pop_terms ul.table_desc li:before{content:"*";position:absolute;top:2px;left:0;display:inline-block;}
.shHyundai_wrap .pop_terms .tit + .table_desc{margin:0 0 10px;}
.shHyundai_wrap .pop_terms .tit + .ico_warn{padding-left:15px;}
.shHyundai_wrap .pop_terms .tit + .ico_warn:before{content:"※";top:0;}

/* ADPFM837R23 */
.shHyundai_wrap .pop_wrap .pop_cont.pop_add a{font-size: 14px; color: #494f60; width: 132px; height: 32px; border-radius: 16px; padding: 0px 17px;}
.shHyundai_wrap .pop_wrap .pop_cont.pop_add a + p{border-top: 1px solid #cccccc;}

.form_wrap .sub_txt.tip_hy{color: #476eff;padding-left: 30px;position: relative;}
.form_wrap .sub_txt.tip_hy .inTxt{position: absolute;top: 0;left: 0;}
.form_wrap .sub_txt.tip_hy .dotTxt{display: block;position: relative;padding-left: 16px;}
.form_wrap .sub_txt.tip_hy .dotTxt:after{display: block;content:'※';position: absolute;top:0px;left:0;}

/* [20231016405087] [현대인증중고차] 대출신청 페이지 내용 일부 수정 */
@media only screen and (max-width:760px){
    .form_wrap .sub_txt.mob_fz12{font-size:12px;line-height:18px}
}

/* 미디어쿼리 소스위치는 제일하단 */
@media only screen and (max-width:760px){
    /* common */
    .f11Hy_m{font-size: 11px;}
    .m_mt6Hy{margin-top: 6px !important;}
    .m_mt20Hy{margin-top: 20px !important;}
    .m_mt26Hy{margin-top: 26px !important;}
    .m_mt18Hy{margin-top: 18px !important;}
    .form_wrap .form_box .form_info + .btn.full.btnHy1{margin-top: 25px;}
    .chk_shhyundai li{margin-top: 10px;}
    .chk_shhyundai li:first-child{margin-top: 0;}
    .chk_shhyundai .chk_wrap{overflow: visible}
    .chk_shhyundai .chk_wrap:after{display: block;content:'';clear: both;}
    .chk_shhyundai .chk_wrap label span{min-height:auto;font-size: 12px;line-height: 20px;}
    /* .chk_shhyundai .chk_wrap label span:after{top: 5px;} */
    /* .chk_shhyundai .chk_wrap{overflow: visible;} */
    .chk_shhyundai .chk_wrap label span:after{top: 50%;transform: translateY(-50%)}
    .chk_shhyundai .chk_wrap label span em.fc_blue{font-size: 12px;}

    #header.shHyundai_header .btn_close_shHyundai{display:block;}
    .shHyundai_wrap .form_wrap.onlyCert{padding-top: 0;}
    .shHyundai_wrap .form_wrap.onlyCert .sub_txt{margin-top: 0;}
    .shHyundai_wrap .tab_onlyCert .tab_btn ul li a{height: 44px;font-size: 14px;line-height: 16px;}
    .shHyundai_wrap .txt_info.mgt{margin-top: 7.5px;}
    .accept_list_hyundai .chk_type label span{padding-left:36px}
	.accept_list_hyundai .chk_type.chk_type02 label span{font-size:14px}
    .accept_list_hyundai .btn_accept{background-image:url(../images/auto_finance/ico_arr_right5_m.png);background-size:6px 10px}

    .shHyundai_wrap .form_wrap.agree.onlyCert .select_wrap .ui_select{min-width: 0;}
    .shHyundai_wrap .form_wrap.agree.onlyCert .form_box .ele_cnt .btn{min-width: 10px;padding: 0 10px;}
    .shHyundai_wrap .form_wrap.agree.onlyCert .form_box .input_box .input{padding-right: 5px;}

    .pop_shHyundai .form_wrap .chk_type02 label input + span:after{background-position: 0 -500px;}
    .pop_shHyundai .form_wrap .chk_type02 label input:checked + span:after{background-position: -30px -90px;}

    .procedure_list.procedure_add li{flex: 1;}
    .procedure_list.procedure_add li:last-child:after{transform: translateY(-50%); background-position-y: -23px;}
    .procedure_list + .des_add{margin-top: 28px;padding-left: 0;font-size: 11px;}

    .form_wrap .form_box .form_info + .btn.full.btnHy1 + .btn.full.btnHy1{margin-top: 4px;}
    .form_wrap .list_style.list_style_hy1 li{line-height: 17px;}
    .form_wrap .list_style + .form_box.cus_mgHy1{margin-top: 30px;}

    .shHyundai_wrap .form_wrap .form_box .form_info .ele_cnt .btn_txt2{margin-top: 5px;}
    .agree_info .insert_stHy{padding-left: 14px;}
    
    /* 분류 공통 */
    #header.shHyundai_header {height: 50px!important;}
    #container.shHyundai_wrap{height: calc(100% - 50px);}
    .shHyundai_wrap .btn_wrap.btnType04>span .btn:first-child{flex: none!important; width: 40%!important; min-width: auto!important;}
    #NotiConfirmPopup .list_style.dot li, #NotiConfirmPopup p.list_style.dot{font-size: 12px;}
    #NotiConfirmPopup15 .list_style.dot li, #NotiConfirmPopup15 p.list_style.dot{font-size: 12px;}
    #NotiConfirmPopup17 .list_style.dot li, #NotiConfirmPopup17 p.list_style.dot{font-size: 12px;}
    .shHyundai_wrap .btn_wrap.btnType05>span{display: block;}
    .shHyundai_wrap .btn_wrap.btnType05>span .btn + .btn{margin-top: 10px;}
    
    /* ADPFM831C01 - 게이트 */
    .shHyundai_gate .section.main .inner_wrap .form_wrap .tit{margin-bottom: 0;}
    .shHyundai_gate .section.main .inner_wrap .form_box{top:15px;}
    .shHyundai_gate .tit_sub{position: fixed; left: 18px; right: 18px; bottom: 33px;}
    .shHyundai_gate .tit div{font-size: 28px; line-height: 36px;}
    .shHyundai_gate .tit p{font-size: 19px; line-height: 25px;}  
    .shHyundai_gate .form_wrap .list_style li{font-size: 12px;}

    /* ADPFM831R05 */
    .shHyundai_wrap .form_wrap.complete{padding: 30px 20px 40px;}
    .shHyundai_wrap .complete_wrap .complete_info{margin-top: 30px;}

    .form_wrap.notiballoon_wrap .NotiConfirm {padding: 27px 20px;}
    .form_wrap.notiballoon_wrap .NotiConfirm:after{top: 27px; right: 27px;}
    .form_wrap.notiballoon_wrap .noti_balloon{top: -60px; right: 105px; font-size: 12px; line-height: 34px;}

    /* ADPFM831R07 */
    .shHyundai_wrap .complete_wrap .complete_info strong + p{margin-top:30px;}

    /* ADPFM831R08 */
    .shHyundai_wrap .btn_wrap.btm_finish.type02{margin-top: 115px;}

    /* ADPFM831R09 */
    .procedure_list{display: block; margin-top: 40px;}
    .procedure_list li::before{top:100%; right: 0; left: 10px; width: 0; height: 50px;}
    .procedure_list li:after {top: 50%; left: 0%; transform: translateY(-50%); width: 23px; height: 23px;}
    .procedure_list li:last-child:after{transform: translateY(-50%); background-position-y: -23px;}
    .procedure_list li div{width:auto; margin: 0 0 15px 35px; padding: 10px;}
    .procedure_list li:last-child div{margin-bottom: 0;}

    .procedure_list.procedure_add{display: flex; margin-top: 40px; justify-content: center;}
    .procedure_list.procedure_add li div{margin: 0 12px 0 0; padding: 20px 10px; width: auto; border-radius: 4px; background: #eff0f5; text-align: center;}
    .procedure_list.procedure_add li::before{height: 0; width: 12px; left: auto; top: 50%; right: 0;}
    .procedure_list.procedure_add li:after{ top: -18px; left: 50%; width: 33px; transform: translateX(-70%) rotate(0deg); height: 33px;}
    .procedure_list.procedure_add.type02 li:last-child:after{transform: translateX(-50%) rotate(0deg); background-position-y: -33px;}
    .procedure_list.procedure_add li:last-child div{margin-right: 0;}

    /* ADPFM831R11 */
    .shHyundai_wrap .form_wrap .form_box .form_info + .form_ele{margin-top:27px;}

    /* ADPFM833R17 */
    .form_wrap.notiballoon_wrap.type02{
        padding: 27px 20px;
    }
    .form_wrap.notiballoon_wrap.type02 .noti_balloon {
        top: -60px;
        right: 70px;
        font-size: 12px;
        line-height: 34px;
    }
    .shHyundai_wrap .form_wrap .list_style_hy1 p.list_style.noti{font-size: 12px;}
    .shHyundai_wrap .form_wrap .list_style_hy1 p.list_style.dash{font-size: 12px;}
    .shHyundai_wrap .form_wrap .accordion_body p.list_style.noti{font-size: 11px !important;}
    .shHyundai_wrap .form_wrap .accordion_body p.list_style.dash{font-size: 11px !important;}
    .shHyundai_wrap .form_wrap .accordion_body p.list_style.noti.fc_red{font-size: 11px;}
    .shHyundai_wrap .form_wrap .list_style_hy1 p.sub_txt{font-size: 12px;}
    .shHyundai_wrap .form_wrap .accordion_body p.sub_txt{font-size: 11px;}

    .form_wrap.agree.agree_hy1{padding: 0 20px;}
    .form_wrap.agree.agree_hy1 .txtHy1{font-size: 15px; padding-left: 40px; line-height: 24px;}
    .form_wrap.agree.agree_hy1 .chk_type .txtHy1{font-size: 15px; padding-left: 40px; line-height: 24px;}
    .form_wrap.agree.type02.agree_hy1 .agree_box.type02{padding: 20px 0;}

    .procedure_list + .des_add.type01{margin-top: 10px; font-size: 11px;}

    .form_wrap.agree.agree_hy1 ul.agree_info li{font-size: 12px;}

    /* ADPFM833R21 */
    .shHyundai_wrap .card_list li .card_title{float: left; width: 100%;}
    .shHyundai_wrap .card_list li .card_img img{width: 100%; margin-top: 27px; margin-bottom: 27px;}
    .shHyundai_wrap .card_list li .card_desc{margin-top: 27px; padding-left: 20px;}
    .shHyundai_wrap .card_list li .card_desc .btn{margin-bottom: 27px; margin-top: 15px;}

    /* ADPFM834R16 */
    .shHyundai_wrap .list_style.noti.noti_add{margin: 10px auto 0; max-width: 339px;}

    /* ADPFM835R01 */
    .shHyundai_wrap .form_wrap .form_box.border_add{margin-top: 27px; padding-top: 27px;}

    .shHyundai_wrap .form_wrap.complete.type04 .complete_img{width: 72px; height: 50px;  background: url(../images/mycar_hyundai/af_lay_body.png) no-repeat 0 0 / 100%; margin: 86px auto 0; position: relative;}
    .shHyundai_wrap .form_wrap.complete.type04 .complete_img::after{width: 22px; height: 19px; background:url(../images/mycar_hyundai/af_lay_hand.png) no-repeat 0 0 / 100%; left: 51px; top: 0;}
    .shHyundai_wrap .form_wrap.complete.type04 .complete_img::before{width: 99px; height: 77px; background: url(../images/mycar_hyundai/af_lay_head.png) no-repeat 0 0 / 100%; left: -12px; top: -66px; margin: 0; animation: af_lay_head .6s ease; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
    @keyframes af_lay_head{0%{}100%{transform: rotate(5deg)};}

    /* ADPFM835R29 */
    .shHyundai_wrap .identCerif .form_wrap #tab3 .form_ele .ele_cnt .ip_txt{font-size: 12px;}
    .shHyundai_wrap .tab_style.type02 .tab_btn ul li:nth-child(2) a{line-height: 1.56;}
    
    /* ADPFM836R02 */
    .shHyundai_wrap .radio_chg .form_wrap.agree.type02 p.fc_blue{float: none; font-size: 15px; padding-left: 42px;}
    .shHyundai_wrap .radio_chg .ele_cnt{width: auto;}
    .shHyundai_wrap .radio_chg .form_box{margin-top: 10px;}
    .shHyundai_wrap .radio_chg .form_box .agree_box{padding: 20px 0px;}
    .shHyundai_wrap .radio_chg .form_wrap.agree.type02 p.noti{margin-top: 0px;}

    /* ADPFM836C08 */
    .shHyundai_gate{padding-bottom: 0;}
    .shHyundai_gate .section.main.loan_add .inner_wrap .form_wrap .form_box{height: 284px;}
    .shHyundai_gate .section.main .btn_wrap.btm_finish.loan_add{padding-top: 80px;}
    .shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_lay{width: 71px; height: 91px; background:url(../images/mycar_hyundai/af_Lay.png) center center no-repeat; background-size: cover; bottom: 20px; right: 127px; animation: af_lay .6s ease; animation-fill-mode: forwards; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
    @keyframes af_lay{0%{}100%{bottom: 30px; right: 117px;}}
    .shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_shadow{width: 42px; height: 20px; background:url(../images/mycar_hyundai/af_Layshadow.png) center center no-repeat; background-size: cover; bottom: 10px; right: 130px; animation: af_Layshadow .6s ease; animation-fill-mode: forwards; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
    @keyframes af_Layshadow{0%{}100%{right: 120px;}}
    .shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_heart{width: 20px; height: 17px; background:url(../images/mycar_hyundai/af_heart.png) center center no-repeat; background-size: cover; animation: af_heart .6s ease; animation-fill-mode: forwards; animation-delay: 1s; opacity: 0; bottom: 60px; right: 110px; animation-iteration-count: infinite; animation-direction: alternate;} 
    @keyframes af_heart{0%{opacity:0}100%{opacity:1};}
    .shHyundai_gate .section.main .inner_wrap .form_wrap .form_box .img_pli{width: 104px; height: 140px; background:url(../images/mycar_hyundai/af_Pli.png) center center no-repeat; background-size: cover; bottom: 10px; right: 10px; animation: af_Pil .6s ease; animation-fill-mode: forwards; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate;}
    @keyframes af_Pil{0%{}100%{right: 23px;}}
    .shHyundai_gate .section.main.loan_add .tit_sub{position: initial; margin-bottom: 40px;}

    /* ADPFM836R10 */
    .shHyundai_wrap .pop_wrap.toast_type .form_box .list_style li {font-size: 12px;}
    .shHyundai_wrap .pop_wrap.toast_type .form_box p.noti{font-size: 12px;}

    /* ADPFM836R14 */
    .shHyundai_wrap .form_wrap .form_box .form_info.total{padding-top: 27px;}
    .shHyundai_wrap .form_wrap .form_box .form_info.total + .form_info{padding-bottom: 27px;}

    /* ADPFM836R18 */
    .shHyundai_wrap .toast_check.suitabcheck_wrap .pop_cont .form_wrap.agree .agree_box.rm_pb {padding: 0;}

    /* ADPFM836R23 */
    .shHyundai_wrap .page_title .page_progress .t_balloon{padding:0 13px;font-size:12px;line-height:34px}
	.shHyundai_wrap .page_title .page_progress .t_balloon.mob_noti:after{border-width:0 3.5px 5px 3.5px}
}

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