@charset "utf-8";

/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: local("Pretendard-Light"),
	url(/default/font/Pretendard/Pretendard-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: local("Pretendard-Regular"),
	url(/default/font/Pretendard/Pretendard-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: local("Pretendard-Medium"),
	url(/default/font/Pretendard/Pretendard-Medium.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: local("Pretendard-SemiBold"),
	url(/default/font/Pretendard/Pretendard-SemiBold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: local("Pretendard-Bold"),
	url(/default/font/Pretendard/Pretendard-Bold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: local("Pretendard-ExtraBold"),
	url(/default/font/Pretendard/Pretendard-ExtraBold.woff2) format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: local("Pretendard-Black"),
	url(/default/font/Pretendard/Pretendard-Black.woff2) format('woff2');
}

/* Roboto */
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	src: local("Roboto-Light"),
	url(/default/font/Roboto/Roboto-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	src: local("Roboto-Regular"),
	url(/default/font/Roboto/Roboto-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'Roboto';
	font-weight: 700;
	src: local("Roboto-Bold"),
	url(/default/font/Roboto/Roboto-Bold.woff2) format('woff2');
}

#renew .hide { position:absolute; left:0; top:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }

#renew .chk { padding:8px 0 7px; }
#renew .chk input[type=radio] { position:relative; display:inline-block; width:22px; height:22px; margin-top:0; vertical-align:middle; border:none; outline:none; cursor:pointer; opacity:1; appearance:none; }
#renew .chk input[type=radio]:before { position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border-radius:50%; transition:border-color .2s, box-shadow .2s, background-color .5s; border:1px solid #bbb; content:""; }
#renew .chk input[type=radio]:after { position:absolute; left:50%; top:50%; width:8px; height:8px; background:#fff; border-radius:50%; transform:translate(-50%, -50%); content:""; }
#renew .chk input[type=radio]:checked:before { border-color:#de4738; background-color:#de4738; box-shadow:0 0 0 5px #de4738 inset; }
#renew .chk input[type=radio] + label { position:relative; margin-left:4px; margin-right:16px; vertical-align:unset; }
#renew .chk input[type=radio] + label:nth-last-child(1) { margin-right:0; }
#renew .chk input[type=text] { height:37px; margin:-8px 0 -7px; border-bottom:1px solid #bbb; outline:0; }
#renew .chk.add_placeholder { position:relative; }
#renew .chk.add_placeholder:after { position:absolute; left:30px; top:50%; color:#999; transform:translateY(-50%); content:"- 없이 입력하세요."; }
#renew .input_box.add_placeholder { z-index: 1;}
#renew .input_box.add_placeholder:after {content: '- 없이 입력하세요.'; display: block; position: absolute; left: 34px; top: 11px; z-index: -1; font-size: 16px; font-weight: 400; color: #999;}
#renew .input_box.add_placeholder.left21:after {left:21%;}

/* 인풋 플레이스홀더 굵기 조절 */
#renew input[type=text]::placeholder { font-weight: 400 !important;}

/* 에러 아이콘 수정 */
#renew .bx_error > p > em,
#renew .bx_error td em,
#renew .txt_error .ico { background: url(/default/images/renew/ico_error_alert.png) no-repeat left center;}

/* 라디오 아이콘 수정 */
#renew .ipt_radio .radio_style { width: 22px; height: 22px; margin-top: -2px; background: url(/default/images/renew/ico_radiobox.png) no-repeat 0 0;}
#renew .ipt_radio .radio_style.on { background-position-y: -28px;}

/* 인풋 포커스 시 나오는 라인 */
#renew .group .bar:before,
#renew .group .bar:after { height: 1px;}
#renew .group .bar:before,
#renew .bar:after { background-color: #ed3722;}

/* 기존 소스 - 레이어 수정
*****************************************/

/* 공통 */
#renew .dimmed { background-color: rgba(17, 17, 17, 0.3); backdrop-filter: blur(7px); opacity: 1;}
#renew .bx_error_height { height: 20px; margin-top: 8px;}

#renew .layer_wrap { overflow: hidden; background-color: #fff; border-radius: 16px;}
#renew .layer_wrap.doscroll .layer_wrap_in { margin: 0; padding: 0 16px 24px 40px;}
#renew .layer_header { padding: 24px 0 16px; border: 0;}
#renew .layer_header h3 { display: flex; align-items: center; font-family: "Pretendard", sans-serif !important; font-size: 20px; font-weight: 700 !important; color: #111; line-height: 1;}
#renew .layer_header h3 .icon { display: block; margin-right: 10px;}
#renew .layer_header h3 .headset_small { width: 24px; height: 24px; background: url(/default/images/renew/ico_headset_small.png) no-repeat;}
#renew .layer_header h3 span { margin-left: 0; font-size: 20px; font-weight: 700 !important;}
#renew #content h3.com_pop_tit .txt_mint { color: #111;}
#renew #content h4.stit { float: initial !important; margin: 0 !important; padding: 0 !important; font-family: "Pretendard", sans-serif !important; font-weight: 700 !important; color: #111;}
#renew .layer_wrap.doscroll .layer_content { margin-top: 0;}
#renew .top_cont { min-height: initial;}
#renew .top_cont.mt30 { margin: 22px 0 0 !important;}
#renew .top_cont:after { display: none;}
#renew .top_cont .top_fr.unit { position: initial; float: initial !important; margin: 2px 0 0; font-size: 13px; font-weight: 400; color: #767676; text-align: left !important; letter-spacing: 0; line-height: 20px;}
#renew .layer_wrap .btn_close_layer { display: block; right: 24px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close.png) no-repeat;}

#renew .layer_wrap .btn_area { margin-top: 24px;}
#renew .layer_wrap .btn span { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 0;}
#renew .layer_wrap a.btn_w01,
#renew .layer_wrap a.btn_n02 { display: flex; align-items: center; justify-content: center; width: 200px; height: 48px !important; margin: 0 auto; background-color: #de4738; border: none;; border-radius: 24px;}

/* -- 상령일 공지 -- */
#renew .top_consult_content { margin-top: 16px; padding: 0;}
#renew .top_consult_content .notice_date { margin-top: -8px; padding: 0 0 8px; text-align: initial;}
#renew .top_consult_content .notice_date p { display: flex; align-items: center; position: relative; width: 100%; height: 56px; min-height: initial; border: none; background-color: #fff7df; border-radius: 8px;}
#renew .top_consult_content .notice_date p span { height: initial; padding-left: 117px; font-size: 16px; color: #333; letter-spacing: 0; line-height: 1; background: none;}
#renew .top_consult_content .notice_date p::before { content: ''; display: block; position: absolute; left: 36px; top: initial; bottom: 0; width: 57px; height: 64px; background: url(/default/images/renew/img_agree_merry.png) no-repeat;}


/* 가입예시 */
#renew .layer_wrap .tbl_data01 { margin-top: 16px; border-bottom: 1px solid #333; border-top: 1px solid #333;}
#renew .layer_wrap .tbl_data01 thead th { font-size: 14px; font-weight: 700; color: #333; border-color: #333;}
#renew .layer_wrap .tbl_data01 tbody th { padding: 16px 0; font-size: 14px; color: #333; vertical-align: middle; line-height: 18px;}
#renew .layer_wrap .tbl_data01 td { padding: 16px 0; font-size: 14px; color: #333; vertical-align: middle; line-height: 18px;}
#renew .layer_wrap .list_typeEx li { position: relative; margin: 0; font-size: 13px; font-weight: 400; color: #767676; letter-spacing: 0; line-height: 18px; background: none;}
#renew .layer_wrap .list_typeEx li::after { content: '*'; display: block; position: absolute; left: 0; top: 1px;}
#renew .layer_wrap .list_typeEx li ~ li { margin-top: 4px;}
#renew .layer_wrap .list_typeEx li.txt_red { color: #de4738 !important;}
#renew .layer_wrap .list_typeEx li .txt_red { font-weight:400; }
#renew .layer_wrap .list_typeEx li.txt_red::after { content: '*'; display: block; position: absolute; left: 0; top: 0; color: #de4738;}
#renew .layer_wrap .list_typeEx li .bul_dash {font-size:13px; font-weight:400;}
#renew .layer_wrap .list_typeEx { margin: 16px 0 0; letter-spacing: 0;}
#renew .layer_wrap .text_typeEx { margin: 10px 0 0 ; letter-spacing: 0; background-position:0 7px;}
#renew .layer_wrap .tit_dot {  float: initial !important; margin: 10px 10px 10px 0; padding:0 0 0 7px !important; font-family: "Pretendard", sans-serif !important; background-position:left 8px !important; color:#333 !important; font-weight:700 !important; }
#renew .layer_wrap .tit_dot + p { position:relative; margin: 10px 0 !important; font-size: 14px; letter-spacing: 0; line-height: 18px;}
#renew .layer_wrap .list_typeEx2 li { font-size: 14px;}
#renew .layer_wrap .list_typeEx2 li.none { background:none !important; padding:0;}

/* 꼭 알아두실 사항 */
#renew .pd_notice { padding-right: 20px;}
#renew .pd_notice .cont_anchor { position: relative; height: 224px; margin: 40px -20px 0 0;}
#renew .pd_notice .cont_anchor .top_cont.first { margin: 0;}
#renew .layer_wrap .smallfont { font-size: 13px; font-weight: 400; color: #767676; line-height: 20px;}
#renew .layer_wrap .smallfont ~ .smallfont { margin-top: 4px;}
#renew .layer_wrap .smallfont.first { margin-top: 24px;}
#renew .layer_wrap .list_typeEx3.font_16 > li { margin:16px 0 0 0; padding-left:8px; font-size: 14px !important; line-height: 20px; color:#333; font-weight:500;}
#renew .layer_wrap .list_typeEx3.font_16 > li ~ li { margin-top: 8px;}
#renew .layer_wrap .list_typeEx3.font_16 > li >p { font-size: 14px; line-height: 20px;}
#renew .layer_wrap .list_typeEx3 li > .list_typeEx2.etc li {margin-top:0;}
#renew .layer_wrap .list_Int { margin-top: 8px;}
#renew .layer_wrap .list_Int li { font-size: 14px; line-height: 20px;}
#renew .layer_wrap .list_Int li ~ li { margin-top: 8px;}
#renew .layer_wrap .anchor_view >p { font-size: 14px; line-height: 20px;}
#renew .layer_wrap .bg_reset li { font-size: 14px; line-height: 20px;}
#renew .layer_wrap .bg_reset li ~ li { margin-top: 8px;}
#renew .layer_wrap .dlistEx dd,
#renew .layer_wrap .dlistEx.nomargin dd { font-size: 14px; line-height: 20px;}
#renew .layer_wrap .top_anchor_list .bx_gray { padding: 32px 32px 26px; background-color: #f5f5f5; border-radius: 8px;}
#renew .layer_wrap .top_anchor_list ul li a { font-size: 16px;}
#renew .layer_wrap .top_anchor_list ul li a:hover { color: #de4738; text-decoration: none; border-bottom: 1px solid #de4738; font-weight:700;}
#renew .layer_wrap .top_anchor_list ul li.on a { color: #de4738; border-bottom: 1px solid #de4738;}
#renew .cont_anchor .dlistEx dt {margin-top:16px; font-size:14px !important; font-weight:700;; font-family: 'Pretendard', sans-serif !important; background-position:left 5px !important;}
#renew .cont_anchor .dlistEx .list_Int li {margin-top:0;}
#renew .cont_anchor .dlistEx > p {font-size:14px;}

/* 보험료 계산 동의 */
#renew .layer_wrap_agree { padding: 0 40px 24px;}
#renew .notice_date p strong.g_text { font-weight: 600; color: #111;}
#renew .agree_tit_zone { display: flex; align-items: center; justify-content: space-between; margin-top: 16px;}
#renew .agree_tit_zone.mt_size { margin-top: 8px;}
#renew .layer_wrap .agree_tit_zone p { margin-top: 0; font-size: 14px; font-weight: 400; color: #767676; letter-spacing: 0; line-height: 20px;}
#renew .layer_wrap .agree_tit_zone p .txt_green { font-weight: 400; color: #767676 !important;}
#renew .layer_wrap .btn_top_area { margin-top: 0;}
#renew .layer_wrap .btn_line { display: flex; align-items: center; justify-content: center; width: 136px; min-width: initial; height: 56px; border-color: #de4738; border-radius: 8px;}
#renew .layer_wrap .btn_line span { font-size: 18px; font-weight: 700; color: #333;}
#renew .layer_wrap .btn_line .ico_gurt_check { width: 25px; height: 24px; margin-right: 8px; background: url(/default/images/renew/ico_check_off.png) no-repeat;}
#renew .layer_wrap .btn_line.on .ico_gurt_check { background: url(/default/images/renew/ico_check_on.png) no-repeat;}
#renew .total_agree_tab_area { margin-top: 16px;}
#renew .total_agree_tab ul { border-color: #ddd;}
#renew .total_agree_tab ul li a { padding: 20px 24px; font-size: 16px; font-weight: 700; color: #555;}
#renew .total_agree_tab ul li.on a { color: #111;}
#renew .lypoptype_consult .total_agree_tab ul li.on a:after { height: 2px; background-color: #111;}
#renew .agree_privacyInsur { margin-top: 19px;}
#renew .agree_privacyInsur .flex { display: flex; align-items: center; justify-content: space-between;}
#renew .agree_privacyInsur .flex.etc_mt { margin-top: 16px;}
#renew .agree_privacyInsur .flex_text { display: flex; align-items: center; height: 38px;}
#renew .agree_privacyInsur h4 { margin: 0 !important; padding: 0; float: initial !important; font-size: 16px; font-weight: 400 !important; color: #888; letter-spacing: 0; line-height: inherit; background: none;}
#renew .agree_privacyInsur .chk_space  { margin: 0 !important;}
#renew .agree_privacyInsur .total_agree_grade { display: block; margin: 0 0 0 10px;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_txt { display: flex; align-items: center; justify-content: center; height: 21px; font-size: 12px; padding-top: 1px; font-weight: 700; letter-spacing: 0;}
#renew .agree_privacyInsur .ipt_radio { display: flex; align-items: center;}
#renew .agree_privacyInsur .ipt_radio .radio_style { float: initial; margin: 0;}
#renew .agree_privacyInsur .chk_space label { margin: 0 0 0 8px !important; font-size: 16px; color: #888;}
#renew .agree_privacyInsur .chk_space label + .radio_style { margin-left: 24px;}
#renew .agree_privacyInsur .ipt_radio .ipt_tooltip { top: -17px; width: 210px; font-size: 13px; font-weight: 400; color: #333; letter-spacing: 0; border-color: #b2d0ff; background-color: #edf4ff; border-radius: 8px;}
#renew .agree_privacyInsur .ipt_radio .ipt_tooltip span { font-size: 13px; font-weight: 600; color: #3382ff; letter-spacing: 0;}
#renew .agree_privacyInsur .ipt_radio .ipt_tooltip strong { font-size: 13px; font-weight: 400; color: #333; letter-spacing: 0;}
#renew .agree_privacyInsur .ipt_radio .ipt_tooltip.left { top: -17px; animation-name: toolbum_left;}
#renew .agree_privacyInsur .ipt_radio .ipt_tooltip.left::after { right: -14px; top: 50%; margin-top: -8px; width: 15px; height: 16px; background: url(/default/images/renew/ico_agree_right_arrow.png) no-repeat; transform: initial;}
#renew .agree_privacyInsur .agree_pop_inner { height: auto; margin: 8px 0 0;}
#renew .agree_privacyInsur .agree_pop_inner .ag_inner_bx { width: 100%;}
#renew .agree_privacyInsur .agree_pop_inner .doscroll { padding: 8px; border: none; background-color: #f5f5f5; border-radius: 8px;}
#renew .agree_privacyInsur .agree_pop_inner .doscroll .ipt_radio { margin: 5px 0 0 10px;}
#renew .agree_privacyInsur .agree_pop_inner .doscroll .ipt_radio label { color: #888;}
#renew .agree_privacyInsur .agree_pop_inner .agree_cont { width: 100%; height: 81px; margin: 0; padding: 14px 14px; background-color: transparent;}
#renew .agree_privacyInsur .totalbox { width: 100%; margin: 8px 0 0 !important; padding: 24px; border: none; background-color: #f5f5f5; border-radius: 8px;}
#renew .agree_privacyInsur .agree_pop_inner p,
#renew .agree_privacyInsur .totalbox .agree_inner p { font-size: 14px; font-weight: 400; color: #333; line-height: 20px;}
#renew .agree_privacyInsur .list_type02 { margin-top: 16px; font-size: 14px; font-weight: 400; color: #333;}
#renew .agree_privacyInsur .list_type02 li { font-size: 14px; color: #333; line-height: 20px; background-position-y: 8px;}
#renew .agree_privacyInsur .list_type02 li ~ li { margin-top: 4px;}
#renew .agree_privacyInsur .list_type02 li .notice { font-size: 17px; border-bottom: 1px solid #333;}
#renew .agree_privacyInsur .agree_inner .ai2 { margin-top: 16px;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip { top: 37px; width: 337px; padding: 16px 13px; border-color: #b2d0ff; background-color: #edf4ff;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip::before { left: 50%; top: -14px; width: 16px; height: 15px; margin-left: -13px; border: none; background: url(/default/images/renew/ico_agree_top_arrow.png) no-repeat;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip::after { display: none;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip p { margin-top: 8px; font-size: 13px !important; color: #333; letter-spacing: 0; line-height: 18px;}
#renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip .tooltip_list li { align-items: center; height: 21px; padding-top: 1px; font-size: 12px; font-weight: 700; letter-spacing: 0; border: none;}
#renew .agree_privacyInsur .bx_error > p { padding: 0 !important;}
#renew .agree_privacyInsur .bx_error > p > em { font-weight: 400; color: #df0000 !important;}
#renew .agree_privacyInsur .pi_height { height: 291px; margin: -9px -20px 0 0; padding: 9px 20px 0 0;}
@keyframes toolbum_left {
	0% {left: -225px;}
	50% {left: -230px;}
	100% {left: -225px}
}

#renew .insur_fee_chk_btn { display: flex; align-items: center; justify-content: center; width: 200px; height: 48px; margin: 0 auto; border-radius: 24px;}
#renew .insur_fee_chk_btn.green { background-color: #de4738;}

/* 보험료 계산 결과 (내게 맞는 보험과 같이 사용) */
#renew .renew_endtm { width: 900px;}
#renew .renew_endtm .ins_result_table_container { overflow: inherit; margin-top: 16px;}
#renew .renew_endtm .tbl_data01.mt_style { margin-top: 0; border-width: 1px;}
#renew .renew_endtm .tbl_data01.mt_style .month_plan_new { display: block; margin-top: 5px; font-weight: 700;}
#renew .renew_endtm .tbl_data01.mt_style .month_plan_new b { font-size: 18px;}
#renew .renew_endtm .tbl_data01.mt_style .ins_overfow_y { overflow-x: hidden; overflow-y: auto; height: 335px; margin-right: -20px; padding-right: 16px;}
#renew .renew_endtm .tbl_data01.mt_style table thead .strong { padding: 11px 16px !important; border-left: 1px solid #de4738; border-right: 1px solid #de4738; background-color: #ffedee;}
#renew .renew_endtm .tbl_data01.mt_style table tbody .strong { padding: 9px 16px !important; border-left: 1px solid #de4738; border-right: 1px solid #de4738; background-color: #ffedee;}
#renew .renew_endtm .tbl_data01.mt_style thead tr th:last-child { padding-right: 0 !important;}
#renew .renew_endtm .tbl_data01.mt_style body tr:last-child td { padding-right: 0 !important;}
#renew .renew_endtm .tablesub_text { display: block; margin-top: 16px; font-size: 13px; font-weight: 400; color: #767676;}
#renew .renew_endtm .bnr_analysis { overflow: hidden; position: relative; padding: 0 0 27px;}
#renew .renew_endtm .bnr_analysis button { width: 100%;}
#renew .renew_endtm .bnr_analysis button img { width: 100%; height: auto;}
#renew .renew_endtm .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0;}
#renew .renew_endtm .swiper-pagination-bullet { background-color: #ddd; opacity: 1; transition: width .2s ease-out}
#renew .renew_endtm .swiper-pagination-bullet-active { width: 24px; border-radius: 4px; background-color: #ddd;}

/* 바로 상담 받기 결과 */
#renew .layer_wrap_agree .cs_result { margin-top: 16px; padding: 0;}
#renew .layer_wrap_agree .cs_result .ico { display: block; position: initial; width: 212px; height: 140px; margin: 0 auto; background: url(/default/images/renew/img_cs_result.png) no-repeat;}
#renew .layer_wrap_agree .cs_result .txt { margin-top: 16px; font-size: 18px; font-weight: 400; color: #333;}
#renew .layer_wrap_agree .cs_result .txt b { font-weight: 700;}
#renew .layer_wrap_agree .cs_result .txtsub { margin-top: 8px; padding-bottom: 24px; font-size: 18px; font-weight: 400; color: #767676; line-height: 24px;}
#renew .layer_wrap_agree .endTm_group { margin-top: 16px;}
#renew .layer_wrap_agree .endTm_group .endTm_title { all: unset; font-size: 16px; font-weight: 700 !important; color: #111; line-height: 22px;}
#renew .layer_wrap_agree .endTm_group .emdTm_tag { margin-top: 2px;}
#renew .layer_wrap_agree .endTm_group .emdTm_tag span { font-size: 13px; font-weight: 400; color: #767676; line-height: 20px;}
#renew .layer_wrap_agree .hr.height1 { height: 24px;}
#renew .layer_wrap_agree .hr.height2 { height: 34px;}


/* 전화 상담 예약 */
#renew .tell_consult { width:900px; }
#renew .tell_consult .tell_height { height: 574px; padding-right: 20px;}
#renew .tell_consult .tell_height.more_height { height: 600px;}
#renew .tell_consult .txt { font-size:14px; color:#767676; font-weight:400; letter-spacing: 0;}
#renew .tell_consult .txt > strong { font-weight: 400; color:#111; letter-spacing: 0;}
#renew #layer_popup_container .tell_consult .line_flex { display: flex; margin-top: 24px;}
#renew #layer_popup_container .tell_consult .line_flex .block_area { width: 50%;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_block { all: unset;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_group { display: flex; flex-wrap: wrap; gap: 12px;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_label { min-width: initial; height: 35px; padding: 0 18px; color: #333; letter-spacing: 0; border: 1px solid #ccc;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_label span { margin-left: 4px; color: #999; letter-spacing: 0;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:checked +.rdo_label { font-weight: 700; color: #fff; border-color: #de4738; background-color: #de4738;}
#renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:checked +.rdo_label span { color: rgba(255,255,255,0.7);}
#renew #layer_popup_container .input_area .label_tit { position: relative; padding: 0 0 0 9px; font-size: 16px; font-weight: 500 !important; color: #111; letter-spacing: 0;}
#renew #layer_popup_container .input_area .label_tit::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -3px; background-color: #111; border-radius: 50%;}
#renew #layer_popup_container .tell_consult .row_flex { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 14px;}
#renew #layer_popup_container .tell_consult .row_flex .flex_group { display: flex; align-items: center; margin-top: 10px;}
#renew #layer_popup_container .tell_consult .row_flex .flex_group .label_tit { display: flex; align-items: center; width: 88px;}
#renew #layer_popup_container .tell_consult .row_flex .text_group .input_box { flex: 1; margin-top: 0; padding-right: 30px;}
#renew #layer_popup_container .tell_consult .row_flex input[type=text] { font-size: 16px; letter-spacing: 0;}
#renew #layer_popup_container .tell_consult .row_flex .design_default { display: flex; align-items: center; height: 40px;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"] { display: inline-block;position: relative;width: 22px;height: 22px; vertical-align: top;border: none;outline: none;cursor: pointer;opacity: 1;appearance: none;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input::before { content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-color: #fff;border-radius: 50%;transition: border-color .2s, box-shadow .2s, background-color .5s;border: 1px solid #ccc;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input::after {content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;transform: translate(-50%, -50%);}
#renew #layer_popup_container .tell_consult .row_flex .design_default input:checked::before { border-color: #de4738;background-color: #de4738;box-shadow: 0 0 0 5px #de4738 inset;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input:disabled::before { border-color: #dbdbdb;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"] + label { all: unset; width: 52px !important; justify-content: flex-start;padding-left: 8px;font-size: 16px;font-weight: 500;color: #656565;background-color: #fff;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:checked + label { color: #de4738;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:first-child + label:before { display: none;}
#renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:checked + label::after { display: none;}
#renew #layer_popup_container .tell_consult .row_flex .design_default .rdo_block { display: flex; align-items: center; min-width: initial; height: initial; margin-right: 0;}
#renew #layer_popup_container .tell_consult .line_flex .if_space { padding: 20px 0 0 32px;}
#renew #layer_popup_container .tell_consult .bx_valid { margin-bottom: 0; padding: 0;}
#renew #layer_popup_container .tell_consult .bx_valid .pl_etc { padding-left: 88px;}
#renew #layer_popup_container .tell_consult .bx_valid .poa_left { position: absolute; right: 180px; top: 0;}
#renew #layer_popup_container .tell_consult .bx_valid .poa_left p { padding: 0 !important;}
#renew #layer_popup_container .agree_conts { margin-top: 24px;}
#renew #layer_popup_container .agree_conts .sub_tit_box { display: flex; justify-content: space-between;}
#renew #layer_popup_container .agree_conts .sub_tit_box h4 { position: relative; padding: 0 0 0 9px; font-size: 16px; font-weight: 500 !important; color: #111; letter-spacing: 0; background: none;}
#renew #layer_popup_container .agree_conts .sub_tit_box h4::after { content: ''; display: block; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background-color: #111; border-radius: 50%;}
#renew #layer_popup_container .agree_conts .sub_tit_box p { margin-top: 16px; padding-left: 10px; font-size: 14px; font-weight: 400; color: #888; letter-spacing: 0;}
#renew #layer_popup_container .agree_conts .all_agree_box .check_style { display: flex; align-items: center; justify-content: center; width: 200px; min-width: initial; height: 56px; border: 2px solid #de4738; border-radius: 8px;}
#renew #layer_popup_container .agree_conts .all_agree_box .check_style input { appearance: none; display: block; width: 25px; height: 24px; margin-right: 12px; background: url(/default/images/renew/ico_check_off.png) no-repeat; transition: background-image .2s ease-out}
#renew #layer_popup_container .agree_conts .all_agree_box .check_style strong { font-size: 18px; font-weight: 700; color: #333;}
#renew #layer_popup_container .agree_conts .all_agree_box .check_style.on input { background: url(/default/images/renew/ico_check_on.png) no-repeat;}
#renew #layer_popup_container .agree_conts .mt_size { margin-top: 20px;}
#renew #layer_popup_container .agree_conts .tit_bx_valid h5 { font-weight: 500 !important; color: #888; letter-spacing: 0;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio { display: flex; align-items: center;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio .radio_style { float: initial; margin: -1px 8px 0 0;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio label { margin: 0 !important; font-size: 16px;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio label + .radio_style { margin-left: 24px;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >input { width: 22px; height: 22px; margin: -2px 8px 0 0; border: none; background: url(/default/images/renew/ico_radiobox.png) no-repeat 0 0; opacity: 1; appearance: none;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >input:checked { background-position-y: -28px;}
#renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >label + input { margin-left: 24px;}

#renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree { margin-top: 16px; padding: 8px; background-color: #f5f5f5; border-radius: 8px;}
#renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree .wd_box { height: 150px; padding: 14px;}
#renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree p { font-size: 14px; font-weight: 400; color: #333; line-height: 20px;}
#renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 { margin-top: 16px;}
#renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 dd,
#renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li { margin-top: 5px; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; background-position-y: 8px;}
#renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .ipt_radio { display: flex; align-items: center; margin: 5px 0;}
#renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .notice { font-size: 17px; text-decoration:none; border-bottom: 1px solid #111;}

/* 이탈방지 팝업 - 보험료 계산 동의 닫는 경우 */
#renew .disagreement .layer_wrap { overflow: initial; background-color: transparent;}
#renew .disagreement .popup_disagreement { width: 790px; padding: 8px 40px 0 16px; border: none; background-color: #fff; border-radius: 16px;}
#renew .disagreement .popup_disagreement .btn_close { display: block; right: 32px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close_gray.png) no-repeat; border-radius: 16px;}
#renew .disagreement .popup_disagreement .inner { margin-bottom: -14px; padding: 0;}
#renew .disagreement .popup_disagreement .head { position: absolute; left: 170px; top: 31px;}
#renew .disagreement .popup_disagreement .head img { width: inherit;}
#renew .disagreement .popup_disagreement .chatting_disagreement { float: initial; width: 444px; height: 737px; padding: 202px 0 0 32px; background: url(/default/images/renew/disagreement_chat.png) no-repeat; box-shadow: none; border-radius: 0;}
#renew .disagreement .popup_disagreement .chatting_add { width: 365px; height: 487px; border: none; border-radius: 0 0 32px 32px;}
#renew .disagreement .popup_disagreement .banner { float: initial; padding-top: 113px;}
#renew .disagreement .popup_disagreement .banner a { right: 30px; bottom: 71px; width: 230px; height: 55px;}
#renew .disagreement .chk_today { position: absolute; left: 50%; bottom: -38px; margin-left: -66px;}
#renew .disagreement .chk_today .ipt_check label { margin-right: 16px;}
#renew .disagreement .chk_today .ipt_check .check_style { width: 20px; height: 20px; background: url(/default/images/renew/ico_checkbox_disagreement.png) no-repeat;}
#renew .disagreement .chk_today .ipt_check .check_style.on { background-position-y: -30px;}
#renew .disagreement .chatting_add .chattion_win { height: 504px;}


/* 이탈방지 팝업 - 보험료 계산 결과 닫는 경우 */
#renew .induce_consult .layer_wrap { overflow: initial; width: 790px; background-color: transparent;}
#renew .induce_consult .popup_induce { width: 790px; border: none; background-color: #d3e5ed; border-radius: 16px;}
#renew .induce_consult .popup_induce .head { padding: 23px 0 0 78px;}
#renew .induce_consult .mask { width: 440px; padding: 38px 30px; height: 594px; border: none; background: url(/default/images/renew/induce_body_bg.png) no-repeat;}
#renew .induce_consult .popup_induce .chatting_add { float: initial; width: 363px; border: none;}
#renew .induce_consult #chatbot_wrap .chattion_win { width: 396px !important; height: 530px !important;}
#renew .induce_consult .popup_induce .inner { margin: -20px 0 -7px; padding: 0 61px 0px 37px;}
#renew .induce_consult .popup_induce .btn_close { display: block; right: 32px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close_gray.png) no-repeat; border-radius: 16px;}
#renew .induce_consult .popup_induce .banner { float: initial; padding-top: 18px;}
#renew .induce_consult .popup_induce .banner a { right: 22px; bottom: 67px; width: 228px; height: 64px;}
#renew .induce_consult .chk_today { position: absolute; left: 50%; bottom: -38px; margin-left: -66px;}
#renew .induce_consult .chk_today .ipt_check label { margin-right: 16px;}
#renew .induce_consult .chk_today .ipt_check .check_style { width: 20px; height: 20px; background: url(/default/images/renew/ico_checkbox_disagreement.png) no-repeat;}
#renew .induce_consult .chk_today .ipt_check .check_style.on { background-position-y: -30px;}
#renew .induce_consult .sc-gzVnrw.lepLWH { display: none;}
#renew .induce_consult .chatbot_wrapper { border: none; box-shadow: none;}

/* 이탈방지 팝업 - 보장분석 이탈 시 */
#renew #gurtAnlyEtalPop #pop_wrap  { margin: -242px 0 0 -183px; transform: none;}
#renew #gurtAnlyEtalPop #pop_wrap .etal_type01 { margin: -18px 0 0 26px;}
#renew #gurtAnlyEtalPop #pop_wrap .etal_type02 { margin: 9px 0 0 26px !important;}
#renew #gurtAnlyEtalPop #pop_wrap .etal_pop_close { right: 31px; top: -14px;}

/* 보험분석 및 상품소개를 위한 개인정보처리 동의 */
#renew .lypoptype05 .total_agree_tab_area .btn_line { display:block; height:50px; line-height:48px; border:2px solid #e11b22; background-color:#fff; transition:background-color .2s ease-out, border-color .2s ease-out; }
#renew .lypoptype05 .total_agree_tab_area .btn_line.on .ico_gurt_check { background-image:url("/default/images/renew/ico_check_on.png"); }
#renew .lypoptype05 .agree_tit_zone p span { color:#999; }
#renew .lypoptype05 .agree_tit_zone + .total_agree_tab { margin-top:16px; }
#renew .lypoptype05 .agree_tit_zone + .total_agree_tab ul li.on a:after { height:2px; background-color:#111; }
#renew .lypoptype05 .total_agree_tab_area + .btn_area .btn_mint { display:flex; justify-content:center; align-items:center; width:200px; height:48px; margin:0 auto; padding:0 28px; font-size:14px; color:#fff; line-height:38px; background:#ccc; border:0; border-radius:24px; }
#renew .lypoptype05 .layer_content .list_type02.ver2 li { font-size:14px; color:#333; }
#renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_depth03 .depth03_title { font-size:14px; color:#333; }
#renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_depth03 .depth03_radio .depth03_radio_txt { font-size:14px; color:#333; }
#renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_depth03 .depth03_radio .ipt.depth03_radio label { font-size:14px; color:#333; }
#renew .lypoptype05 .total_telecom_list .area .list_area > li.agree_cont { background:#f5f5f5; }
#renew .lypoptype05 .list_type02 li .notice { font-size:17px; color:#333; }
#renew .lypoptype05.consult .layer_content h4 { font-size:16px; color:#888; font-weight:400; }
#renew .lypoptype05.consult .list_type02 li { font-size:14px; color:#333; }
#renew .lypoptype05.consult .layer_content .chk_space label { font-size:16px; color:#888; }
#renew .lypoptype05.consult .layer_content .bx_gray { padding:24px; background-color:#f5f5f5; border-radius:8px; }
#renew .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip { width:320px; padding:16px; font-size:13px; color:#333; font-weight:400; background-color:#edf4ff; border-color:#b2d0ff; }
#renew .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip .tooltip_list { height:21px; }
#renew .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip .tooltip_list li { padding-top:3px; border:0; }
#renew .gurt20_wrap_intro .insCta .stepCon .agree_wrap .ipt_check a { margin-top:-1px; }
#renew .terms_cont { padding-right:20px; }
#renew .chk_space .ipt_tooltip { left:unset; right:145px; top:-15px; width:210px; font-size:13px; background:#edf4ff; border-color:#b2d0ff; border-radius:8px; animation-name:toolbum2; }
#renew .chk_space .ipt_tooltip:after { left:initial; right:-7px; transform:rotate(180deg); }
#renew .chk_space .ipt_tooltip span { color:#3382ff; }
@keyframes toolbum2 {
	0% { right:150px; }
	50% { right:145px; }
	100% { right:150px; }
}