@charset "utf-8"; /* 레이어 superd ******************************************/ /* 메인: 펫보험 배너 노출 */ #bottom_event .layer_body.typeBot { padding: 0; background-color: #ffece8; border-radius: 20px 20px 0 0;} #bottom_event .main_swiper { overflow: hidden; position: relative; border-radius: 20px 20px 0 0;} /* #bottom_event .bg_pink { background-color: #ffece8;} */ /* #bottom_event .bg_blue { background-color: #7b71e3;} */ /* #bottom_event .em_top { height: 204px; padding: 28px 24px 0; text-align: left; background: #ffece8 url(/subscribe/images/renew/img_main_mom.png) no-repeat right 20px top 38px; background-size: 114px 101.65px;} */ #bottom_event .em_top { position:relative; height: 204px; padding: 28px 24px 0; text-align: left; background: #ffece8 url("/subscribe/images/renew/img_main_bs_3.png") no-repeat right top; background-size:contain; } #bottom_event .em_top .text_group p.sub_title { font-size: 12px; line-height: 16px; color: #333;} #bottom_event .em_top .text_group p.main_title { margin-top: 4px; font-size: 18px; font-weight: 700; color: #333; line-height: 22px;} #bottom_event .em_top .btn_group { margin-top: 16px;} #bottom_event .em_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #de4738; border-radius: 16px;} #bottom_event .em_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } #bottom_event .pet_top { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background: #7b71e3 url(/subscribe/images/renew/img_main_pet_231023.png) no-repeat right -6px top 68px; background-size: 152px 77px;} #bottom_event .pet_top .text_group p.sub_title { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.4px;} #bottom_event .pet_top .text_group p.sub_title small { font-size: 12px;} #bottom_event .pet_top .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.4px;} #bottom_event .pet_top .btn_group { margin-top: 18px;} #bottom_event .pet_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #6f66cc; line-height: 1; background-color: #fff; border-radius: 16px;} #bottom_event .pet_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } #bottom_event .wyl_pet_top { height: 204px; padding: 32px 24px 0; text-align: left; background: #ebf2ff url("/subscribe/images/renew/img_main_pet_250430.png") no-repeat right top; background-size:contain; } #bottom_event .wyl_pet_top .text_group p.sub_title { font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.4px;} #bottom_event .wyl_pet_top .text_group p.sub_title small { font-size: 12px; color:#7B71E3;} #bottom_event .wyl_pet_top .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #333333; letter-spacing: -0.4px;} #bottom_event .wyl_pet_top .btn_group { margin-top: 8px;} #bottom_event .wyl_pet_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #7B71E3; border-radius: 16px;} #bottom_event .wyl_pet_top .txt_review_pop { margin-top: 10px; font-size: 11px; color:#666; text-align: right;} /* #bottom_event .wyl_pet_top { height: 204px; padding: 32px 24px 0; text-align: left; background: #EFEAFF url("/subscribe/images/renew/img_main_pet_241016.png") no-repeat right 8px top 36px; background-size: 159px 120px; } */ #bottom_event .wyl_pet_top2 { position:relative; height: 204px; padding: 23px 24px 0; text-align: left; background:#de4738 url("/subscribe/images/renew/img_main_bs_ms.png?v=250922_0") no-repeat right top; background-size:contain; } #bottom_event .wyl_pet_top2 .text_group p.sub_title2 { font-size: 12px; color: #fff; font-weight:600; } #bottom_event .wyl_pet_top2 .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.4px;} #bottom_event .wyl_pet_top2 .text_group p.sub_title { font-size: 12px; color: #fff; letter-spacing: -0.4px; opacity: 70%;} #bottom_event .wyl_pet_top2 .btn_group { margin-top: 8px;} #bottom_event .wyl_pet_top2 .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #b00f0f; border-radius: 16px;} #bottom_event .wyl_pet_top2 .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #fff; text-align: right; opacity: 40%; } #bottom_event .wyl_pet_top3 { position:relative; height: 204px; padding: 23px 24px 0; text-align: left; background:#dce8ff url("/subscribe/images/renew/img_main_bs_ms_251230.png?v=250922_0") no-repeat right top; background-size:contain; } #bottom_event .wyl_pet_top3 .text_group p.sub_title2 { font-size: 12px; color:#377df3; font-weight:600; } #bottom_event .wyl_pet_top3 .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .wyl_pet_top3 .text_group p.sub_title { font-size: 12px; color: #111; letter-spacing: -0.4px; opacity: 70%;} #bottom_event .wyl_pet_top3 .btn_group { margin-top: 8px;} #bottom_event .wyl_pet_top3 .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #377df3; border-radius: 16px;} #bottom_event .wyl_pet_top3 .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #666; text-align: right; opacity: 40%; } #bottom_event .wyl_pet_top3._re { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background:#6c48eb url("/subscribe/images/renew/bs_main_1.png?ver=20260202") no-repeat right top; background-size:contain; } #bottom_event .wyl_pet_top3._re .text_group p.sub_title2 { font-size: 12px; color:#fff; font-weight:600; } #bottom_event .wyl_pet_top3._re .text_group p.main_title { margin-top:4px; font-size: 18px; font-weight: 700; color: #fff; line-height:1.2; letter-spacing: -0.4px;} #bottom_event .wyl_pet_top3._re .text_group p.sub_title { margin-top:4px; font-size: 12px; color: #fff; letter-spacing: -0.4px; opacity: 70%;} #bottom_event .wyl_pet_top3._re .btn_group { margin-top: 8px;} #bottom_event .wyl_pet_top3._re .btn_group a { display: flex; align-items: center; justify-content: center; width: 108px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color:#5535cb; border-radius: 16px;} #bottom_event .wyl_pet_top3._re .txt_review_pop { position:absolute; left:24px; right:24px; bottom:23px; font-size: 11px; color: #e7e6ed; text-align:left; opacity:1; } /* #bottom_event .chat_top { height: 204px; padding: 32px 24px 0; text-align: left; background: #ffecbd url(/subscribe/images/renew/img_main_chat_231205.png) no-repeat right 13px top 25px; background-size:30%;} */ #bottom_event .chat_top { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background: #ebf2ff url("/subscribe/images/renew/img_main_bs_2.png?ver=250708") no-repeat right top; background-size:contain; } #bottom_event .chat_top .text_group p.sub_title { font-size: 12px; font-weight: 600; color: #0078e8; letter-spacing: -0.4px;} #bottom_event .chat_top .text_group p.sub_title small { font-size:inherit; font-weight:500; } #bottom_event .chat_top .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .chat_top .btn_group { margin-top: 18px;} #bottom_event .chat_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 136px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #0078e8; border-radius: 16px;} #bottom_event .chat_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } /* 뇌심보험(세만기) 바텀시트 */ #bottom_event .heart_top { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background: #ffeeed url("/subscribe/images/renew/img_main_bs_6.png") no-repeat right top; background-size:contain; } #bottom_event .heart_top .text_group p.sub_title { font-size: 12px; font-weight: normal; color: #111; letter-spacing: -0.4px;} #bottom_event .heart_top .text_group p.sub_title span { color: #de4738; font-weight: 600;} #bottom_event .heart_top .text_group p.sub_title.text_list {margin-top: 4px;} #bottom_event .heart_top .text_group p.sub_title small { font-size:inherit; font-weight:500; } #bottom_event .heart_top .text_group p.main_title { margin-top: 4px; font-size: 18px; font-weight: 700; color: #333; line-height: 22px; letter-spacing: -0.4px;} #bottom_event .heart_top .btn_group { margin-top: 8px;} #bottom_event .heart_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 136px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #de4738; border-radius: 16px;} #bottom_event .heart_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:23px; font-size: 11px; color: #666; text-align: left; } /* #bottom_event .brain_top { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background: #f1e3fb url("/subscribe/images/renew/img_main_bs_brain.png?v=250210_01") no-repeat right top; background-size:contain; } #bottom_event .brain_top .text_group p.sub_title { font-size: 12px; font-weight: 600; color: #9b42de; letter-spacing: -0.4px;} #bottom_event .brain_top .text_group p.sub_title small { font-size:inherit; font-weight:500; } #bottom_event .brain_top .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .brain_top .btn_group { margin-top: 18px;} #bottom_event .brain_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 136px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #de4738; border-radius: 16px;} #bottom_event .brain_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } */ #bottom_event .bone_top { position:relative; height: 204px; padding: 32px 24px 0; text-align: left; background: #ddf3f0 url("/subscribe/images/renew/img_main_bs_bone.png?v=250905_01") no-repeat right top; background-size:contain; } #bottom_event .bone_top .text_group p.sub_title { font-size: 12px; font-weight: 600; color: #11b8a7; letter-spacing: -0.4px;} #bottom_event .bone_top .text_group p.sub_title small { font-size:inherit; font-weight:500; } #bottom_event .bone_top .text_group p.main_title { margin-top: 2px; font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .bone_top .btn_group { margin-top: 18px;} #bottom_event .bone_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 136px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #11bba7; border-radius: 16px;} #bottom_event .bone_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } /* #bottom_event .car_top { height: 204px; padding: 28px 24px 0; text-align: left; background: #fff4e0 url(/subscribe/images/renew/img_main_car_241231.png) no-repeat right top; background-size:147px auto;} */ #bottom_event .car_top { position:relative; height: 204px; padding: 28px 24px 0; text-align: left; background: #fff4e0 url("/subscribe/images/renew/img_main_bs_5.png?ver=20260130") no-repeat right top; background-size:contain; } #bottom_event .car_top .text_group p.main_title { font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .car_top .text_group p.sub_title {margin-top:8px; font-size: 12px; font-weight: 600; color: #333; letter-spacing: -0.4px;} #bottom_event .car_top .btn_group { margin-top: 12px;} #bottom_event .car_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 136px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #ff6f36; border-radius: 16px;} #bottom_event .car_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } #bottom_event .eye_top { position:relative; height: 204px; padding: 28px 24px 0; text-align: left; background: #d7ecff url(/subscribe/images/renew/img_main_eye.png) no-repeat right 10px top 28px; background-size:110px auto;} #bottom_event .eye_top .text_group p.main_title { font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .eye_top .text_group p.sub_title { font-size: 12px; font-weight: 600; color: #333; letter-spacing: -0.4px;} #bottom_event .eye_top .btn_group { margin-top: 16px;} #bottom_event .eye_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 163px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #0078e8; border-radius: 16px;} #bottom_event .eye_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } /* #bottom_event .note_top { height: 204px; padding: 28px 24px 0; text-align: left; background: #e9fffc url(/subscribe/images/renew/img_main_note.png) no-repeat right 14px top 24px; background-size:108px auto;} */ #bottom_event .note_top { position:relative; height: 204px; padding: 28px 24px 0; text-align: left; background: #e9fffc url("/subscribe/images/renew/img_main_bs_4.png") no-repeat right top; background-size:contain; } #bottom_event .note_top .text_group p.main_title { font-size: 18px; font-weight: 700; color: #333; letter-spacing: -0.4px;} #bottom_event .note_top .text_group p.sub_title { font-size: 12px; font-weight: 600; color: #333; letter-spacing: -0.4px;} #bottom_event .note_top .btn_group { margin-top: 16px;} #bottom_event .note_top .btn_group a { display: flex; align-items: center; justify-content: center; width: 163px; height: 32px; font-size: 12px; font-weight: 800; color: #fff; line-height: 1; background-color: #3bdfc2; border-radius: 16px;} #bottom_event .note_top .txt_review_pop { position:absolute; left:24px; right:24px; bottom:30px; font-size: 11px; color: #888; text-align: right; } #bottom_event .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 3px; background-color: #fff; opacity: 1;} #bottom_event .swiper-pagination-bullet-active { background-color: #de4738;} #bottom_event .em_botttom { display: flex; justify-content: space-between; background-color: #fff;} #bottom_event .em_botttom .chkbox { padding: 20px 24px 32px; font-size: 14px; color: #656565;} #bottom_event .em_botttom .eb_close { padding: 20px 24px 32px; font-size: 14px; color: #656565;} /* 연차장님 CSS 후킹 */ .section_2_cont .flex_item:nth-of-type(1) { background: #eef4fe url("/subscribe/images/renew/ico_tip_02.png") no-repeat 58px 109px; background-size: 85px;} .section_2_cont .flex_item:nth-of-type(2) { background: #f5f1fd url("/subscribe/images/renew/ico_tip_03.png") no-repeat right 14px bottom 10px; background-size: 85px;} .cont_box_more { margin-top: 10px; text-align: right; padding-right: 12px;} .cont_box_more a { display: inline-flex; align-items: center; padding: 10px;} .cont_box_more a span { display: block; font-size: 14px; font-weight: 600; color: #5989d9;} .cont_box_more a i { display: block; width: 5px; height: 10px; margin: -1px 0 0 4px; background: url(/subscribe/images/renew/ico_cont_box_more.png) no-repeat center center; background-size: 5px 10px;} /* 상품 콘텐츠 공통 *****************************************/ /* CTA 디자인 변경 */ #inform .layer_comm .cta_fixed.ctaScrollEvent, #inform .cta_layout .cta_head .inbox .naver_btn { display: none !important;} #inform .cta_head h3 { font-size: 20px; font-weight: 700; color: #111; letter-spacing: 0; line-height: 26px;} #inform .cta_head .discription { margin-top: 6px; padding-top: 0; font-size: 14px; color: #888; text-align: left; line-height: 16px;} #inform .cta_layout { margin: 0;} #inform .cta_layout .inner { padding: 0; border: 0;} #inform .cta_layout .cta_btnset { gap: 10px; margin-top: 42px;} #inform .cta_layout .cta_btnset a { flex: 1; height: 52px; border-radius: 6px;} #inform .cta_layout .cta_btnset a:focus { outline:1px solid #000; } #inform .cta_layout .cta_btnset a span { font-size: 16px; font-weight: 700;} #inform .cta_layout .cta_btnset a:nth-child(1) { display: none;} #inform .cta_layout .cta_btnset a:nth-child(2) { border: 1px solid #ccc; background-color: #fff;} #inform .cta_layout .cta_btnset a:nth-child(2) span { color: #121619;} #inform .cta_layout .cta_btnset a:nth-child(3), #inform .cta_layout .cta_btnset a:last-child { background-color: #de4738;} #inform .cta_layout .cta_btnset a:nth-child(3) span, #inform .cta_layout .cta_btnset a:last-child span { color: #fff;} #inform .cta_layout .cta_btnset a.alwaysShow { display: flex !important;} #inform .cta_layout .cta_btnset a.alwaysShow span { padding-left: 0;} #inform .cta_layout .cta_btnset a.alwaysShow span::before { display: none;} #inform .cta_layout .cta_container .info_row { height: inherit; margin-bottom: 0;} #inform .cta_layout .cta_container .info_row .info_tit { width: 80px; font-weight: 500; color: #656565 !important; letter-spacing: 0;} #inform .cta_layout .cta_container .info_row.width120 .info_tit { width: 112px;} #inform .cta_layout .cta_container .info_row:last-child { margin-bottom: 0;} #inform .cta_layout .cta_container .info_sex { flex: 1; width: 100%;} #insearch .chk_list .info_box input[type="radio"], #inform .cta_layout .cta_container input[type="radio"] { display: inline-block; position: relative; width: 22px; height: 22px; margin-top: -2px; vertical-align: top; border: none; outline: none; cursor: pointer; opacity: 1; appearance: none;} #insearch .chk_list .info_box input[type="radio"]:focus, #inform .cta_layout .cta_container input[type="radio"]:focus { outline: 2px solid black; border-radius: 2px;} #insearch .chk_list .info_box input[type="radio"]::before, #inform .cta_layout .cta_container input[type="radio"]::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;} #insearch .chk_list .info_box input[type="radio"]::after, #inform .cta_layout .cta_container input[type="radio"]::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; transform: translate(-50%, -50%);} #insearch .chk_list .info_box input[type="radio"]:focus::before, #inform .cta_layout .cta_container input[type="radio"]:focus::before { border-color: #de4738; background-color: #de4738; box-shadow: 0 0 0 5px #de4738 inset; } #insearch .chk_list .info_box input[type="radio"]:checked::before, #inform .cta_layout .cta_container input[type="radio"]:checked::before { border-color: #de4738; background-color: #de4738; box-shadow: 0 0 0 5px #de4738 inset; } #insearch .chk_list .info_box input[type="radio"]:disabled::before, #inform .cta_layout .cta_container input[type="radio"]:disabled::before { border-color: #dbdbdb;} #inform .cta_layout .cta_container input[type="radio"] + label { width: 58px; justify-content: flex-start; height: 47px; padding-left: 8px; color: #656565; background-color: #fff;} #inform .cta_layout .cta_container .info_row .info_sex input[type="radio"]:checked + label { font-weight: 400;} #inform .cta_layout .cta_container input[type="radio"]:first-child + label:before { display: none;} #inform .cta_layout .cta_container input[type="radio"]:checked + label::after { display: none;} #inform .cta_layout .cta_container .info_text { flex: 1; width: 100%;} #inform .cta_layout .cta_container .group .chk_wrap label { all: unset; display: flex; align-items: center; justify-content: flex-start; width: 58px; height: 47px; padding-left: 8px; color: #656565; background-color: #fff;} #inform .cta_layout .cta_container .group .input_radio input[type=radio]+label:before { display: none;} #inform .cta_layout .cta_container .info_row .group { flex: 1; width: 100%;} #inform .cta_layout .cta_container .mom_child .group .chk_wrap { margin-bottom: 0;} #inform .cta_layout .cta_container .info_row.group .info_text input { height: 47px; font-weight: 500; color: #111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom: 1px solid #bbb;} #inform .cta_layout .cta_container .bx_valid.error .txt_error_tow { margin: 8px 0 2px 0; padding-left: 80px;} #inform .cta_layout .cta_container .bx_valid.error .txt_error_tow .txt_error { width: inherit; text-align: left;} #inform .cta_layout .cta_container .bx_valid .txt_error_tow { margin: 0; padding-left: 80px;} #inform .cta_layout .cta_container .bx_valid .group.error_ex + .txt_error_tow .txt_error { width: inherit; margin: 8px 0 2px 0; text-align: left;} #inform .cta_layout .cta_container .info_row.width120 +.txt_error_tow { padding-left: 112px;} #inform .prdct_intro_ment { margin-bottom:5px; padding:0 16px; font-weight:400; } #inform .prdct_intro_ment.prdct_intro_ment_renew { margin-bottom:-12px; padding:0; } #inform .prdct_intro_ment b { color:#333; font-weight:700; } #inform .cta_layout .cta_container.pet_cta { padding:0; } #inform .cta_layout .cta_container fieldset { width:auto; margin:0 !important; margin-inline:0; padding:0 !important; padding-block:0; padding-inline:0; min-inline-size:unset; } #inform .cta_layout .cta_container .cate_select_box { padding-bottom:5px; overflow:hidden; } #inform .cta_layout .cta_container .cate_select { position:relative; margin-top:10px; } #inform .cta_layout .cta_container .cate_select .swiper-slide { width:auto; } #inform .cta_layout .cta_container .cate_select .radio_wrap input[type="radio"] + label.checkbox::before { background:transparent url("/subscribe/images/renew/ico_chk_off.png") no-repeat !important; background-size: 20px !important; background-position: 0 0;} #inform .cta_layout .cta_container .cate_select .radio_wrap input[type="radio"]:checked + label.checkbox::before { background:transparent url("/subscribe/images/renew/ico_chk_on.png") !important; background-size: 20px !important; background-position: 0 0;} #inform .cta_layout .cta_container .radio_wrap { position:relative; display:inline-block; } #inform .cta_layout .cta_container .radio_wrap input { position:absolute; left:0; top:0; width:0; height:0; margin:0; border:0; } #inform .cta_layout .cta_container .radio_wrap input:before, #inform .cta_layout .cta_container .radio_wrap input:after { display:none; } #inform .cta_layout .cta_container .radio_wrap input[type="radio"] + label.checkbox { position:relative; display:inline-block; width:auto; height:auto; margin:0; padding-left:28px; font-size:14px; line-height:1.6; color:#000; font-weight:400; box-sizing:border-box; cursor:pointer; overflow:hidden; } #inform .cta_layout .cta_container .radio_wrap input[type="radio"] + label.checkbox:before { position:absolute; display:block; left:0; top:1px; width:20px; height:20px; background:#ccc url("/subscribe/images/renew/ico_checkpoint.svg") no-repeat 50% 50%; background-size:50%; border-radius:50%; content:""; } #inform .cta_layout .cta_container .radio_wrap input[type="radio"]:checked + label.checkbox { font-weight:700; } #inform .cta_layout .cta_container .radio_wrap input[type="radio"]:checked + label.checkbox:before { background-color:#de4738; } #inform .cta_layout .cta_container .tit_ico { font-size:16px; color:#333; font-weight:700; text-align:left; } #inform .cta_layout .cta_container .tit_ico:before { display:inline-block; width:40px; height:40px; margin-top:-5px; margin-right:12px; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; border-radius:50%; content:""; } #inform .cta_layout .cta_container .tit_ico ~ .tit_ico { margin-top:36px; } #inform .cta_layout .cta_container .tit_ico_dog:before { background-image:url("/subscribe/images/renew/ico_dog.png"); } #inform .cta_layout .cta_container .tit_ico_cat:before { background-image:url("/subscribe/images/renew/ico_cat.png"); } #inform .cta_layout .cta_container .tit_ico_people:before { background-image:url("/subscribe/images/renew/ico_people.png"); } #inform.nbtns_240624_a._content_area { padding-top:0; } #inform.nbtns_240624_a._content_area .position_sticky{ position: sticky; /* top: 100px; */ top:63px; z-index: 2; padding: 0 10px; border-bottom: 1px solid #ddd; background-color: #fff; } .group .bar:before, .two_error_m .group .bar:before { height: 1px; background-color: #111;} .group .bar:after, .two_error_m .group .bar:after { display: none;} .bx_valid.two_error_m .group.error_ex .bar:after, .bx_valid.two_error_m .group.error_ex .bar:before, .bx_valid.error.two_error_m .error_m .group .bar:after, .bx_valid.error.two_error_m .error_m .group .bar:before, .bx_valid.error.two_error_m .group.error_m .bar:after, .bx_valid.error.two_error_m .group.error_m .bar:before { height: 1px; background-color: #de4738;} #inform .cta_layout .cta_container .mom_child .group .chk_wrap.type01 .input_radio { display: flex; align-items: center; width: inherit; margin: 0; padding: 0; position: relative;} #inform .cta_layout .cta_container .mom_child .group .chk_wrap span.input_radio label em { all: unset; word-break: keep-all; text-align: left;} #inform .cta_layout .cta_container .info_row .info_text.baby_birth { margin-right: 0;} #inform .cta_layout .cta_container .info_row .baby_birth_box { display: flex; align-items: center; flex: 1;} #inform .cta_layout .cta_container .info_row .info_box.baby_week { display: flex; align-items: center; justify-content: center; width: inherit; height: 34px; margin-left: 10px; padding: 0 12px; background-color: #eee; border-radius: 4px;} #inform .cta_layout .cta_container .info_row.group .info_box em.count_week, #inform .cta_layout .cta_container .info_row.group .info_box em.week.baby { all: unset; font-size: 14px; font-weight: 500; color: #333;} #inform .add_placeholder:after { left: 33px; z-index: -1;} #inform .cta_fixed { display:flex; align-items:center; gap:10px; padding:18px; border-top:1px solid #ddd; background-color:#fff; box-shadow:none;} #inform .cta_fixed button, #inform .cta_fixed a { display: flex; align-items: center; justify-content: center; width: 120px; height: 52px; font-weight: 700; color: #111; border: 1px solid #aaa; border-radius: 6px;} #inform .cta_fixed button.btn, #inform .cta_fixed a.btn { flex: 1; width: 100%; color: #fff; border: none; background-color: #de4738;} .zindex106 { z-index:106; } #layerAreaWarp.zindex107 { z-index:107; } /* 팝업 디자인 변경 */ #pop_wrap #pop_header { display:flex; align-items:center; min-height:initial; height:64px; padding:0 18px; background-color:#fff; } #pop_wrap #pop_header h1 { font-size: 20px; color: #111;} #pop_wrap a.pop_close { padding: 12px 8px; } #renew .tm_evt_pop_renew .pop_close { right: 8px;} #pop_wrap a.pop_close span { width: 40px; height: 40px; background: url(/subscribe/images/renew/ico_layer_close_large.svg) no-repeat center center; background-size:inherit;} #pop_wrap #pop_header a.pop_close2 { display:none; } .tbl_list02 { margin: 16px 0 0; border: none;} .tbl_list02 tbody th { padding: 16px 0; font-size: 14px !important; font-weight: 700; color: #111; line-height: 20px; border-bottom: none; border-top: 1px solid #ddd;} .tbl_list02 tbody td { padding: 16px 0; font-size: 14px !important; color: #333; line-height: 20px; border-bottom: none; border-top: 1px solid #ddd;} .tbl_list02 tbody tr.line_top th, .tbl_list02 tbody tr.line_top td { border-color: #111;} .tbl_list02 tbody tr:last-child th, .tbl_list02 tbody tr:last-child td { border-bottom: 1px solid #111;} .tbl_list02 + .txt { margin-top:10px; font-size:14px; color:#767676; } .tbl_list02.syle_exeample { margin: 24px 0 0; border-top: 1px solid #111;} .tbl_list02.syle_exeample thead th { vertical-align:middle; padding: 16px 0; font-size: 14px; color: #333;} .tbl_list02.syle_exeample thead th.text_center { text-align:center; } .tbl_list02.syle_exeample tbody td { vertical-align: middle;} .tbl_list02.syle_exeample tbody td strong.ng-binding { font-weight: normal;} .tbl_list02.syle_exeample tbody td.text_center { text-align: center;} .tbl_list02.syle_exeample tbody td.bottom_line { border-bottom: 1px solid #111;} /* 유병견/묘 TM */ .tbl_list02 .flex_tb { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin-top:1rem; border-top:1px solid #111; } .tbl_list02 .flex_tb .flex_item { flex:1; text-align:center; } .tbl_list02 .flex_tb .flex_item:first-child { flex:1.2; } .tbl_list02 .flex_tb.full_size { flex-wrap:wrap; width:100%; } .tbl_list02 .flex_tb.full_size .flex_item { flex:1 0 50%; padding:5px 0; text-align:left; } .tbl_list02 .flex_tb.full_size .flex_item:nth-child(odd) { flex-basis:70%; } .tbl_list02 .flex_tb.full_size .flex_item:nth-child(even) { flex-basis:30%; } .tbl_list02 .flex_tb.full_size .flex_item:nth-child(2n+2) { text-align:right; } .tbl_list02 .table_dl dt { display:flex; flex-direction:column; justify-content:center; align-items:center; height:5rem; font-size:13px; letter-spacing:-0.08em; border-bottom:1px solid #e5e5e5; } .tbl_list02 .table_dl dt > sub { font-size:12px; } .tbl_list02 .table_dl dd > p { display:flex; justify-content:center; align-items:center; width:100%; height:3rem; font-size:13px; letter-spacing:-0.08em; border-bottom:1px solid #e5e5e5; } .tm_evt_pop_renew .txt_mj_copy { display:block; margin-bottom:30px; font-size:17px; } .tm_evt_pop_renew .list_dottype01.mt25 { margin-top:25px; } .tm_evt_pop_renew .list_dottype01 li { padding-left:8px; font-size:14px; background:url("/subscribe/images/common/bu_dt_black.gif") no-repeat left 10px; background-size:2px 2px; } .tm_evt_pop_renew .list_dottype01 li + li { margin-top:10px; } .tm_evt_pop_renew .wrap_guide_img { position:relative; margin-bottom:35px; } .tm_evt_pop_renew .new_wrap_guide_img > p { position:relative; padding:20px; color:#fff; text-align:center; background:#14dbaf; border-radius:10px; } .tm_evt_pop_renew .new_wrap_guide_img > p:before { position:absolute; left:50%; bottom:-10px; border:10px solid #ddd; border-left:10px solid transparent !important; border-right:10px solid transparent !important; border-bottom:0; transform:translateX(-50%); content:""; } .tm_evt_pop_renew .new_wrap_guide_img > .outline { position:relative; margin-top:15px; padding:20px; border:1px solid #ddd; border-radius:10px; } .tm_evt_pop_renew .product_wrap_new .pet_type_tab .txt { margin-top:4px; font-size:14px; color:#656565; line-height:20px; } .tm_evt_pop_renew .new_wrap_guide_img > .outline .txt { font-size:14px; text-align:center; } .tm_evt_pop_renew .new_wrap_guide_img > .outline .txt > strong { color:#7d6feb; } .tm_evt_pop_renew .new_wrap_guide_img .tbl_list01 { margin:0; } .tm_evt_pop_renew .new_wrap_guide_img .tbl_list01 th, .tm_evt_pop_renew .new_wrap_guide_img .tbl_list01 td { padding:10px 0; font-size:14px; } .tm_evt_pop_renew .new_wrap_guide_img .tbl_list01 thead th { border-bottom:1px solid #333; } .tm_evt_pop_renew .new_wrap_guide_img .tbl_list01 .a_center { text-align:center; } .tm_evt_pop_renew .new_wrap_guide_1 > p { background:#14dbaf; } .tm_evt_pop_renew .new_wrap_guide_1 > p:before { border-color:#14dbaf; } .tm_evt_pop_renew .new_wrap_guide_1 > .outline { border-color:#14dbaf; } .tm_evt_pop_renew .new_wrap_guide_2 > p { background:#ffac1c; } .tm_evt_pop_renew .new_wrap_guide_2 > p:before { border-color:#ffac1c; } .tm_evt_pop_renew .new_wrap_guide_2 > .outline { border-color:#ffac1c; } .tm_evt_pop_renew .dambo_exc .title_box { position:relative; } .tm_evt_pop_renew .dambo_exc .title_box .sub_tit { margin:0 0 5px !important; font-size:17px !important; color:#333 !important; font-weight:700; } .tm_evt_pop_renew .dambo_exc .title_box .sub_tit:before { display:none; } .tm_evt_pop_renew .sub_txtbox { font-size:12px; color:#777; } .tm_evt_pop_renew .dambo_exc .example_tbl { margin:20px 0; padding:20px 10px; border:1px solid #7d6feb; border-radius:10px; } .tm_evt_pop_renew .dambo_exc .scroll_table { white-space:nowrap; overflow-x:auto; } .tm_evt_pop_renew .dambo_exc .tbl_list01 thead th > sub { display:block; font-size:smaller; text-align:center; } .tm_evt_pop_renew p._wyl_ls { position:relative; top:-16px; padding:6px 0 3px 10px; font-size:13px; color:#999; } .tm_evt_pop_renew p._wyl_ls:before { position:absolute; left:0; top:8px; content:"*"; } .tm_evt_pop_renew p._wyl_ls.mt10 { margin-top:10px; } .tm_evt_pop_renew .txt_tip { margin-top:24px; padding:0; font-size:13px; color:#666; line-height:20px; border:0; } .tm_evt_pop_renew .txt_tip > li { position:relative; padding:3px 0 3px 10px; } .tm_evt_pop_renew .txt_tip > li:before { position:absolute; left:0; top:5px; content:"*"; } .txt_tip { margin-top: 24px !important; padding: 0; font-size: 14px; color: #656565; line-height: 20px;} .txt_tip.no_line { margin-top:14px !important; } .txt_tip + .txt_tip { margin-top:12px !important; } .txt_tip span { margin: 0 !important; padding-left: 11px; color: #767676;} .txt_tip span ~ span { margin-top: 8px !important;} .txt_tip span.txt_red, .txt_tip .txt_b { color: #de4738 !important;} .txt_tip span:before { content: '-'; top: -1px; width: inherit; height: inherit; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; color: #656565; background: none;} .txt_tip span.point:before { content: '*'; top: -1px; width: inherit; height: inherit; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; color: #656565; background: none;} .txt_tip span.txt_red::before, .txt_tip .txt_b::before { color: #de4738 !important;} .txt_tip.margintop_small { margin-top: 4px !important;} .txt_tip.margintop_xsmall { margin-top:10px !important; } .list_type02 dd li { color: #767676; background-position-y: 8px;} .list_type02 dd li.none { background:none; } .list_type02 dd li.none .syle_exeample { margin-top:10px; } .list_type02 dd li.none .syle_exeample + .syle_exeample { margin-top:0; border-top:0; } .list_type02.mgt25 dt { position: relative; padding-left: 12px; background: none;} .list_type02.mgt25 dt::after { content: ''; position: absolute; left: 1px; top: 7px; width: 3px; height: 3px; background-color: #111; border-radius: 50%;} .list_type02.mgt25 dt strong { font-size: 14px; font-weight: 500; color: #111;} .list_type02.wrap { margin-top: 40px;} .list_type02.wrap dt { margin: 0; padding: 0 0 0 24px; color: #111; background: url(/subscribe/images/renew/ico_question.svg) no-repeat; background-size: unset;} .list_type02.wrap dd { padding: 0; background-color: #fff;} .list_type02.wrap dd ul { margin-top: 12px;} .list_type02.wrap dd ul ul { margin-top:0; } .list_type02.wrap dd li { position: relative; padding-left: 11px; font-size: 14px; color: #767676 !important; line-height: 20px; background: none;} .list_type02.wrap dd li:first-child { position: relative; padding-left: 11px; font-size: 14px; color: #656565; line-height: 20px; background: none;} .list_type02.wrap dd li::before { content: '-'; top: -1px; position: absolute; left: 0; top: -1px; width: inherit; height: inherit; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; color: #656565; background: none;} .list_type02.wrap dd li ~ li { margin-top: 8px;} .list_type02.wrap dd + dt { margin-top:30px; } .list_type02.wrap dd .txt { position:relative; margin-top:10px; padding-left:11px; font-size:14px; color:#767676; } .list_type02.wrap dd .txt:before { position:absolute; left:0; top:1px; content:"*"; } .wyl_m_tit_240726 { position: relative; padding-left: 12px; margin-top:8px; background: none; } .wyl_m_tit_240726::after { content: ''; position: absolute; left: 1px; top: 8px; width: 3px; height: 3px; background-color: #111; border-radius: 50%;} .wyl_m_tit_240726 strong { font-size: 14px; font-weight: 500; color: #111;} .list_type02.know { margin-top: 24px;} .list_type02.know dt { font-size: 16px;} .list_type02.know dd >ul >li { position: relative; margin-top: 8px; padding-left: 14px; color: #656565; line-height: 20px; background: none;} .list_type02.know dd >ul >li::before { content: '-'; top: -1px; position: absolute; left: 0; top: -1px; width: inherit; height: inherit; font-family: 'Pretendard'; font-weight: 400; font-size: 14px; color: #656565;} .list_type02.know dd >ul >li .txt_333 { color: #111 !important;} .list_type02.know dd >ul >li ul { margin-top: 8px;} .list_type02.know dd >ul >li ol { margin-top: 8px;} .list_type02.know dd >ul >li ul li { padding-left: 17px; text-indent: -17px;} .list_type02.know dd >ul >li ul li ~ li { margin-top: 4px;} .tbl_top_area.justify { margin: 4px 0 0; text-align:left;} .tbl_top_area.justify .txt_r { font-size: 14px; font-weight: 400; color: #656565; text-align: left !important; line-height: 20px;} #pop_wrap #pop_content { margin-top: 63px;} #pop_wrap #pop_content .pro_h2_16 { margin: 48px 0 0 !important; color: #111;} #pop_wrap #pop_content .pro_h2_16:first-child { margin: 0 !important;} #pop_wrap #pop_content .pro_h2_16 + .txt { font-size:13px; color:#656565; } #pop_wrap #pop_content h4.wyl_pro_h2_17 { font-size:15px; color:#111; padding:5px 0 0 0; } table + h4.wyl_pro_h2_17 { margin-top:40px; } #pop_wrap #pop_content .pro_h2_tit { margin: 0 0 8px !important; font-size: 16px; color: #111;} #pop_wrap #pop_content .pro_h2_tit.txt_font12 { padding-left: 9px; text-indent: -10px; font-size: 14px !important; color: #656565; line-height: 20px;} #pop_wrap #pop_content .pro_h2_tit.txt_font12.mgt10.mgb10 { margin-top: 4px !important; margin-bottom: 0 !important;} #pop_wrap #pop_content strong.left {display:inline-block;} #pop_wrap #pop_content.mtreset { margin-top:64px !important; padding-top:0; } /* 보험료 계산 및 상품소개를 위한 개인정보 처리 동의 디자인 변경 */ #pop_wrap.new_agr_confirm .gurt21_renew * { font-family: 'Pretendard', Helvetica,sans-serif;} #pop_wrap.new_agr_confirm .total_agree_grade .total_agree_grade_txt { margin: 0 0 0 5px;} #pop_wrap.new_agr_confirm .confirm_agree .ipt_tooltip { top: -18px;} @keyframes toolbum { 0% { left: 153px } 50% { left: 158px } 100% { left: 153px } } #pop_wrap.new_agr_confirm #pop_agree h1 { font-family: 'Pretendard', Helvetica,sans-serif !important; font-weight: 500; color: #111;} #pop_wrap.new_agr_confirm #pop_agree .pet_tablet { display:none; } #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree { display: flex; align-items: center;} #pop_wrap.new_agr_confirm .gurt21_renew .ico_gurt_check { width: 24px; height: 24px; margin: 0 8px 0 16px; background: url(/subscribe/images/renew/ico_chk_off.png) no-repeat !important; background-position: 0 0; background-size: 24px !important;} #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree.on .ico_gurt_check { background: url(/subscribe/images/renew/ico_chk_on.png) no-repeat !important; background-size: 24px !important;} #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree .txt { font-size: 16px; color:#333;} #pop_wrap.new_agr_confirm .gurt21_renew .total_agree_sub_info { padding-bottom: 0; font-size: 12px; color: #767676;} #pop_wrap.new_agr_confirm .gurt21_renew .total_agree_sub_info._wyle_t10 { margin-top:10px;} #pop_wrap.new_agr_confirm .gurt21_renew ul.total_agree_sub_info { padding-bottom: 0; font-size: 12px; color: #767676;} #pop_wrap.new_agr_confirm .gurt21_renew ul li._wyle_icon { position:relative; padding-left:10px; } #pop_wrap.new_agr_confirm .gurt21_renew ul li._wyle_icon:before { content:"*"; position:absolute; left:0; top:0px; } #pop_wrap.new_agr_confirm .gurt21_renew ul li._wyle_icon._off { display:none; } #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree { border-color: #333; border-radius: 6px;} #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree.on {border-color:#de4738;} #pop_wrap.new_agr_confirm .gurt21_renew .btn_total_agree.on .txt {color:#de4738;} #pop_wrap.new_agr_confirm .agree_total_cont .total_agree_grade_title { padding: 0; font-size: 14px; color: #767676;} #pop_wrap.new_agr_confirm .info04ver { margin-top: 7px;} #pop_wrap.new_agr_confirm .info04ver._wyle_info04ver { margin-top: 7px; } #pop_wrap.new_agr_confirm .input_radio input[type=radio] {width:22px; height:22px; clip: initial; z-index: 1;} #pop_wrap.new_agr_confirm .input_radio input[type=radio] + label {font-size: 15px; color:#000;} #pop_wrap.new_agr_confirm .input_radio input[type=radio] + label::before {margin-right: 5px;} #pop_wrap.new_agr_confirm .input_radio input[type=radio]:checked + label::before {background: url(/subscribe/images/renew/ico_rdo_on.png); background-size: 22px; background-repeat: no-repeat;} #pop_wrap.new_agr_confirm .chk_wrap>span:first-child { margin-right: 20px;} #pop_wrap.new_agr_confirm .my_certification_wrap.agree_total .my_certification a.on { border-color: #111;} #pop_wrap.new_agr_confirm .txtarea { background-color: #f5f5f5;} #pop_wrap.new_agr_confirm .gurt_agree_box .top_notice { color: #656565; line-height: 16px;} #pop_wrap.new_agr_confirm .btn_area { margin: 24px 0;} #pop_wrap.new_agr_confirm .btn_area .btns.insur_fee_chk_btn { display: flex; align-items: center; justify-content: center; height: 52px; background-color: #888; border-radius: 6px;}/* 26.02.03 웹접근성 백그라운드 색상 수정 */ #pop_wrap.new_agr_confirm .btn_area .btns.insur_fee_chk_btn span { font-size: 16px;} #pop_wrap.new_agr_confirm .btn_area .btns.passing { background-color: #de4738;} #pop_wrap.new_agr_confirm .new_cont .bx_valid .txt_error { margin-top:5px; font-weight: 400; text-align:left; } #pop_wrap.new_agr_confirm .total_agree_grade_box { display: flex; align-items: center;} #pop_wrap.new_agr_confirm .new_cont .wylie_info_row { margin:0; } #pop_wrap.new_agr_confirm .new_cont .wylie_info { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; gap:10px; height:50px; padding:0 14px; text-align:left; border:1px solid #ccc; border-radius:5px; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row .info_tit, #pop_wrap.new_agr_confirm .new_cont .wylie_info_row .info_text { flex:1; white-space:nowrap; } /* #pop_wrap.new_agr_confirm .wylie_info_row .info_text.add_placeholder:after { transform:translateY(-55%); } */ #pop_wrap.new_agr_confirm .new_cont .wylie_info_row .info_tit { flex:0 0 100px; font-size:16px; color:#666; font-weight:700; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row .info_text { height:100%; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row .info_text input { width:100%; height:100%; color:#111; font-weight:500; background-color:transparent; border:0; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row:nth-of-type(1) { margin-top:10px; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row + .wylie_info_row { margin-top:5px; } #pop_wrap.new_agr_confirm .new_cont .wylie_info_row:nth-last-of-type(1) { margin-bottom:20px; } #layerAreaWrap #pop_wrap #pop_header.pop_header_w { height: 52px; margin-top: 64px; line-height: 26px;} #layerAreaWrap #pop_wrap #pop_header.pop_header_w .ttl { font-size: 20px; line-height: 26px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block { margin-top:26px; } #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-container { padding-top:4px; padding-bottom: 16px; overflow:hidden; } /* #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block.plan_swiper { overflow:hidden; } */ #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .product_swiper { margin:0 18px; overflow:hidden; } #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-control { display: flex; justify-content: center; align-items: center; margin-top: 10px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-control .swiper-pagination { position: initial;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .btn_ctrl { display: block; width: 16px; height: 16px; margin-top: 10px; margin-left: 5px; background: url(/subscribe/images/renew/ico_incall_stop.png) no-repeat; background-size: 16px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .btn_ctrl.on { background: url(/subscribe/images/renew/ico_incall_play.png) no-repeat; background-size: 16px;} #layerAreaWrap #pop_wrap #pop_content { margin-top: 0;} #layerAreaWrap #pop_wrap.tm_evt_pop_renew #pop_content { position: absolute; top: 64px; bottom: 0; left:0; right:0; } #layerAreaWrap #pop_wrap.tm_evt_pop_renew #pop_content .tit { font-size:16px; } #layerAreaWrap #pop_wrap.tm_evt_pop_renew2 { position: inherit; top: inherit; left: inherit;} #layerAreaWrap #pop_wrap.tm_evt_pop_renew2 #pop_content { position: absolute; top: 135px; bottom: 0; width: 100%;} #layerAreaWrap #pop_wrap #pop_content.pop_con_w .pop_product_wrap { padding: 0;} #layerAreaWrap #pop_wrap #pop_content.pop_con_w .pop_product_wrap h2.ttl { margin: 40px 0 0 !important; font-size: 20px; color: #111;} #layerAreaWrap #pop_wrap .pop_con_w .hash_list_block { margin-top: 6px;} #layerAreaWrap #pop_wrap .pop_con_w .hash_list_block li { color: #888;} #layerAreaWrap .swiper-btn-type {margin: 0 auto; width: 100%;} #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .ng-binding {overflow:revert !important;} #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .ai_slide { height: initial; margin-top: .9rem; padding: 24px 18px; border-color: #aaa; border-radius: 8px; overflow:initial; } #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .ai_slide.swiper-slide-active { border-color: #111;} #layerAreaWrap #pop_wrap .pop_con_w .ai_ttl { padding: 0 0 16px; border-color: #ddd;} #layerAreaWrap #pop_wrap .pop_con_w .ai_ttl dt.ttl { font-size: 18px; color: #111;} #layerAreaWrap #pop_wrap .pop_con_w .ai_ttl dd.sum { font-size: 14px; font-weight: 400;} #layerAreaWrap #pop_wrap .pop_con_w .ai_ttl dd.sum > strong { font-family: 'Roboto'; font-size: 22px; color: #de4738;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con { border: none; overflow:hidden; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl { margin-top: 18px; padding: 0;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl li { color: #555;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl li::after { background-color: #ddd;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub { margin-top: 20px;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span { display: inline-block; position: relative; margin-right:3px; padding-right:8px; font-size: 14px; color: #555;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 12.5px; margin-top: -6px; background-color: #ccc;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span:nth-last-of-type(1)::after { display:none; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span ~ span { } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span.blockLine { margin: 2px 0 0 0; padding-left: 0;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .p_ttl_sub span.blockLine::after { display: none;} #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; gap:24px; margin-top:24px; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in { flex:0; flex-basis:60px; overflow:hidden; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in strong.tit { display:block; padding:0 11px; font-size:14px; color:#333; font-weight:500; white-space:nowrap; text-align:center; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in .box_alone { padding-bottom:16px; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in ~ .div_sep_in { position:relative; flex:1; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in ~ .div_sep_in strong.tit { text-align:left; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in .swiper-container-horizontal>.swiper-scrollbar { height:3px; } #layerAreaWrap #pop_wrap .pop_con_w .ai_p_con .div_sep .div_sep_in .swiper-scrollbar-drag { background:#7781f6; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk { margin-left:2px; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk_clip { position:relative; display:inline-block; width:38px; height:28px; z-index:10; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk_clip:before { position:absolute; left:50%; top:50%; width:35px; height:28px; background:url("/subscribe/images/renew/ico_talk_clip.png?ver=20250710") no-repeat left top; background-size:98%; transform:translate(-50%, -50%); z-index:11; content:""; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk_clip:after { position:absolute; display:none; right:9px; top:1px; width:4px; height:4px; background:#df0000; border:2px solid #fff; border-radius:50%; z-index:11; content:""; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk_clip.on:after { display:block; } #layerAreaWrap #pop_wrap .pop_con_w .ico_talk_clip > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon { position:absolute; display:flex; flex-flow:row nowrap; align-items:center; right:0; top:-15px; height:30px; padding:0 12px; font-size:13px; color:#fff; background:#58acff; border-radius:8px; transition:all 0.5s; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon_on { display: flex; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon_off { display: none;} #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon:after { position:absolute; right:25px; bottom:-6px; border:7px solid #58acff; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:0; content:""; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon a { display:block; color:inherit; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon a > em { color:inherit; font-weight:700; text-decoration:underline; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon > .btn_balloon_close { position:relative; display:inline-block; width:16px; height:16px; margin-left:8px; background:url("/subscribe/images/renew/ico_close_white.svg") no-repeat center center; } #layerAreaWrap #pop_wrap .pop_con_w .ico_balloon > .btn_balloon_close > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-container.list_block { margin: 24px 0 0 !important; padding-bottom:24px !important; position:initial;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-container.list_block2 { margin:0 !important; } #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper_btn_wrap {position: absolute; left:50%; bottom:18px; transform: translateX(-50%);} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper_btn {top:0; margin-top:0; left:0; right:0; position:initial; border:1px solid #333; border-radius:50%; width:28px; height:28px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper_btn:first-child {margin-right:12px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-button-prev {background: url(/subscribe/images/renew/ico_arrow_prev_black.png) #fff no-repeat center; background-size: 16px;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .swiper-button-next {background: url(/subscribe/images/renew/ico_arrow_next_black.png) #fff no-repeat center; background-size: 16px;} #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .btn_wrap { margin-top: 0 !important;} #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .btn_wrap a.btn { padding: 4px 16px 4px 0; font-size: 14px; font-weight: 500; color: #111; position: relative; display:initial; border:0; border-radius:0; } #layerAreaWrap #pop_wrap .pop_con_w .ai_swiper .btn_wrap a.btn::after {content:""; position:absolute; top:50%; right:0; transform: translateY(-50%); width: 16px; height: 16px; margin: 0 0 0 2px; background: url(/subscribe/images/renew/ico_arrow_left.svg) no-repeat; background-size: inherit;} #layerAreaWrap #pop_wrap .pop_con_w .product_banner_block .ai_slide .swiper-slide.item { width: 60px !important; max-height: inherit;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap { margin-top: 36px; padding: 0 18px; border: none;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner { border-top: 1px solid #ddd;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child > a { padding: 20px 0;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child > a .ttl { color: #111; line-height: 26px;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child > a .txt { display: flex; align-items: center; margin-top: 4px; font-size: 14px; color: #333;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child > a .txt.graycolor { color: #888;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child > a .txt i { display: block; width: 16px; height: 16px; margin-left: 2px; background: url(/subscribe/images/renew/ico_arrow_left2.svg) no-repeat;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child.pop_m_chatting a .ico { width: 48px; height: 48px; margin-left: 0; background: url(/subscribe/images/renew/ico_chatting.svg?ver=20250708) no-repeat; background-size: inherit;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child.pop_m_talk a .ico { width: 48px; height: 48px; margin-left: 0; background: url(/subscribe/images/renew/ico_meritzkakao.svg) no-repeat; background-size: inherit;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner .meritztalk_child.pop_m_1vs1 a .ico { width: 48px; height: 48px; margin-left: 0; background: url(/subscribe/images/renew/ico_chat3.svg) no-repeat; background-size: inherit;} #layerAreaWrap #pop_wrap .pop_con_w .pop_meritztalk_wrap .pop_meritztalk_inner > div:last-child { border-bottom: 1px solid #ddd;} #layerAreaWrap #pop_wrap a.pop_close.ico_close_b { display: flex; justify-content: flex-end; width: 100%; padding: 12px; background-color: #fff;} #layerAreaWrap #pop_wrap a.pop_close.ico_close_b span { width: 40px; height: 40px; background: url(/subscribe/images/renew/ico_layer_close_large.svg) no-repeat; background-size: inherit; background-position: inherit; font-size:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_content .inner { padding: 0 18px 18px;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_head .flex_line { display: flex; align-items: flex-end; justify-content: space-between; min-height: 84px; padding-bottom: 8px; border-bottom: 2px solid #111;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_head .flex_block { display: inherit; align-items: inherit; justify-content: inherit; min-height: inherit; padding: 0 18px; border: none; background-color: #fff; border-radius: 20px 20px 0 0;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_head .flex_block h2 { font-weight: 700; color: #111;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_head .flex_block p { font-size: 16px; color: #111;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_head .flex_block p strong { font-family: 'Roboto'; font-size: 22px; color: #de4738; padding:0 2px 0 5px;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .fix_content h2.ttl { margin-top: 32px; font-size: 16px; color: #111;} #layerAreaWrap .pop_fixbottom_wrap .pop_flex_align .pop_fix_inner .pop_btn_wrap { right: 16px; top: 16px;} #layerAreaWrap .pop_fixbottom_wrap .pop_btn_wrap .btn_close>span { width: 24px; height: 24px; background: url(/subscribe/images/renew/ico_layer_close.svg) no-repeat; background-size: inherit;} #layerAreaWrap .pop_fixbottom_wrap .pop_btn_wrap .btn_closes>span { width: 24px; height: 24px; text-indent:-999em; background: url(/subscribe/images/renew/ico_layer_close.svg) no-repeat; background-size: inherit;} #layerAreaWrap .fix_content_body { margin-top: 12px;} #layerAreaWrap .fix_content_body ul { border-top: 1px solid #ddd;} #layerAreaWrap .fix_content_body ul li { padding: 12px 10px; border-bottom: 1px solid #ddd;} #layerAreaWrap .fix_content_body ul li .ttl3 { font-size: 14px; font-weight: 700; line-height: 19px;} #layerAreaWrap .fix_content_body ul li .felx_between { display: flex; justify-content: space-between; margin-top: 2px;} #layerAreaWrap .fix_content_body ul li .felx_between .fb_name { font-size: 14px; color: #555;} #layerAreaWrap .fix_content_body ul li .felx_between .fb_value { font-family: 'Roboto'; font-size: 14px; color: #555;} #layerAreaWrap .fix_content_body ul ~ ul { border-top: none;} #layerAreaWrap #pop_wrap .perfect_insurance ~ .perfect_insurance { margin-top: 50px;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 { all: unset; display: inline-flex; padding: 0 18px;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 i { display: block; width: 25px; height: 31px; text-align: center; background: url(/subscribe/images/renew/ico_badge.svg) no-repeat;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 i .sub_text { float: initial; display: flex; align-items: center; justify-content: center; height: 24px; font-size: 12px; font-weight: 700; font-style: normal; color: #fff;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 i .sub_text ~ .sub_text { padding-top: 1px;} #layerAreaWrap #pop_wrap .perfect_insurance .blet_list { margin-top: 16px; padding: 0 18px;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 .text_wrap { flex: 1; float: inherit; position: relative; margin-left: 10px; padding: 0 4px;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 .text_wrap .text { float: initial; display: block; position: relative; z-index: 1; font-size: 20px; font-weight: 700 !important; color: #111; line-height: 26px;} #layerAreaWrap #pop_wrap .perfect_insurance .pih3 .text_wrap .line { display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 12px; background-color: #fff7df;} #pop_wrap #pop_content.pop_con_w .pop_inner_w.padding_bottom48 { padding-bottom: 48px;} #layerAreaWrap #pop_wrap.new_agr_confirm .my_certification_wrap.agree_total { margin-bottom: 24px;} #layerAreaWrap #pop_wrap.new_agr_confirm .new_cont .bx_valid.total_agree { margin-top: 16px;} #layerAreaWrap #pop_wrap.new_agr_confirm .new_cont .bx_valid.total_agree .pdt10 { padding-top: 0 !important;} #layerAreaWrap #pop_wrap.new_agr_confirm .txtarea { margin-top: 16px;} #layerAreaWrap #pop_wrap .overfleowYscroll { overflow-x: hidden; overflow-y: auto; height: 245px;} #layerAreaWrap #pop_wrap .overfleowYscroll._wyle_scroll_ { height:233px; } /* Swiper 초기화 */ /* S: 25.01.09 == 접근성 작업 수정 */ #inform .swiper-pagination-bullet, #pop_wrap .pop_con_w .product_banner_block .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 3px; background-color:#777 ;border-radius: 50%; opacity: 1;} #inform .swiper-pagination-bullet-active, #pop_wrap .pop_con_w .product_banner_block .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; height: 8px; border-radius: 9px; background-color: #e11218;} #inform .swiper-container-horizontal>.swiper-pagination, #pop_wrap .pop_con_w .product_banner_block .swiper-container .swiper-pagination { position: sticky; bottom:0px; padding-top: 10px;} /* E: 25.01.09 == 접근성 작업 수정 */ /* 상품 페이지 *****************************************/ /* 팝업 - 상담신청 접수 완료 */ #pop_wrap .premium_confirm { margin-top: 64px;} #pop_wrap .premium_confirm .end_title { font-size: 20px; font-weight: 700; line-height: 26px;} #pop_wrap .premium_confirm .end_subtitle { margin-top: 8px; font-size: 14px; color: #767676;} #pop_wrap .premium_confirm .end_img { margin-top: 56px; text-align: center;} #pop_wrap .premium_confirm .end_img img { max-width: 254px; height: auto;} #pop_wrap .premium_confirm .end_banner { margin: 84px -18px 0;} /* 공통 - 본문 */ #inform { padding-top: 64px;} #inform .inform_heading { margin-top: 12px; padding: 0 18px; font-family: 'Roboto, Pretendard'; font-size: 18px; font-weight: 700; color: #111; line-height: 22px;} #inform .inform_title { margin-top: 60px; font-size: 20px; font-weight: 700; color: #111; line-height: 28px;} #inform .inform_title:first-child { margin-top: 0;} #inform .inform_title small { font-size: 16px; font-weight: 500;} #inform .inform_title small.txtb { font-size:20px; font-weight:400; } #inform .inform_title span { font-size:16px; font-weight:400; } #inform .inform_subtitle { font-size: 18px; font-weight: 700; color: #111; line-height: 22px;} #inform .inform_DLPO { margin-top: 16px;} #inform .confirm_group { margin-top: 20px; padding: 0 12px;} #inform .confirm_group .round_cbox { padding: 24px 20px 24px; border: 2px solid #aaa;} #inform .confirm_group h3 { font-size: 20px; font-weight: 700; color: #111;} #inform .confirm_group .contents_group { margin-top: 6px;} #inform .confirm_group .contents_group p { font-size: 14px; font-weight: 500; color: #888;} #inform .confirm_group .nbtns { margin-top: 30px;} #inform .confirm_group .nbtns_box { display:flex; justify-content:space-between; } #inform .confirm_group .nbtns button { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 52px; font-weight: 500; color: #111; border-radius: 6px;} #inform .confirm_group .nbtns button.simple_btn { background-color: #fee500;} #inform .confirm_group .nbtns button.simple_btn i { display: block; width: 24px; height: 24px; margin-right: 8px; background: url(/subscribe/images/renew/ico_kakao.svg) no-repeat;} #inform .confirm_group .nbtns button.nsa_simple_btn { background-color: #03a94d;} #inform .confirm_group .nbtns button.nsa_simple_btn i { display: block; width: 18px; height: 18px; margin-right: 8px; background: url(/subscribe/images/renew/ico_naver2.svg) no-repeat;} #inform .confirm_group .nbtns button.nsa_simple_btn span { color:#fff; } #inform .confirm_group .nbtns button.btn_toss { background-color: #0064FF; color:#fff;} #inform .confirm_group .nbtns button.btn_toss i { display: block; width: 30px; height: 30px; margin-right: 8px; background: url(/subscribe/images/renew/ico_toss.svg) no-repeat;} #inform .confirm_group .nbtns button.direct_btn { width:49%; margin-top: 10px; border: 1px solid #ccc;} #inform .confirm_group .nbtns button.direct_btn._nobrds { width:49%; margin-top: 10px; border-width: 0px; } #inform .confirm_group .nbtns button.direct_btn._notop { margin-top:0px; } #inform .confirm_group .nbtns button .bubble { animation:up-down-renew 1s infinite ease-in-out alternate; display: flex; align-items: center; justify-content: center; position: absolute; right: 16px; top: -17px; height: 30px; padding: 0 13px; font-size: 13px; font-weight: 500; color: #656565; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16); border-radius: 15px;} #inform .confirm_group .nbtns button .bubble::after { content: ''; overflow: hidden; display: block; position: absolute; left: 50%; bottom: -12px; z-index: 0; width: 12px; height: 12px; margin-left: -6px; background: url(/subscribe/images/renew/ico_bubble_bottom.png) no-repeat; background-size: 12px 12px;} #inform .confirm_group .nbtns button.btn_naver { background-color:#03c75a; } #inform .confirm_group .nbtns button.btn_naver i { display:block; width:24px; height:24px; margin-right:8px; background:url(/subscribe/images/renew/ico_naver.svg) no-repeat; } #inform .confirm_group .nbtns button.btn_naver span { color:#fff; } #inform .confirm_group .nbtns button.btn_naver span.bubble { color:#656565; } #inform .confirm_group .nbtns_vertical .nbtns_box + .nbtns_box { margin-top:10px; } #inform .confirm_group .nbtns_vertical button.direct_btn { width:100%; margin-top:0; } #inform .confirm_group .nbtns_vertical button.direct_btn._nobrds { width:100%; margin-top:0; } @keyframes up-down-renew { from { transform: translateY();} to { transform: translateY(-5px);} } #inform .prdct_banner { margin: 20px 0 0;} #inform .prdct_banner #productMiddle_cnsCall { display: block;} /* #inform .prdct_banner .time_wrap .time_show { font-size: 14px; color: #656565; letter-spacing: 0;} */ #inform .prdct_banner .time_wrap .time_show { font-size:14px; color: #656565; letter-spacing: 0;} #inform .newincall_banner .time_wrap { display:flex; flex-flow:column nowrap; justify-content:center; left:25.5%; top:0; bottom:0; margin-top:6.8%; text-align:left;} #inform .prdct_banner .daylight h3 { font-size: 18px; font-weight: 700; color: #333;} #inform .prdct_banner .daylight h3 span { font-family: 'Roboto'; font-size: 20px; font-weight: 700; color: #de4738;} #inform .prdct_banner .daylight .time_show { display: block; margin-top: 4px; font-size: 14px; font-weight: 400; color: #656565; letter-spacing: -0.4px;} #inform .newincall_banner .time_wrap .time_show .newincall_ico:before { display: none;} #inform .prdct_banner .night i { display: block; width: 56px; height: 56px; background: url(/subscribe/images/renew/ico_qa_2.png) no-repeat; background-size: 56px 56px;} #inform .prdct_banner .night h3 { margin-left: 18px; font-weight: 700; font-size: 18px; font-weight: 700; color: #333;} #inform .prdct_banner .night h3 span { font-family: 'Roboto'; color: #7979ff;} .newincall_banner .chat_wrap { position:absolute; left:25.5%; top:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; width:100%; height:100%; z-index:10; } @media screen and (max-width:360px){ .newincall_banner .chat_wrap p { font-size:106.25%; } } @media screen and (min-width:361px) and (max-width:390px){ .newincall_banner .chat_wrap p { font-size:112.5%; } } @media screen and (min-width:391px) and (max-width:412px){ .newincall_banner .chat_wrap p { font-size:118.75%; } } @media screen and (min-width:413px) and (max-width:430px){ .newincall_banner .chat_wrap p { font-size:125%; } } .newincall_banner .chat_wrap p span { color:#333; font-weight:700; } .newincall_banner .chat_wrap p em { color:#0074ff; font-weight:700; } .newincall_banner .chat_wrap .chat_arrow { position:relative; font-size:14px; color:#333; font-weight:400; } .newincall_banner .chat_wrap .chat_arrow:before { position:absolute; right:-9px; top:45%; width:5px; height:5px; border:1px solid #000; border-left:0; border-bottom:0; transform:translateY(-50%) rotate(45deg); content:""; } .newincall_banner .chat_wrap .time_show { position:relative; font-size:14px; color:#333; font-weight:400; } #inform .tab_group { margin-top: 16px;} #inform .tabpanel { padding: 40px 18px 0;} #inform .tab-content.tabpanel { padding:0; } #inform .tabpanel h3 { display: none;} /* wa : 읽지 않도록 수정 */ #inform .tabpanel .add_banner { margin:-40px -18px 40px; } #inform .tabpanel .add_banner.on { display:block; } #inform .tabpanel .info_toggle { display: none;} #inform .tabpanel .info_toggle_btn { display: flex;} #inform .trust_design { margin: 60px -18px 0; padding: 24px 18px; background-color: #f5f5f5;} #inform .trust_design .identity_box { padding: 24px 20px 24px; background-color: #fff; border-radius: 8px;} #inform .trust_design h4 { font-weight: 500; line-height: 22px;} #inform .identity_group { display: flex; margin-top: 24px;} #inform .identity_group >div { flex: 1; text-align: center;} #inform .identity_group .identity_logo { padding-right: 16px;} /* S: 25.01.07 == 접근성 작업 수정 */ #inform .identity_group .identity_logo img { display: inline-block; width: 74px; height: 37px; margin-top: 3px; } /* E: 25.01.07 == 접근성 작업 수정 */ #inform .identity_group .identity_icon { position: relative; padding-left: 16px;} #inform .identity_group .identity_icon::after { content: ''; position: absolute; left: -1px; top: 50%; width: 1px; height: 80px; margin-top: -40px; background-color: #eee;} /* S: 25.01.07 == 접근성 작업 수정 */ #inform .identity_group .identity_icon img { display: inline-block; width: 112px; height: 40.78px;} /* E: 25.01.07 == 접근성 작업 수정 */ #inform .identity_group .identity_icon p { margin-top: 11px;} #inform .identity_group .identity_icon p small { display: block; font-size: 8px; line-height: 9px;} #inform .identity_group p { margin-top: 18px; font-size: 12px; line-height: 16px;} #inform .nbtn { margin-top: 24px;} #inform .nbtn .info_toggle_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; font-weight: 500; color: #333; border: 1px solid #333; border-radius: 6px;} #inform .nbtn .info_toggle_btn i { display: block; width: 16px; height: 16px; margin-left: 4px; background: url(/subscribe/images/renew/ico_arrow_left.svg) no-repeat; transform: rotate(90deg);} #inform .nbtn .info_toggle_btn.active i { transform: rotate(-90deg);} #inform .preconfirm { margin-top: 36px; padding: 0 18px;} #inform .preconfirm h3 { display:block; } #inform .preconfirm #tm { margin-top: 7px;} #inform .preconfirm ul li a, #inform .preconfirm ul li button { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 68px; padding-left: 8px; color: #000; border-bottom: 1px solid #e3e3e3;} #inform .preconfirm ul li span { font-size: 16px; font-weight: 500; color: #111;} #inform .preconfirm ul li i { display: block; width: 16px; height: 16px; background: url(/subscribe/images/renew/ico_arrow_left.svg) no-repeat;} #inform .recommend { overflow: hidden; margin-top: 48px;} #inform .recommend h3 { display:block; padding: 0 18px; } #inform .recommend .recommend_swiper { overflow: hidden; position: relative; margin-top: 17px; padding: 0 18px 21px;} #inform .recommend .swiper-slide { width: 304px !important;} #inform .recommend .swiper-slide a { display: block;} #inform .recommend .swiper_btn {top:39%; border:2px solid #666; border-radius:50%; width:32px; height:32px;} #inform .recommend .swiper-button-prev {background: url(/subscribe/images/renew/ico_arrow_prev_gray.png) rgb(265,265,265,0.7) no-repeat center; background-size: 16px;} #inform .recommend .swiper-button-next {background: url(/subscribe/images/renew/ico_arrow_next_gray.png) rgb(265,265,265,0.7) no-repeat center; background-size: 16px;} #inform .recommend .swiper-button-next.swiper-button-disabled, #inform .recommend .swiper-button-prev.swiper-button-disabled {opacity: .45;} #inform .recommend .swiper-notification {display: none;} .cont_div_head { margin-top:20px; } .cont_div_head .tit { font-size:20px; color:#111; font-weight:700; line-height:1.3; } .cont_div_head .tit > em { color:#6e61de; font-weight:inherit; } .cont_div_head .txt1 { font-size:24px; color:#111; font-weight:700; line-height:1.25; } .cont_div_head .txt2 { margin-top:8px; font-size:24px; color:#7b71e3; font-weight:700; line-height:1.25; } .cont_div_head .txt3 { position:relative; margin-top:4px; padding-left:22px; font-size:14px; color:#333; line-height:1.42; } .cont_div_head .txt3:before { position:absolute; left:0; width:16px; height:16px; background:url("/petpermint/images/content/product/ico_consult.svg") no-repeat center center; background-size:contain; content:""; } .cont_div_new .cont_list { margin-top:48px; } .cont_div_new .cont_list .tit { position:relative; padding-left:17px; font-size:20px; color:#111; font-weight:700; line-height:1.4; } .cont_div_new .cont_list .tit em { position:absolute; left:0; color:inherit; font-weight:inherit; } .cont_div_new .cont_list .tit span { color:#7b71e3; font-weight:inherit; } .cont_div_new .cont_list .tit .ico_tip { display:inline-block; margin-left:-18px; margin-right:8px; padding:4px 14px; font-size:16px; color:#fff; font-weight:inherit; vertical-align:bottom; background:#7b71e3; border-radius:20px; } .cont_div_new .cont_list .tit.ico_zoom { padding-left:33px; font-size:16px; } .cont_div_new .cont_list .tit.ico_zoom:before { position:absolute; left:0; display:inline-block; width:24px; height:24px; vertical-align:top; background:url("/petpermint/images/content/product/ico_zoom.svg") no-repeat center center; background-size:contain; content:""; } .cont_div_new .cont_list .tit.tit_clear { padding-left:0; } .cont_div_new .cont_list .tit.tit_clear em { position:relative; left:initial; } .cont_div_new .cont_list .txt_s { font-size:13px; color:#656565; } .cont_div_new .cont_list .img_area { margin:32px 0; } .cont_div_new .list_dot li { position:relative; padding-left:8px; font-size:14px; color:#333; } .cont_div_new .list_dot li:before { position:absolute; left:0; top:7px; width:2px; height:2px; background:#333; border-radius:50%; content:""; } .cont_div_new .list_dot li ~ li { margin-top:10px !important; } .cont_div_new .list_dot li.mt30 { margin-top:30px !important; } .cont_div_new .list_dot li > .tit { margin:0; padding:0; font-size:16px; } .cont_div_new .list_dot li > .txt_insert { font-size:15px; color:#656565; } .cont_div_new .list_dot li > .txt_s { font-size:12px; color:#656565; } .cont_div_new .list_dot li > .alg_r { text-align:right; } .cont_div_new .list_dot li > .tit + .txt_insert { margin-top:2px; } .cont_div_new .list_dot.dot_clear li { padding-left:0; } .cont_div_new .list_dot.dot_clear li:before { display:none; } .cont_div_new .list_dot .tb { position:relative; width:100%; margin-top:14px; } .cont_div_new .list_dot .tb th { padding:10px 0; font-size:14px !important; font-weight:700; color:#333; text-align:center; background-color:#e5e8f8; } .cont_div_new .list_dot .tb th:first-child { border-top-left-radius:8px; } .cont_div_new .list_dot .tb th:last-child { border-top-right-radius:8px; background-color:#e9e5f8; } .cont_div_new .list_dot .tb td { padding:10px 0; font-size:14px !important; color: #333; text-align:center; border-bottom:1px solid #ddd; } .cont_div_new .list_dot .tb tbody tr td:last-child { border-left:1px solid #ddd; } .cont_div_new .list_dot .tb + .txt_s { margin-top:10px; } .cont_div_new .list_dot_s { margin-top:5px; } .cont_div_new .list_dot_s li { position:relative; padding-left:8px; color:#333; } .cont_div_new .list_dot_s li:before { position:absolute; left:0; top:10px; width:4px; height:1px; background:#333; content:""; } .cont_div_new .list_dot_s li ~ li { margin-top:5px !important; } .cont_div_new .list_dot + .careful { position:relative; margin-top:24px; padding-left:12px; font-size:14px; } .cont_div_new .list_dot + .careful:before { position:absolute; left:0; top:-1px; content:"※"; } .cont_div_new .flex_box { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; gap:20px; margin-top:32px; } .cont_div_new .flex_box .img_area { flex:0; flex-basis:96px; margin:0 !important; padding:0; } .cont_div_new .flex_box .list_dot { flex:1; } .cont_div_new .flex_box .list_dot a { color:#7b71e3; text-decoration:underline; } .cont_div_new .flex_box + .flex_box { margin-top:20px; padding-top:20px; border-top:1px dashed #eee; } .incall_body { overflow: hidden; position: relative; margin: 20px 0 0; padding-bottom:0 !important; } .incall_body a { display: none !important; position: relative; height:76px; } .incall_body a .chat_wrap + img { position:absolute; left:0; top:50%; transform:translateY(-50%); } .incall_body a:first-child { display: block !important; } .incall_body .incall_group { position: relative; height:76px; } .incall_body.active a { display: block !important; overflow:hidden; } /* wa : 버튼 추가 */ .bf { display: flex; align-items: center; justify-content: center; margin-top: 8px;} .bf .pos_rel_btn { display: block; width: 16px; height: 16px; margin-left: 5px;} /* S: 25.01.07 == 접근성 작업 수정 */ .bf .pos_rel_btn em { display: block; width: 16px; height: 16px; background: url(/subscribe/images/renew/ico_pause1.svg) no-repeat; background-size: 16px;} .bf .pos_rel_btn.on em { background: url(/subscribe/images/renew/ico_play1.svg) no-repeat; background-size: 16px;} /* E: 25.01.07 == 접근성 작업 수정 */ /* .incall_group .incall_swiper { overflow: hidden; height: 80px;} .incall_group .incall_swiper .swiper-slide a { display: block; position: relative; width: 100%;} .incall_group .incall_swiper .swiper-slide a img { height: 80px;} */ /* .incall_group a img { height: 75px;} .incall_group a#productMiddle_cht { background-color: ;} #inform .newincall_banner.incall_group .time_wrap { left: 90px;} */ .bf .btnFelx2 { display: flex;} /* S: 25.01.07 == 접근성 작업 수정 */ .bf .btnFelx2 button { width: 8px; height: 8px; margin: 0 3px; background-color: #777; border-radius: 50%;} .bf .btnFelx2 button.active { width: 24px; height: 8px; border-radius: 9px; background-color: #e11218;} /* E: 25.01.07 == 접근성 작업 수정 */ #inform .inform_img { margin-top: 24px; text-align: center;} #inform .inform_img img { width: initial;} #inform .inform_img.max280 img { width: 280px; height: auto; margin: 0 auto;} #inform .inform_img.full img { width: 100%; height: auto;} /* 상품 랜딩 페이지 *****************************************/ /* 공통 - 본문 */ #renew .renewranding { overflow-x: hidden; padding-top: 64px;} #renew .renewranding._top { overflow-x: hidden; padding-top: 0px; } .renewranding #inform { padding-top: 0;} .renewranding .tm_lndE01_tab .tabs { background-color: #fff;} .renewranding .tm_lndA, .renewranding .tm_lndB { padding: 0;} #renew .tm_lndE_tab .tabs { background-color: #fff;} #renew .tm_lndE_tab .tabs li { background-color: #f4f4f7;} #renew .tm_lndE_tab .tabs li.current { background-color: #fff;} #renew .tm_ins_CTA_E .E_incall_banner .time_wrap { left:25%; top:52%; font-family: initial; text-align: center;} #renew .tm_ins_CTA_E .E_incall_banner .time_wrap span { font-family: Helvetica, sans-serif; font-size: 3.5vw; font-weight: 400; color: #666; letter-spacing: -1px;} #renew .tm_ins_CTA_E .E_incall_banner .time_wrap .time_show .line_show:after { background-color: #d7def4 !important;} #renew .tm_ins_CTA_E .E_incall_banner .time_wrap .time_show>:nth-child(2):after { display: none; background-color: #777;} .cta_fixed .veri { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; height:60px; } .cta_fixed .veri:before { display:none; } .cta_fixed .veri .kkobtn { position:relative; flex:1 0 auto; width:auto; height:100%; font-size:16px; color:#fff; font-weight:600; background-color:#039fc6; } .cta_fixed .veri .kkobtn:before { position:absolute; right:0; top:20%; bottom:20%; width:1px; background-color:#fff; opacity:.2; content:""; } .cta_fixed .veri .kkobtn_up { text-align:center; background-color:#039fc6; } /* .cta_fixed .veri .kkobtn_up em {width:125px;height:16px;background:url(/subscribe/images/product/btn/veri_btn_label.png) no-repeat center center;background-size:contain;} */ .cta_fixed .veri.naver .kkobtn_up { display: flex; align-items: center; justify-content: center; background-color: #03c75a;} .cta_fixed .veri.naver .kkobtn_up .icon { display: block; width: 19.8px; height: 18px; margin: -2px 6px 0 0; background:url(/subscribe/images/product/ico_veri_naver.png) no-repeat; background-size:contain;} .cta_fixed .veri.naver .kkobtn_up span { display: block; font-size: 16px; font-weight: 700; color: #fff;} .cta_fixed .veri.naver .kkobtn_up .typeB { display: none;} .cta_fixed .veri.naver .kkobtn_up.bubble01 .typeA { display: none;} .cta_fixed .veri.naver .kkobtn_up.bubble01 .typeB { display: block;} .kakao_area .btn_area { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; gap:10px; height:54px; margin:20px 15px 0; } .kakao_area .btn_box { flex:1; height:100%; } .kakao_area .btn_box a { display:flex; height:100%; justify-content:center; align-items:center; margin:0; font-size:16px; color:#000; font-weight:600; background:#cacaca; border-radius:6px; } /* .kakao_area .btn_box:nth-child(1) a { background:#cacaca; } .kakao_area .btn_box:nth-child(2) a { background:#039fc6; } */ #inform .btn_list { margin-bottom: 30px; padding: 0 15px;} #inform .btn_list ul { display: flex; flex-wrap: wrap; gap: 10px;} #inform .btn_list ul li { width: calc(50% - 5px);} #inform .btn_list ul li button { display: flex; align-items: center; justify-content: center; height: 36px; width: 100%; font-family: initial; font-size: 14px; font-weight: 700; color: #666; letter-spacing: -1px; border: 1px solid #ccc;} .cta_fixed_renew ul li:nth-child(1) { flex: 1 !important;} .cta_fixed_renew ul li:nth-child(1) a::before { display: none !important;} .cta_fixed_renew ul li:nth-child(2) { flex: 1 !important;} .cta_fixed_renew ul li:nth-child(3) { flex: 2 !important;} .cta_fixed_renew ul li { position: relative; background-color: #039fc6 !important;} .cta_fixed_renew ul li::after { content: ''; display: block; position: absolute; left: 0; width: 1px; height: 60%; background-color: #fff; opacity: 0.2;} .cta_fixed_renew ul li:first::after { display: none;} .cta_fixed_renew ul li a { font-family: initial; color: #fff !important;} /* 내게 맞는 보험찾기 *****************************************/ /* 초기화 */ #wrap_mobile_pn { background: none;} #wrap_mobile_pn #container { all: unset;} /* 공통 */ #insearch { padding-top: 64px; line-height: 1; box-sizing: border-box;} #insearch .step { display: flex; gap: 4px;} #insearch .step >div { flex: 1; height: 2px; background-color: #ffe6e0;} #insearch .step >div.step1 { border-radius: 0 1px 1px 0;} #insearch .step >div.step2 { border-radius: 1px;} #insearch .step >div.step3 { border-radius: 1px 0 0 1px;} #insearch .step >div.active { background-color: #de4738;} #insearch .body { position: relative; padding: 32px 18px 48px;} #insearch .body .error_meseege { position: absolute; bottom: 62px; z-index: -1; width: 100%; opacity: 0; transition: opacity .4s;} #insearch .body .error_meseege p { display: flex; align-items: center; justify-content: center; height: 38px; font-size: 14px; font-weight: 500; color: #fff; background-color: rgba(17, 17, 17, 0.5); border-radius: 19px;} #insearch .body .error_meseege.active { z-index: 1; margin-top: 15px; opacity: 1; animation: fadeOut 1s 2s forwards;} @keyframes fadeOut{ 50% { opacity: 1;} 100% { opacity: 0;} } #insearch .header { text-align: center;} #insearch .header .titleh3 { font-size: 22px; font-weight: 700;} #insearch .header .subtext { display: flex; align-items: center; justify-content: center; position: relative; height: 34px; margin-top: 18px; padding: 0 20px; font-size: 14px; color: #f35c5c; background-color: #ffefeb; border-radius: 17px;} #insearch .header .subtext::after { content: ''; position: absolute; left: 50%; top: -9px; z-index: 1; width: 0; height: 0; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #ffefeb;} #insearch .titleh4 { font-size: 16px; font-weight: 700; text-align: center;} #insearch .titleh4_sub { margin-top: 24px; font-size: 14px; color: #888; text-align: right;} #insearch .input_radio { position: relative; height: 100%; padding: 0;} #insearch .radio_list * { box-sizing: border-box;} #insearch .radio_list label { display: block; padding: 9px 0 12px; text-align: center; border: 1px solid #ccc; border-radius: 8px; transition: border-color, box-shadow .3s; cursor: pointer;} #insearch .radio_list label::before { all: unset;} #insearch .radio_list input { all: unset; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: #de4738 url(/subscribe/images/renew/ico_white_check.svg) no-repeat center; border-radius: 50%; transition: opacity .3s; opacity: 0; appearance: none;} #insearch .radio_list input:checked { opacity: 1;} #insearch .radio_list input:checked + label { border-color: #de4738; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);} #insearch .radio_list { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 0;} #insearch .radio_list li { width: calc(50% - 7px); margin-top: 0;} #insearch .radio_list em { all: unset; display: block; margin-top: 4px; font-size: 14px; font-weight: 400 !important; color: #333;} #insearch .radio_list .ico { display: inline-block; height: 60px;} #insearch .radio_list .ico.ico23 { width: 60px; background: url(/subscribe/images/renew/ico_23.svg) no-repeat;} #insearch .radio_list .ico.ico04 { width: 60px; background: url(/subscribe/images/renew/ico_04.svg) no-repeat center;} #insearch .radio_list .ico.ico24 { width: 96px; background: url(/subscribe/images/renew/ico_24.svg) no-repeat;} #insearch .radio_list .ico.ico25 { width: 96px; background: url(/subscribe/images/renew/ico_25.svg) no-repeat;} #insearch .radio_list .ico.ico13 { width: 60px; background: url(/subscribe/images/renew/ico_13.svg) no-repeat;} #insearch .radio_list .ico.ico14 { width: 60px; background: url(/subscribe/images/renew/ico_14.svg) no-repeat;} #insearch .radio_list .ico.ico02 { width: 60px; background: url(/subscribe/images/renew/ico_02.svg) no-repeat center;} #insearch .radio_list .ico.ico15 { width: 60px; background: url(/subscribe/images/renew/ico_15.svg) no-repeat;} #insearch .radio_list .ico.ico16 { width: 60px; background: url(/subscribe/images/renew/ico_16.svg) no-repeat;} #insearch .radio_list .ico.ico17 { width: 60px; background: url(/subscribe/images/renew/ico_17.svg) no-repeat;} #insearch .radio_list .ico.ico18 { width: 60px; background: url(/subscribe/images/renew/ico_18.svg) no-repeat;} #insearch .radio_list .ico.ico19 { width: 60px; background: url(/subscribe/images/renew/ico_19.svg) no-repeat;} #insearch .radio_list .ico.ico03 { width: 60px; background: url(/subscribe/images/renew/ico_03.svg) no-repeat center;} #insearch .radio_list .ico.ico20 { width: 60px; background: url(/subscribe/images/renew/ico_20.svg) no-repeat;} #insearch .radio_list .ico.ico21 { width: 60px; background: url(/subscribe/images/renew/ico_21.svg) no-repeat;} #insearch .radio_list .ico.ico22 { width: 60px; background: url(/subscribe/images/renew/ico_22.svg) no-repeat;} #insearch .radio_list .ico.ico26 { width: 64px; height: 64px; background: url(/subscribe/images/renew/ico_26.svg) no-repeat;} #insearch .radio_list .ico.ico27 { width: 64px; height: 64px; background: url(/subscribe/images/renew/ico_27.svg) no-repeat;} #insearch .radio_list .titleh5 { margin-top: 4px; font-size: 16px; font-weight: 700; color: #111;} #insearch .radio_list .titleh5_sub { margin-top: 16px; font-size: 14px; color: #656565; text-align: left; line-height: 19px;} #insearch .form_group .l_area { margin-top: 40px;} #insearch .chk_list { display: flex; align-items: center; height: 52px;} #insearch .chk_list .input_radio { display: flex; align-items: center;} #insearch .chk_list .info_tit { width: 72px; padding-left: 12px; color: #555;} #insearch .chk_list .info_box { display: flex; align-items: center; flex: 1; padding-right: 24px;} #insearch .chk_list .info_box label { margin-left: 8px; padding: 0;} #insearch .chk_list .info_box label::before { all: unset;} #insearch .chk_list .info_box label em { all: unset; font-size: 16px; color: #555;} #insearch .chk_list .info_box.space1 >div ~ div { margin-left: 18px;} #insearch .chk_list .info_box.space2 >div ~ div { margin-left: 24px;} #insearch .chk_list input[type=text] { width: 100%; height: 52px; padding: 0 8px; font-size: 16px; color: #111; border: none; border-bottom: 1px solid #bbb; outline: none;} #insearch .chk_list .bx_valid { margin: 0;} #insearch .chk_list .age_text { display: none; position: absolute; top: 18px; font-size: 16px;font-weight: 500; color: #999;} #insearch .chk_list .age_text.active { display: block;} #insearch .setp2form { margin-top: 8px;} #insearch .setp2form .radio_list { gap: 12px;} #insearch .setp2form .radio_list li { width: calc(100% / 3 - 8px);} #insearch .setp2form .radio_list em { margin-top: 0;} #insearch .setp2form .radio_list label { height: 0; padding: 0 0 98%;} #insearch .setp2form .radio_list label .content_body { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -54%);} #insearch .setp3form .radio_list label { height: 100%; padding: 16px 17px;} #insearch .poll { position: relative;} #insearch .btn_group { display: flex; justify-content: center; margin-top: 40px;} #insearch .btn_group .btn { display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 28px 0 26px; background-color: #de4738; border-radius: 26px;} #insearch .btn_group .btn span { font-size: 16px; font-weight: 700; color: #fff;} #insearch .btn_group .btn.next i { display: block; width: 16px; height: 16px; margin-left: 10px; background: url(/subscribe/images/renew/ico_whitearrow_right.svg) no-repeat;} #insearch .btn_groupother { margin-top: 56px;} #insearch .btn_groupother .btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; background-color: #fee500; border-radius: 6px;} #insearch .btn_groupother .btn i { width: 24px; height: 24px; background: url(/subscribe/images/renew/ico_kakao.svg) no-repeat;} #insearch .btn_groupother .btn span { margin-left: 9px; font-size: 16px; font-weight: 500; color: #111;} /* 내 보험 진단하기 *****************************************/ body.statisticalLock { position: fixed !important; overflow: hidden !important; width: 100% !important;} #gurtanly.renew #gurt20_intro .content .product_wrap { max-height: initial;} #gurtanly.renew.pbStyle { padding-bottom: 220px !important;} #wrap_mobile_product #container #gurtanly.renew .content .product_wrap { height: initial !important; padding: 0;} #gurtanly.renew .body_img { position: relative; text-align: center;} #gurtanly.renew .body_img img { width: 100%;} #gurtanly.renew .body_img .gurt_accrue { position:absolute; left:50%; top:26.5%; /* width:auto; */ padding:10px 0; white-space:nowrap; transform:translateX(-50%); } #gurtanly.renew .body_img .gurt_accrue .ga_up { display:block; margin-top:0; font-family:'Pretendard', Helvetica,sans-serif !important; font-size:15px; color:#000; text-align:center; letter-spacing:-0.01em; } @media screen and (max-width:320px){ #gurtanly.renew .body_img .gurt_accrue { top:24%; } #gurtanly.renew .body_img .gurt_accrue .ga_up { font-size:12px; } } #gurtanly.renew .body_img .gurt_accrue .ga_up strong { font-weight: 400; color: #e01f27;} #gurtanly.renew .body_img .gurt_accrue .ga_sub { display:block; font-size:12px; color:rgba(0, 0, 0, 0.3); text-align: right;} #gurtanly.renew .incall_btn { bottom: 90px; width: inherit; min-width: inherit; padding: 0 18px;} #gurtanly.renew .incall_btn .incall_banner { width: inherit; max-width: 324px; min-width: inherit;} #gurtanly.renew .incall_btn .incall_banner .incall_img { text-align: center;} #gurtanly.renew .incall_btn .incall_banner .incall_img img { width: 100%; max-width: 324px; height: auto;} #gurtanly.renew .incall_btn .incall_close { display: block; top: 0; right: 0; padding: 9px 8px;} #gurtanly.renew .incall_btn .incall_close > img { width: 16px; height: 16px;} #gurtanly.renew .product_layer_tab { padding: 18px 18px 20px; background-color: #fff;} #gurtanly.renew .product_layer_tab ul li { width: inherit; margin: 0 auto;} #gurtanly.renew .product_layer_tab.basic li .f_btn { display: flex; align-items: center; justify-content: center; height: 52px; text-align: center; background-color: #de4738; border-radius: 6px;} #gurtanly.renew .product_layer_tab.basic li .f_btn span { padding: 0; font-family: 'Pretendard', Helvetica,sans-serif; font-size: 16px; font-weight: 700; color: #fff; line-height: 1;} #gurtanly.renew .product_layer_tab.basic li .f_btn span:after { display: none;} #gurtanlyR.gurt21_renew * { font-family: 'Pretendard', Helvetica,sans-serif !important;} #gurtanlyR.gurt21_renew .gurtAnly { padding: 0 18px;} #gurtanlyR.gurt21_renew .step_wrap { padding: 25px 18px 50px} #gurtanlyR.gurt21_renew .step_info_box { display: flex; gap: 4px; margin: 0 -18px;} #gurtanlyR.gurt21_renew .step { flex: 1; height: 2px; margin-left: 0; background-color: #ffe6e0;} #gurtanlyR.gurt21_renew .step.on { background-color: #de4738;} #gurtanlyR.gurt21_renew .step:first-child { border-radius: 0 1px 1px 0;} #gurtanlyR.gurt21_renew .step:last-child { border-radius: 1px 0 0 1px;} #gurtanlyR.gurt21_renew .step + .step::before { display: none;} #gurtanlyR.gurt21_renew .gurt_page_tit { margin-top: 32px; font-size: 18px; font-weight: 500; line-height: 24px;} #gurtanlyR.gurt21_renew .dlpo_box { margin:0 -18px; } #gurtanlyR.gurt21_renew .dlpo_box + .gurt_page_tit { margin-top:10px; } #gurtanlyR.gurt21_renew .agree_sub_header { margin-top: 16px; font-size: 12px; color: rgba(0,0,0,0.5); line-height: 16px;} #gurtanlyR.gurt21_renew .btn_total_agree { display: flex; align-items: center; height: 48px; margin-top: 23px; padding: 0 0 0 14px; line-height: inherit; border-color: #de4738; border-radius: 6px;} #gurtanlyR.gurt21_renew .btn_total_agree.chk_agree_txt .txt::after { content: '전체 동의'; top: 50%; margin-top: -8px; font-family: 'Pretendard', Helvetica,sans-serif; font-size: 16px; font-weight: 700; line-height: 1;} #gurtanlyR.gurt21_renew .total_agree_sub_info { margin-top: 6px; padding: 0; font-size: 12px; font-weight: 500; color: #767676;} #gurtanlyR.gurt21_renew .total_agree_sub_info .wyl241209 li { position:relative; font-size: 12px; font-weight: 500; color: #767676; padding-left:0.7rem; box-sizing:border-box;} #gurtanlyR.gurt21_renew .total_agree_sub_info .wyl241209 li._on { display:block; } #gurtanlyR.gurt21_renew .total_agree_sub_info .wyl241209 li._off { display:none; } #gurtanlyR.gurt21_renew .total_agree_sub_info .wyl241209 li:before { content:"*"; position:absolute; left:0; top:0; font-size: 13px; font-weight: 500; color: #767676;} #gurtanlyR.gurt21_renew .total_agree .content_scroll { height: calc(100vh - 450px); margin-top: 6px} #gurtanlyR.gurt21_renew .total_agree .my_certification_wrap.agree_total { height: 67px; margin: 20px 0 0 0;} #gurtanlyR.gurt21_renew .my_certification { margin: 0;} #gurtanlyR.gurt21_renew .total_agree .my_certification_wrap.agree_total .my_certification._type_a a { height: 70px !important; } #gurtanlyR.gurt21_renew .total_agree .my_certification_wrap.agree_total .my_certification a { padding: 0 0 15px; font-size: 14px; font-weight: 500; color: #aaa; line-height: 16.71px;} #gurtanlyR.gurt21_renew .total_agree .my_certification_wrap.agree_total .my_certification a span { color:#999; font-size:12px; font-weight:400; margin-bottom:4px; } #gurtanlyR.gurt21_renew .total_agree .my_certification_wrap.agree_total .my_certification a.on { font-weight: 700; color: #111; border-color: #111;} #gurtanlyR.gurt21_renew .total_agree .terms_cont_wrp.agree_total_cont .total_agree_sub_title { margin-bottom: 0; line-height: 20px;} #gurtanlyR.gurt21_renew .chk_agree_txt .ico_gurt_check { width: 24px; height: 24px; margin: 0; background: url(/default/images/common/ico_gurt_check02.svg) no-repeat; background-size: inherit;} #gurtanlyR.gurt21_renew .btn_total_agree.chk_agree_txt.on .ico_gurt_check { background: url(/default/images/common/ico_gurt_check_on02.svg) no-repeat;} #gurtanlyR.gurt21_renew .total_agree_grade_box { margin-top: 16px;} #gurtanlyR.gurt21_renew .agree_total_cont .total_agree_grade_title { padding: 0; color: #767676;} #gurtanlyR.gurt21_renew .gurtAnly .txtarea { background-color: #f5f5f5;} #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box.noblet ul li:before { display: none !important;} #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box .total_agree_txt1 { font-weight: 700;} #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box .total_agree_txt2, #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box .total_agree_txt2 .style1 { font-weight: 700;} #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box .total_agree_txt2 .style2 { font-weight: 700;} #gurtanlyR.gurt21_renew .agree_total_cont .gurt_agree_box .total_agree_txt2.mgt { margin-top: 13px;} #gurtanlyR.gurt21_renew .agree_total_cont .total_agree_txt3 { color: #656565; line-height: 20px;} #gurtanlyR.gurt21_renew .chk_new_space.total_agree { margin: 8px 0 0 0;} #gurtanlyR.gurt21_renew .chk_new_space.ty02 .input_radio label { color: #656565;} #gurtanlyR.gurt21_renew .input_radio input[type=radio]+label:before { margin-right: 5px;} #gurtanlyR.gurt21_renew .chk_new_space .input_radio label { padding-right: 32px !important;} #gurtanlyR.gurt21_renew .agree_total_cont .total_agree_plus { padding: 0 5px;} #gurtanlyR.gurt21_renew .agree_total_cont .total_agree_plus .total_agree_txt1 dt { color: #333;} #gurtanlyR.gurt21_renew .agree_total_cont .total_agree_txt4 { margin-top: 13px;} #gurtanlyR.gurt21_renew .btn_agree_set { padding: 0 18px 20px;} #gurtanlyR.gurt21_renew .total_agree .btn_agree_set { height: inherit; background-color: #fff;} #gurtanlyR.gurt21_renew .total_agree .btn_agree_set a { height: 52px; background-color: #ccc; border-radius: 6px;} #gurtanlyR.gurt21_renew .total_agree .btn_agree_set a::after { background-color: #de4738; border-radius: 6px;} #gurtanlyR.gurt21_renew .total_agree .btn_agree_set a span { font-size: 16px; font-weight: 700;} #gurtanlyR.gurt21_renew .total_agree_grade .total_agree_grade_txt { margin-top: -3px; vertical-align: middle;} #gurtanlyR.gurt21_renew .rebx label { font-size: 14px; font-weight: 500; color: #333;} #gurtanlyR.gurt21_renew .rebx .group input { height: 41px; line-height: inherit; border-color: #bbb;} #gurtanlyR.gurt21_renew .rebx .group input.ng-valid { border-color: #333;} #gurtanlyR.gurt21_renew .rebx .group .phone_area { height: initial; padding-bottom: 1px; border-color: #bbb;} #gurtanlyR.gurt21_renew .rebx .group .phone_area.bbLine { border-color: #333;} #gurtanlyR.gurt21_renew .rebx .group .phone_area .txt { width: 24px; margin-top: -1px; padding-left: 0; font-size: 14px; color: #000 !important; -webkit-text-fill-color: #000; opacity: 1;} #gurtanlyR.gurt21_renew .rebx .group .phone_area .txt:disabled { color: #000 !important; -webkit-text-fill-color: #000; opacity: 1;} #gurtanlyR.gurt21_renew .rebx .group .phone_area #ra02 { margin-top: -1px;} #gurtanlyR.gurt21_renew .rebx .group.focus .phone_area { border-color: #333;} #gurtanlyR.gurt21_renew .rebx .btn_all { display: flex; align-items: center; justify-content: center; height: 40px; border: 1px solid #ccc; background-color: #fff; border-radius: 4px;} #gurtanlyR.gurt21_renew .rebx .btn_all span { font-size: 14px; font-weight: 500; color: #ccc;} #gurtanlyR.gurt21_renew .rebx .btn_all.on { border-color: #111;} #gurtanlyR.gurt21_renew .rebx .btn_all.on span { color: #111;} #gurtanlyR.gurt21_renew .bx_valid.phone_selecter.ver3 .selectbx::after { top: 50%; width: 12px; height: 7px; margin-top: -3.5px; background: url("/default/images/common/gurt_arrow_down.svg")no-repeat;} #gurtanlyR.gurt21_renew .re_bsf { height: inherit; padding: 18px 18px 40px;} #gurtanlyR.gurt21_renew .re_bsf a { display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 6px; transition: background-color .4s cubic-bezier(1,.03,.46,.98);} #gurtanlyR.gurt21_renew .re_bsf a::after { background-color: #de4738; border-radius: 6px;} #gurtanlyR.gurt21_renew .re_bsf a span { position: relative; z-index: 2; width: initial; padding: 0; font-size: 16px; font-weight: 700; color: #fff;} #gurtanlyR.gurt21_renew .re_bsf a i { position: relative; z-index: 2; width: 20px; height: 20px; background: url("/default/images/common/gurt_arrow_right.svg") no-repeat;} #gurtanlyR.gurt21_renew .re_bsf a::after {position:absolute;top:0;left:0;/* background:#0096af; */z-index:1;width:0;height:100%;opacity:0;content:"";transition:width .4s cubic-bezier(1,.03,.46,.98),opacity .4s cubic-bezier(1,.03,.46,.98);} #gurtanlyR.gurt21_renew .re_bsf a.passing::after{width:100%; opacity:1; animation: none; } #gurtanlyR.gurt21_renew .btn_step .next:before { display: none;} #gurtanlyR.gurt21_renew .certifi_number.active { display: flex; align-items: flex-end; gap: 8px;} #gurtanlyR.gurt21_renew .bx_valid .grouping .dash { color: #bbb;} #gurtanlyR.gurt21_renew .cert_phone_body { flex: 1; position: relative;} #gurtanlyR.gurt21_renew .bx_valid .certifi_number .certifi_number_time { position: absolute; right: 0; bottom: 9px;} #gurtanlyR.gurt21_renew .bx_valid .certifi_number .certifi_number_time span { font-size: 14px; font-weight:500; color: #de4738;} #gurtanlyR.gurt21_renew .bx_valid .certifi_number .certifi_number_time::before { content: ""; position: absolute; left: -18px; top: 4px; width: 15px; height: 15px; background: url("/default/images/common/gurt_clock.png")no-repeat; background-size: cover;} #gurtanlyR.gurt21_renew .bx_valid .certifi_number .cert_phone_num { position: initial; margin-bottom: 5px;} #gurtanlyR.gurt21_renew .bx_valid .certifi_number .cert_phone_num .btn { width: 81px; height: 32px; font-size: 14px; color: #999; line-height: 31px; border-color: #999;} #gurtanlyR.gurt21_renew .selectbx { height: 100%;} #gurtanlyR.gurt21_renew .selectbx .target_select { font-size: 14px;} #gurtanlyR.gurt21_renew .underline_span.rixsgo_EB { font-weight: 700;} #gurtanlyR.gurt21_renew .total_agree .content_scroll.cont_none_scroll { display:flex; flex-flow:column; height:calc(100vh - 380px); overflow:hidden; } #gurtanlyR.gurt21_renew .total_agree .content_scroll.cont_none_scroll .agree_total { flex:0; } #gurtanlyR.gurt21_renew .total_agree .content_scroll.cont_none_scroll .agree_total_cont { flex:1; overflow:hidden; overflow-y:auto; } #gurtanlyR.gurt21_renew .total_agree .content_scroll.cont_none_scroll .total_agree_cont_inner { margin-top:10px; } #gurtanlyR.gurt21_renew .new_gurtAnly .total_agree .content_scroll.cont_none_scroll { height:calc(100vh - 300px); } #gurtanlyR.gurt21_renew .new_gurtAnly .total_agree .content_scroll.cont_none_scroll .agree_total_cont { padding-bottom:20px; } #gurtanlyR.gurt21_renew .event_btn_box { text-align: right;} #gurtanlyR.gurt21_renew .event_btn_box .event_btn { display: inline-block; height: initial; margin: 10px 0 0 0; padding: 2px 12px; line-height: initial;} #gurtanlyR.gurt21_renew_modi { } #gurtanlyR.gurt21_renew_modi .gurtAnly { position:absolute; left:0; right:0; top:64px; bottom:83px; overflow:hidden; overflow-y:auto; } #gurtanlyR.gurt21_renew_modi .new_gurtAnly { bottom:unset; } #gurtanlyR.gurt21_renew_modi .dp_block { position:relative; } #gurtanlyR.gurt21_renew_modi .dp_block > .event_btn_box { position:absolute; right:0; top:0; } #gurtanlyR.gurt21_renew_modi .dp_block > .event_btn_box > .event_btn { display:block; margin:0; } #gurtanlyR.gurt21_renew_modi .total_agree .btn_agree_set { padding-top:10px; } #gurtanlyR.gurt21_renew_modi .total_agree { } .evt_naver_pop_modi .pop_content_naver { top:50%; margin-top:0 !important; transform:translateY(-50%); } .gurtanlyRenew .gurt_drive_intro_anchor:first-of-type { top: 42%;} .gurtanlyRenew .gurt_drive_intro_anchor:nth-of-type(2) { top: 62%;} .gurtanlyRenew .gurt_drive_intro_anchor:last-of-type { top: 78.5%; width: 72%; height: 8%;} .gurtanlyRenew .drive_landing_popup_b_inner { position: relative; padding: 0 32px;} .gurtanlyRenew .drive_landing_popup_b_inner img { display:block; } .gurtanlyRenew .drive_landing_popup_b_inner .link img { width: 100%; min-height: inherit;} .gurtanlyRenew .drive_landing_popup_b_inner .closeX { position: absolute; right: 45px; top: 12px;} .gurtanlyRenew .drive_landing_popup_b_inner .closeX img { width: 30px; height: 30px;} #renew #wrap_mobile_product { min-height:100vh; } body { height:-webkit-fill-available; } #renew .gurt20_hidden { position:initial; top:initial; width:initial; height:initial; } #renew #gurtanlyR.gurt21_renew_modi .new_gurtAnly { position:initial; left:initial; right:initia; top:initial; bottom:initial; padding-bottom:82px; overflow:initial; } /* #renew #gurtanlyR.gurt21_renew .new_gurtAnly .total_agree .content_scroll.cont_none_scroll { height:auto; } */ /* 보장분석 *****************************************/ /* 몬디 로딩 */ #renew .loading-box { width:100%; height:100%; background:rgba(0,0,0,0.8); } #renew .loading-box .loading-message { position:fixed; left:50%; top:50%; width:52px; transform:translate(-50%, -50%); } #renew .loading-box .loading-message img { max-width: 100%; height: auto; } #renew .loading-box .loading-message > em { position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .block-ui-container { display: none;} #renew.block-ui-visible .block-ui-container { display:block; opacity:1; filter: alpha(opacity=100);} /* 팝업 */ .new_statistical .layer_body { padding: 40px 24px 44px; border-radius: 8px 8px 0 0;} .new_statistical .layer_main { text-align: left;} .new_statistical .layer_main h5 { font-size: 14px; font-weight: 700; color: #000;} .new_statistical .layer_main ul { margin-top: 8px;} .new_statistical .layer_main ul li { position: relative; padding-left: 20px; font-size: 14px; color: #000; line-height: 18.2px;} .new_statistical .layer_main ul li::after { content: ''; display: block; position: absolute; left: 8px; top: 7px; width: 3px; height: 3px; background-color: #000; border-radius: 50%;} .new_statistical .layer_main ul li ~ li { margin-top: 8px;} .new_statistical .layer_main ul +h5 { margin-top: 16px;} .new_statistical .close_btn { right: 8px; top: 8px;} /* 신규 서비스 */ .new_statistical { padding: 64px 0 54px;} .new_statistical .head { padding: 24px 40px 0; background: linear-gradient(to bottom, #23315F 0%, #4d69c6 100%); border-radius: 0 0 16px 16px;} .new_statistical .head .text_group span { font-size: 14px; color: rgba(255, 255, 255, 0.7); line-height: 20px;} .new_statistical .head .text_group h2 { margin-top: 8px; font-size: 24px; font-weight: 600; color: #fff; letter-spacing: -0.7px; line-height: 28.8px;} .new_statistical .head .text_group h2 .headValue { font-weight: 600;} .new_statistical .head .graph_group .text { margin-top: 13px; text-align: center; color: #fff;} .new_statistical .head .graph_group .text .title { font-size: 14px; line-height: 20px;} .new_statistical .head .graph_group .text .explanation { margin-top: 4px; font-weight: 700; line-height: 22px;} .new_statistical .head .btn { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 30px 50px 18px;} .new_statistical .head .btn span { font-size: 12px; font-weight: 500; color: #fff; line-height: 18px;} .new_statistical .head .btn .blet { display: block; width: 7.66px; height: 4.66px; margin-top: 3px; background: url(/subscribe/images/renew/statistical/statistical_btn_arrow.png) no-repeat; background-size: 7.66px 30px;} .new_statistical .head .btn.active .blet { background-position-y: -26px;} .new_statistical .head .graph_group { margin-top: 87px;} .new_statistical .head .linebox { position: relative;} .new_statistical .head .linebox .linebar { display: flex; align-items: center; height: 40px; background-color: rgba(255, 255, 255, 0.2); border-radius: 20px;} .new_statistical .head .linebox .linedotte { position: absolute; left: 20px; right: 20px; top: 50%; margin-top: -1px; height: 2px;} .new_statistical .head .linebox .linedotte::before { content: ''; display: block; position: absolute; left: 0; width: 8px; height: 8px; margin-top: -3px; background-color: #fff; border-radius: 50%;} .new_statistical .head .linebox .linedotte::after { content: ''; display: block; position: absolute; right: 0; width: 8px; height: 8px; margin-top: -5px; background-color: #fff; border-radius: 50%;} .new_statistical .head .linebox .linedotte .bgdotte { display: block; height: 100%; background: url(/subscribe/images/renew/statistical/statistical_linedotte.png) repeat-x; background-size: 6px 2px;} .new_statistical .head .linebox .drawbar { position: absolute; left: 0; right: 0; height: 40px;} .new_statistical .head .linebox .drawbar .position_relative { position: relative;} .new_statistical .head .linebox .draw { display: block; position: relative; min-width: 40px; width: 0; height: 100%; border-radius: 20px; transition: all 1.8s 0.8s;} .new_statistical .head .linebox .draw.emergency { background-color: #ed6f6c;} .new_statistical .head .linebox .draw.emergency::after { content: ''; display: block; position: absolute; right: -2px; top: 0; z-index: 2; width: 42px; height: 40px; background: url(/subscribe/images/renew/statistical/statistical_icon_emergency.png) no-repeat; background-size: 42px 40px;} .new_statistical .head .linebox .draw.attention { background-color: #e77a30;} .new_statistical .head .linebox .draw.attention::after { content: ''; display: block; position: absolute; right: -2px; top: 0; z-index: 2; width: 42px; height: 40px; background: url(/subscribe/images/renew/statistical/statistical_icon_attention.png) no-repeat; background-size: 42px 40px;} .new_statistical .head .linebox .draw.interest { background-color: #f4ca34;} .new_statistical .head .linebox .draw.interest::after { content: ''; display: block; position: absolute; right: -2px; top: 0; z-index: 2; width: 42px; height: 40px; background: url(/subscribe/images/renew/statistical/statistical_icon_interest.png) no-repeat; background-size: 42px 40px;} .new_statistical .head .linebox .draw.enough { background-color: #73dba9;} .new_statistical .head .linebox .draw.enough::after { content: ''; display: block; position: absolute; right: -2px; top: 0; z-index: 2; width: 42px; height: 40px; background: url(/subscribe/images/renew/statistical/statistical_icon_enough.png) no-repeat; background-size: 42px 40px;} .new_statistical .head .linebox .average { display: block; position: absolute; right: 0; top: -16px; font-size: 10px; color: #fff; text-align: center; line-height: 12px;} .new_statistical .head .linebox .expect { display: flex; flex-direction: column; justify-content: center; position: absolute; right: 0; top: -58px; min-width: 71px; height: 36px; padding: 0 12px; font-size: 10px; color: #fff; text-align: center; white-space: nowrap; line-height: 10px; border: 1px solid #fff; border-radius: 18px; transform: translateX(25%);} .new_statistical .head .linebox .expect::after { content: ''; display: block; position: absolute; left: 50%; bottom: -7px; z-index: 2; width: 21.66px; height: 9px; margin-left: -10.5px; background: url(/subscribe/images/renew/statistical/statistical_tooltip.png) no-repeat; background-size: 21.66px 9px;} .new_statistical .table_btn { display: flex; justify-content: flex-end; margin-top: 8px;} .new_statistical .table_btn .link { display: flex; align-items: center;} .new_statistical .table_btn .link span { font-size: 12px; color: #656565;} .new_statistical .table_btn .link .icon { display: block; width: 16px; height: 16px; margin-left: 4px; background: url(/subscribe/images/renew/statistical/statistical_icon_help.png) no-repeat; background-size: 16px 16px;} .new_statistical .table_btn.mt24 { margin-top: 24px;} .new_statistical .context { padding: 0 40px;} .new_statistical .context .average_more { display: none; padding: 16px 0;} .new_statistical .context .average_more.active { display: block;} .new_statistical .context .am_body { display: flex; align-items: center; height: 46px;} .new_statistical .context .am_body ~ .am_body { margin-top: 8px;} .new_statistical .context .am_body h4 { width: 44px; font-size: 16px; font-weight: 600; color: #333;} .new_statistical .context .tabody { display: flex; align-items: center; flex: 1;} .new_statistical .context .tabody .icon { display: block; width: 32px; height: 32px;} .new_statistical .context .tabody .state { display: block; margin: 0 11px 0 4px; font-size: 12px; color: #333; letter-spacing: -0.5px;} .new_statistical .context .tabody .linebox { flex: 1; position: relative; height: 8px;} .new_statistical .context .tabody .linebox .linebar { display: block; height: 100%; background-color: #f5f5f5; border-radius: 4px;} .new_statistical .context .tabody .linebox .average { position: absolute; right: 0; bottom: -18px; font-size: 10px; color: #888; letter-spacing: -0.5px;} .new_statistical .context .tabody .linebox .drawbar { position: absolute; left: 0; right: 0; height: 8px;} .new_statistical .context .tabody .linebox .drawbar .draw { position: relative; display: block; min-width: 8px; width: 0; height: 100%; border-radius: 4px; transition: all 1s;} .new_statistical .context .tabody .linebox .drawbar .draw::before { content: ''; display: block; position: absolute; right: 0; top: -2px; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.25);} .new_statistical .context .tabody .linebox .drawbar .draw::after { content: ''; display: block; position: absolute; right: 3px; top: 1px; width: 6px; height: 6px; border-radius: 50%;} .new_statistical .context .tabody .linebox .drawbar .expect { display: block; position: absolute; right: 0; top: -18px; font-size: 12px; letter-spacing: -0.5px; white-space: nowrap; transform: translateX(38%);} .new_statistical .context .tabody.interest .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_interest.svg) no-repeat;} .new_statistical .context .tabody.interest .drawbar .expect { color: #e0af00;} .new_statistical .context .tabody.interest .drawbar .draw { background-color: #ffcd1b;} .new_statistical .context .tabody.interest .drawbar .draw::after { background-color: #ffcd1b;} .new_statistical .context .tabody.attention .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_attention.svg) no-repeat;} .new_statistical .context .tabody.attention .drawbar .expect { color: #ff9900;} .new_statistical .context .tabody.attention .drawbar .draw { background-color: #ff9900;} .new_statistical .context .tabody.attention .drawbar .draw::after { background-color: #ff9900;} .new_statistical .context .tabody.emergency .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_emergency.svg) no-repeat;} .new_statistical .context .tabody.emergency .drawbar .expect { color: #e3522e;} .new_statistical .context .tabody.emergency .drawbar .draw { background-color: #e3522e;} .new_statistical .context .tabody.emergency .drawbar .draw::after { background-color: #e3522e;} .new_statistical .context .tabody.enough .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_enough.svg) no-repeat;} .new_statistical .context .tabody.enough .drawbar .expect { color: #22c56d;} .new_statistical .context .tabody.enough .drawbar .draw { background-color: #73dba9;} .new_statistical .context .tabody.enough .drawbar .draw::after { background-color: #73dba9;} .new_statistical .context .bodysetp { padding-top: 32px;} .new_statistical .context .bodysetp .bs_h3 { font-size: 18px; font-weight: 500; letter-spacing: -0.7px; line-height: 23.4px;} .new_statistical .context .tabs_group { position: relative; position: sticky; top: 64px; z-index: 3; margin-top: 10px; background-color: #fff;} .new_statistical .context .tabs { display: flex; align-items: center;} .new_statistical .context .tabs li ~ li { margin-left: 24px;} .new_statistical .context .tabs li button { display: flex; align-items: center; justify-content: center; height: 54px;} .new_statistical .context .tabs li button .icon { display: block; width: 24px; height: 24px;} .new_statistical .context .tabs li button.tab1 .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_tab1.png) no-repeat; background-size: 24px 48px;} .new_statistical .context .tabs li button.tab2 .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_tab2.png) no-repeat; background-size: 24px 48px;} .new_statistical .context .tabs li button.tab3 .icon { background: url(/subscribe/images/renew/statistical/statistical_icon_tab3.png) no-repeat; background-size: 24px 48px;} .new_statistical .context .tabs li button span { display: block; margin-left: 4px; font-size: 16px; color: #767676;} .new_statistical .context .tabs li button.active .icon { background-position-y: -24px;} .new_statistical .context .tabs li button.active span { font-weight: 600; color: #111; border-bottom: 1px solid #111;} .new_statistical .context .tab_target { padding-top: 20px;} .new_statistical .context .tab_target .tabpanel { display: none;} .new_statistical .context .tab_target .tabpanel.open { display: block;} .new_statistical .tabpanel .card { margin: 0 -8px; padding: 16px; text-align: center; border-radius: 16px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);} .new_statistical .tabpanel .card .sub_t { font-size: 18px; font-weight: 500; color: #333; line-height: 26px;} .new_statistical .tabpanel .card .sub_t .small { font-size: 12px; color: #aaa;} .new_statistical .tabpanel .card .sub_b { margin-top: 8px; font-size: 13px; color: #656565;} .new_statistical .tabpanel .card img { display: block; max-width: 100%; height: auto; margin: 18px auto 0;} .new_statistical .tabpanel .nocard { margin: 0 -8px;} .new_statistical .tabpanel .nocard .main_title { font-size: 16px; color: #333; line-height: 20.8px;} .new_statistical .tabpanel .nocard .main_title span { font-weight: 600;} .new_statistical .tabpanel .nocard .main_title small { display: block; margin-top: -5px; font-size: 10px; color: #888;} .new_statistical .tabpanel .nocard .img_group { margin-top: 16px;} .new_statistical .tabpanel .nocard .img_group p { padding-left: 8px; color: #333;} .new_statistical .tabpanel .nocard .img_group >div { margin-top: 4px;} .new_statistical .tabpanel .nocard .img_group >div img { max-width: 100%; height: auto;} .new_statistical .tabpanel .table_header { margin-top: 24px; font-size: 22px; line-height: 28px;} .new_statistical .tabpanel .table_header .style { display: inline-block; position: relative;} .new_statistical .tabpanel .table_header .style .text { position: relative; z-index: 2;} .new_statistical .tabpanel .table_header .style .line { display: block; position: absolute; z-index: 1; left: 0; bottom: 3px; width: 100%; height: 11px; background-color: #ffe4e4;} .new_statistical .tabpanel .table_header p { margin-top: 8px; font-size: 20px; line-height: 23.87px;} .new_statistical .tabpanel .table_text { margin-top: 16px;} .new_statistical .tabpanel .table_text b { font-weight: 600;} .new_statistical .tabpanel .table_group { margin-top: 8px; border-top: 2px solid #333; border-bottom: 1px solid #333;} .new_statistical .tabpanel .table_group table { width: 100%;} .new_statistical .tabpanel .table_group table td { padding: 10px 0; font-size: 14px; color: #333; border-bottom: 1px solid #eee;} .new_statistical .tabpanel .table_group table td.text_right { text-align: right;} .new_statistical .tabpanel .table_group table td .font_w500 { font-weight: 500;} .new_statistical .tabpanel .table_group table td .font_w700 { font-weight: 700;} .new_statistical .tabpanel .table_group table td .font_s16 { font-size: 16px; font-weight: 500;} .new_statistical .tabpanel .table_group table td .small { font-size: 12px;} .new_statistical .tabpanel .table_group table td .color_point { font-size: 16px; font-weight: 500;} .new_statistical .tabpanel .table_group table tr:first-child td { background-color: #fff7df;} .new_statistical .detail { margin: 24px -40px 0; padding: 24px 40px 40px; background-color: #f8f8f8;} .new_statistical .detail .header { display: flex; align-items: center;} .new_statistical .detail .header img { width: 72px; height: 99.22px;} .new_statistical .detail .header .title { margin-left: 1px; font-size: 22px; font-weight: 700; line-height: 26.4px;} .new_statistical .detail .list li { margin-top: 16px; padding: 16px 16px 13px; border: 1px solid #de4738; background-color: #fff; border-radius: 8px; box-shadow: 4px 4px 0 0 rgba(116, 72, 72, 0.05);} .new_statistical .detail .list li .main_t { display: flex; align-items: center;} .new_statistical .detail .list li .main_t i { display: block; width: 25px; height: 23px; padding-top: 6px; font-size: 9.5px; font-weight: 700; font-style: normal; color: #fff; text-align: center; background: url(/subscribe/images/renew/statistical/statistical_detail_ico.svg) no-repeat; background-size: 25px 31px;} .new_statistical .detail .list li .main_t h4 { margin-left: 8px; font-size: 18px; font-weight: 700; line-height: 28px;} .new_statistical .detail .list li .sub_t { margin-top: 16px; font-size: 14px; color: #555; line-height: 18.2px;} .new_statistical .detail .list li .cost { display: flex; align-items: center; justify-content: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd;} .new_statistical .detail .list li .cost .box { display: flex; align-items: center; height: 28px;} .new_statistical .detail .list li .cost .box span { color: #111;} .new_statistical .detail .list li .cost .box .price { margin-left: 5px; font-weight: 700; color: #de4738;} .new_statistical .detail .list li .cost .box .price.blur { color: #ffd5d1; filter: blur(2px);} .new_statistical .detail .list li .cost .box .price.blur +span +.icon { display: block; width: 24px; height: 24px; margin-top: -1px; background: url(/subscribe/images/renew/statistical/statistical_list_arrow.svg) no-repeat;} .new_statistical .context .tabs_group.sticky { margin: 0 -40px; border-bottom: 1px solid #f5f5f5;} .new_statistical .context .tabs_group.sticky li { flex: 1;} .new_statistical .context .tabs_group.sticky li ~ li { margin-left: 0;} .new_statistical .context .tabs_group.sticky li button { width: 100%;} .new_statistical .context .tabs_group.sticky .tabs li button.active span { border-bottom: none;} .new_statistical .context .tabs_group.sticky .marker_bar { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #333; border-radius: 0; transition: 0.3s;} .new_statistical .common_btns { display: flex; align-items: center; position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 0 14px; background-color: #de4738;} .new_statistical .common_btns button { display: flex; align-items: center; justify-content: center; height: 54px;} .new_statistical .common_btns button .btn_text { font-weight: 600; color: #fff;} .new_statistical .common_btns .application { width: 128px;} .new_statistical .common_btns .fill { flex: 1; position: relative;} .new_statistical .common_btns .fill::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 26px; margin-top: -13px; background-color: rgba(255, 255, 255, 0.5);} .new_statistical .common_btns .fill .btn_position { display: flex; align-items: center; position: absolute; left: 50%; top: -25px; height: 34px; padding: 0 12px; font-size: 12px; font-weight: 600; color: #ed3722; white-space: nowrap; border: 1px solid #ff0000; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.15); transform: translateX(-50%); animation:up-down-renew2 1s infinite ease-in-out alternate;} .new_statistical .common_btns .fill .btn_position::after { content: ''; display: block; position: absolute; left: 50%; bottom: -7px; width: 16.66px; height: 9px; margin-left: -8px; background: url(/subscribe/images/renew/statistical/statistical_tooltip2.png) no-repeat; background-size: 16.66px 9px;} @keyframes up-down-renew2 { from { transform: translate(-50%, 0);} to { transform: translate(-50%, -5px);} } /* 기타 *****************************************/ /* 이탈팝업 */ #pop_wrap.renewWrap .incall_pop_content .pci_body { position: relative; margin: 0 auto; padding: 34px 24px 24px; background-color: #fff; border-radius: 16px;} #pop_wrap.renewWrap .incall_pop_content .pci_body >img { width: 100%;} #pop_wrap.renewWrap .incall_pop .incall_pop_content .pop_content_inner .incall_pop_btn { display: block;} #pop_wrap.renewWrap .incall_pop .incall_pop_content .pop_content_inner .incall_pop_close { right: 16px; top: 22px; width: 24px; height: 24px;} #pop_wrap.renewWrap .incall_pop_content .pci_subcon { margin-top: -30px; background-color: #fff;} /* 보장분석 오류 신규 */ #alertRenew .alert { padding: 40px 24px 23px; border-radius: 16px;} #alertRenew .message { font-size: 16px; font-weight: 700; line-height: 22px;} #alertRenew .imgBody { margin-top: 13px; text-align: center;} #alertRenew .imgBody img { width: 100%; max-width: 248px;} #alertRenew .chatBody .button { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; font-size: 16px; font-weight: 700; color: #fff; background-color: #de4738; border-radius: 6px;} #alertRenew .chatBody .button i { width: 20px; height: 20px; background: url("/default/images/common/gurt_arrow_right.svg") no-repeat;} #alertRenew .incall_pop_close { position: absolute; right: 16px; top: 16px;} /* O랜딩 *****************************************/ /* 강이지 펫퍼민트 sub.css를 가지고옴 */ .petO .clfix{*zoom:1} .petO .clfix:after,.clfix:before{display:table;line-height:0;content:""} .petO .clfix:after{clear:both} .petO .mgt10{margin-top:10px!important} .petO .mgt15{margin-top:15px!important} .petO .txt_sky{color:#00819a!important} /* 상품안내 */ .petO .product_top{background:#fff6dd; padding:25px 15px 30px;} .petO .pet_type_tab .tabCon ul{display:box; display:-webkit-box; display:-moz-box; background:#ffcc33;} .petO .pet_type_tab .tabCon li{display:box; display:-webkit-box; display:-moz-box; height:50px; margin:0 12px; color:#999; font-weight:700; text-align:center; align-items:center; -webkit-align-items:center; box-flex:1; -moz-box-flex:1; -webkit-box-flex:1;} .petO .pet_type_tab .tabCon li a{position:relative; display:block; height:50px; text-align:center; font-family:"Helvetica,sans-serif"; background:#ffcc33; color:#fff; font-size:14px; line-height:50px;} .petO .pet_type_tab .tabCon li.on a{color:#000;} .petO .pet_type_tab .tabCon li.on a:after{content:''; z-index:2; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:3px; background:#000;} .petO .pet_type_tab .tabContents{display:none; padding:25px 15px 40px; margin:0;} .petO .pet_type_tab .tabContents.on{display:block;} .petO .pet_type_tab .tit{font-size:17px; font-family:"Helvetica,sans-serif"; line-height:24px; font-weight:700;} .petO .pet_type_tab .tit em{color:#7d6feb; font-family:"Helvetica,sans-serif"; font-weight:700;} .petO .list_dottype01 li{margin:7px 0; padding-left:8px; background:url(/subscribe/images/common/bu_dt_black.gif) left 10px no-repeat; background-size:2px 2px; font-size:14px;} .petO .list_dottype01 li em{font-family:"Helvetica,sans-serif"; color:#333; font-weight:700;} .petO .dot_line_wrap{padding-bottom:20px; border-bottom:1px dotted #ccc;} .petO .cont_div{padding-top:25px;} .petO .cont_div>.tit{margin-bottom:30px;} .petO .cont_list .tit{font-family:"Helvetica,sans-serif"; font-weight:700; color:#333; font-size:18px; padding-left:15px; text-indent:-15px;} .petO .cont_list .tit .txt_sub{font-size:14px;} .petO .cont_list>li{margin-top:30px;} .petO .list_dottype02 li{margin:7px 0; padding-left:8px; background:url(/subscribe/images/common/bu_dt_black.gif) left 10px no-repeat; background-size:2px 2px; font-size:14px;} .petO .list_dottype02 li em{font-family:"Helvetica,sans-serif"; color:#333; font-weight:700;} .petO .list_dottype02 li em.txt_purple{font-family:"Helvetica,sans-serif"; color:#8576f6;} .petO .cont_div .img_area{margin:25px 8px 25px;} .petO .cont_list .bu_star{margin:3px 0 0; padding-left:9px; background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat; background-size:5px 5px; color:#777; font-size:13px;} .petO .txt_review{margin:27px 0 0; color:#666; font-size:12px; text-align:right;} .petO .btn_agree{margin-top:35px; text-align:center;} .petO .btn_doc_check{display:inline-block; background:#fff; color:#333; width:290px; height:35px; border-radius:50px; text-align:center; border:1px solid #ccc; box-sizing:border-box;} .petO .btn_doc_check span{position:relative; font-size:13px; font-family:"Helvetica,sans-serif"; color:#333; padding-left:6px; line-height:35px;} .petO .btn_doc_check span:before{content:''; position:absolute; top:50%; left:-18px; width:15px; height:19px; background:url(/petpermint/images/common/ico_note.png) no-repeat; margin-top:-10px; background-size:15px 19px;} .petO .btn_doc_check+.btn_doc_check{margin-top:10px;} .petO .tbl_tit{color:#51648a; font-family:"Helvetica,sans-serif"; font-size:17px; margin-bottom:10px;} .petO .tbl_tit.mt30 { margin-top: 30px;} .petO .sub_txtbox {font-size: 12px;color: #777;} .petO .tit_subscript{color:#666; font-size:13px;} /* table 폰트사이즈 */ .petO .tbl_list01,.tbl_list02,.tbl_view01 {font-size:15px;} .petO .tbl_list01.pet tbody td {font-size:14px;} .petO .txt_tip{font-size:13px !important;} .petO .cl_black {color:#000 !important;} .petO .cl_red {color:#e11b22 !important;} .petO .cl_purple {color:#7d6feb !important;} .petO p.txt_tip {position:relative; padding:6px 0 3px 10px; color:#999;} .petO p.txt_tip:before {content:"*"; position:absolute; left:0; top:10px;} .petO ul.txt_tip {font-size:13px; color:#666;} .petO ul.txt_tip li {position:relative; padding:3px 0 3px 10px;} .petO ul.txt_tip li:before {content:"*"; position:absolute; left:0; top:5px;} .petO .list_intit_wrap {margin-top:30px; font-size:12px;} .petO .list_intit_wrap .tit_dot {color:#000; font-size:14px; margin:7px 0;padding-left:8px;background:url(/subscribe/images/common/bu_dt_black.gif) left 10px no-repeat;background-size:2px 2px;font-size:15px;} .petO .list_intit_wrap .list_dashtype01 {color:#666; font-size:14px;} .petO .list_intit_wrap .list_dashtype01 li {position:relative; padding:3px 0 3px 10px;} .petO .list_intit_wrap .list_dashtype01 li:before {content:"-"; position:absolute; left:0; top:3px;} .petO .btn_agree_center {text-align:center; margin-top:30px;} .petO .joinguide .txt_mj_copy {display:block; margin-bottom:30px; font-size:17px;} .petO .joinguide .wrap_guide_img {position: relative; margin-bottom:35px;} .petO .joinguide .wrap_guide_img .bt_imgbox{ position: absolute; width:98%; left: 50%; transform: translate(-50%); overflow-x: scroll; bottom: 25px;} .petO .joinguide .wrap_guide_img .cat_bt_imgbox { bottom:16px; } .petO .joinguide .wrap_guide_img .bt_imgbox .scroll_box{position: relative; width: 113%; padding: 0 10px;} .petO .joinguide .wrap_guide_img .scrolltxt01 {position: absolute; top: 56%; right: 4%;} .petO .joinguide .wrap_guide_img .scrolltxt02 {position: absolute; top: 57%; right: 4%;} .petO .joinguide .wrap_guide_img .scrolltxt11 {position: absolute; top: 48%; right: 4%;} .petO .joinguide .wrap_guide_img .scrolltxt12 {position: absolute; top: 49%; right: 4%;} .petO .joinguide .dambo_exc .title_box {position:relative;} .petO .joinguide .dambo_exc .title_box .sub_tit {margin:0 0 5px;} .petO .joinguide .dambo_exc .btn_acc_open {display:block; width:10px; height:17px; background:url(/petpermint/images/content/document/arr_result.png) no-repeat center center; background-size:10px; transform:rotate(90deg); overflow:hidden; padding:8px 10px;} .petO .joinguide .dambo_exc .btn_acc_close {display:block; width:10px; height:17px; background:url(/petpermint/images/content/document/arr_result.png) no-repeat center center; background-size:10px; transform:rotate(180deg); overflow:hidden; padding:8px 10px;} .petO .joinguide .dambo_exc .btn span {text-indent:-999px; color:transparent;} .petO .joinguide .dambo_exc .example_tbl {margin:20px 0;} .petO .joinguide .dambo_exc .example_tbl .title_box {display: flex; justify-content: space-between; align-items: baseline; margin-bottom:8px;} .petO .joinguide .dambo_exc .example_tbl .sub_tit {font-size:16px;} .petO .joinguide .dambo_exc .example_tbl {border:1px solid #7d6feb; border-radius:10px; padding:20px 13px;} .petO .joinguide .dambo_exc .tbl_list01 {margin-bottom:28px;} .petO .joinguide .dambo_exc .tbl_list01 thead th {border-bottom:1px solid #bbb;} .petO .joinguide .dambo_exc .a_center {font-size:13px !important; text-align:center !important;} .petO .joinguide .dambo_exc .scroll_table {overflow-x: auto;} .petO .joinguide .dambo_exc .scroll_table .tblname {min-width: 50px;} .petO .mustguide {margin:0; font-size:15px;} .petO .bx_gray{margin:0 2px; padding:15px; border:1px solid #eee; background:#f9f9f9; border-radius:6px;} .petO .bx_gray>ul>li{border-bottom:1px solid #eee;} .petO .bx_gray>ul:last-of-type>li:last-of-type{border-bottom:0;} .petO .bx_gray>ul>li>a{display:block; padding:10px 0; position:relative;} .petO .bx_gray>ul>li>a:after{content:''; display:block; clear:both; position:absolute; right:13px; top:17px; width:12px; height:7px; background:url(/petpermint/images/common/ico_arr_show.png) 0 0 no-repeat; background-size:100% 100%;} .petO .bx_gray>ul>li>a.on:after{background:url(/petpermint/images/common/ico_arr_hide.png) 0 0 no-repeat; background-size:100% 100%;} .petO .anchor_view {color:#666; line-height:18px; display:none; background:#fff; margin:0; padding:12px 8px; border-top:1px solid #eee; font-size:13px;} .petO .anchor_view .stit {font-size:16px; color:#333; padding:11px 0 10px;} .petO .anchor_view .txt, .petO .anchor_view .list_typeEx3 li {position:relative; padding:2px 0 4px 8px;} .petO .anchor_view .dlistEx dt {position:relative; padding:2px 0 4px 8px; font-weight:700; color:#333;} .petO .anchor_view .txt:before, .petO .anchor_view .dlistEx dt:before, .petO .anchor_view .list_typeEx3 li:before {content:""; position:absolute; left:2px; top:9px; width:2px; height:2px; background:#666;} .petO .anchor_view .list_typeEx2 {padding:3px 0 0 0;} .petO .anchor_view .list_typeEx2 li {padding:2px 0 2px 8px;} .petO .anchor_view .list_typeEx2 li:before {content:"-"; position:absolute; left:-1px; top:1px; background:none; font-size:11px;} .petO .anchor_view .dlistEx dd {position:relative; padding:3px 0 3px 8px;} .petO .anchor_view .dlistEx dd:before {content:"-"; position:absolute; left:0; top:3px;} .petO .anchor_view .dlistEx .nobar:before {content:"";} .petO .anchor_view .dlistEx ol {padding:2px 0;} .petO .anchor_view .dlistEx .nobar ol li {padding-left:13px; text-indent:-13px;} .petO .anchor_view .txt_tip.mt10 {padding:3px 0 3px 18px; color:#666; margin:0px !important;} .petO .anchor_view .txt_tip.mt10:before {content:"*"; position:absolute; left:10px; top:6px;} .petO .error_sorry {padding:80px 0; margin:0 15px; text-align:center;} .petO .error_sorry .ico_error {width:192px; height:137px; background:url(/petpermint/images/common/ico_error.png) no-repeat center center; background-size:192px; margin:0 auto 10px;} .petO .error_sorry .txt_01 {font-size:16px; font-weight:700; color:#000; margin:30px 15px 10px;} .petO .error_sorry .txt_02 {font-size:12px; color:#666; margin:20px;} .petO .btn_purple {display:block; height:40px; background-color:#7d6feb; color:#fff; line-height:40px; border-radius:2px; text-align:center; box-sizing:border-box; font-size:15px; letter-spacing:0; font-family:"Helvetica,sans-serif";} .petO a.btn_purple, a.btn_purple:active, a.btn_purple:focus, .petO a.btn_purple:hover, a.btn_purple:link, a.btn_purple:visited{color:#fff;} .petO .btn_step{width:100%; height:60px;} .petO .btn_step a{display:table; position:relative; height:60px;} .petO .btn_step a strong{position:relative; padding-left:22px; display:inline-block; color:#fff; line-height:20px;} .petO .btn_step a strong:before{content:""; position:absolute; left:0; top:4px; width:15px; height:14px; background:url(/petpermint/images/common/ico_calc_02.png) left 0 no-repeat; background-size:15px 14px;} .petO .btn_step a em{position:relative; color:#fff; font-size:13px;} .petO .btn_step a span{display:block; display:table-cell; vertical-align:middle;} .petO .btn_step a span i{display:inline-block; width:10px; height:10px; background:#ddd;} .petO .btn_step .next span{display:table-cell; width:100%; padding-right:35px;} .petO .btn_step .next,.tot_payment p{text-align:right;} .petO .btn_step .next{width:100%; height:60px; padding:0; background-color:#7d6feb;} .petO .btn_step .next:before{position:absolute; top:21px; right:15px; z-index:10; width:10px; height:16px; background:url(/subscribe/images/common/ico_comm.png) left -65px no-repeat; background-size:250px 250px; content:"";} /* 200908 : WSN : 정렬수정 class 추가 */ .petO .btn_doc_check2{display:flex; justify-content: center; align-items: center; background:#fff; color:#333; width:290px; height:35px; border-radius:50px; margin:0 auto; border:1px solid #ccc; box-sizing:border-box;} .petO .btn_doc_check2 span{display:inline-block; position: relative; font-size:13px; font-family:"Helvetica,sans-serif"; color:#333; padding-left: 22px; box-sizing: border-box;} .petO .btn_doc_check2 span:before{content:''; position:absolute; left:0; top:0; width:15px; height:19px; background:url(/petpermint/images/common/ico_note.png) no-repeat; background-size:15px 19px;} .petO .btn_doc_check2+.btn_doc_check2{margin-top:10px;} .petO .pop_content_inner > ul li {position: relative;padding: 0 0 10px 7px;font-size: 14px;} .petO .pop_content_inner > ul li:before {position: absolute;top: 8px;left: 0;z-index: 1;content: "";background-color: #333;height: 3px;width: 3px;} .petO .pop_content_inner > ul li.str_txt_red{font-weight: bold;color: #e11b22;} .petO .pet_check_pop_wrap a.pop_close {position: absolute;top: 0;right: 0;z-index: 100;padding: 15px;} .petO .pet_check_pop_wrap a.pop_close span {display: block;width: 12px;height: 12px;background: var(--bg-common) -10px -125px no-repeat;background-size: 250px 250px;text-indent: -999em;} .petO .pet_check_pop_wrap .pop_content_inner {padding:17px 15px 120px;} .petO .pet_check_accor dl dt {font-weight: bold;font-size: 15px;color: #000;border-bottom: 1px solid #ddd;padding: 10px 0 10px;} .petO .pet_check_pop_wrap .pop_content_inner .pet_check_accor dl dd ul {padding-top:5px; padding-bottom: 18px;} .petO .pet_check_accor {margin-bottom:50px;} .petO .pet_check_accor dl dt.on:after {content:"";position: absolute;margin-top: -10px;right:15px;width:15px;height:28px;background:url(/petpermint/images/content/petcal/accor_arrow.gif) right 18px no-repeat;background-size: 15px 9px;transform: rotate(0);} .petO .pet_check_accor dl dt:after {content:"";position: absolute;margin-top: 7px;right:15px;width:15px;height:28px;background:url(/petpermint/images/content/petcal/accor_arrow.gif) right 18px no-repeat;background-size: 15px 9px;transform: rotate(-180deg);} .petO .pet_check_accor dl dd {display:none;border-bottom: 1px solid #ddd;background-color:#f4f4f4;padding-left:10px;} .petO .pet_check_accor dl dd > ul li {position: relative;padding-left:7px;padding-top: 5px;} .petO .pet_check_accor dl dd > ul li:before {position: absolute;top: 13px;left: 0;z-index: 1;content: "";background-color: #666;height: 3px;width: 3px;} .petO .pet_check_pop_wrap>a.pop_close span {display:block; width:12px; height:12px; background:var(--bg-common) -10px -125px no-repeat; background-size:250px 250px; text-indent:-999em;} /* a.btn_ro_purple, a.btn_ro_purple:active, a.btn_ro_purple:focus, a.btn_ro_purple:hover, a.btn_ro_purple:link, a.btn_ro_purple:visited{color:#fff;} .btn_ro_purple {display:inline-block; width:100%; background-color:#7d6feb; color:#fff; line-height:35px; border-radius:2px; text-align:center; box-sizing:border-box; font-size:15px; letter-spacing:0; font-family:"Helvetica,sans-serif";} .btn_ro_purple span{position:relative;} .btn_ro_purple span:before{content:''; background:var(--bg-common) -236px 0 no-repeat; background-size:250px 250px; width:14px; height:14px; display:inline-block; position:absolute; top:8%; left:-20px;} */ /* 펫트체크 팝업 레이어 조정 */ .petO#pop_wrap.pet_check_pop_wrap #pop_header {display:initial; height:initial; position:absolute; top:0; left:0; z-index:95; width:100%; padding:15px; background-color:#5f81ce; text-align:left; box-sizing:border-box;} .petO#pop_wrap.pet_check_pop_wrap #pop_header h1 {color:#fff; letter-spacing:-1px; font-family:'Pretendard', Helvetica,sans-serif; font-weight:normal;} .petO#pop_wrap.pet_check_pop_wrap #pop_content {margin-top:58px !important;} .petO#pop_wrap.pet_check_pop_wrap #pop_content .pop_content_inner {padding:17px 15px 17px 15px;} .petO#pop_wrap.pet_check_pop_wrap .pop_close {top:8px; padding:15px;} .petO#pop_wrap.pet_check_pop_wrap>a.pop_close span {display:block; width:12px; height:12px; background: url("/petpermint/images/common/common.png?v=1.0.1") -10px -125px no-repeat; background-size:250px 250px; text-indent:-999em;} /* 펫보험 렌딩 A타입 */ #inform.pet .inform_title_randding { margin-top:30px; margin-bottom:30px; } #inform.pet .inform_title_randding em { color:#7d6feb; font-weight:inherit; } #inform.pet .img_area { margin:25px 8px; } #inform.pet .cont_list li ~ li { margin-top:48px; } #inform.pet .dot_list { margin-top:14px;} #inform.pet .dot_list li { position:relative; padding-left:8px; font-size:15px; color:#656565; font-weight:500; word-break:keep-all; line-height:21px;} #inform.pet .dot_list li:before { position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; content:""; } #inform.pet .dot_list li ~ li { margin-top: 10px;} #inform.pet .dot_list li ~ li.mt30 { margin-top: 30px;} #inform.pet .dot_list li em { color:#333; font-weight:700; } #inform.pet .dot_line_wrap { padding-bottom:20px; } #inform.pet .dot_line_wrap .img img { width:100%; } #inform.pet .dot_line_wrap .img + .img { margin-top:20px; } #inform.pet .btn_agree { margin-top:35px; text-align:center; } #inform.pet .btn_agree .btn_doc_check2 { display:flex; justify-content:center; align-items:center; width:290px; height:35px; margin:0 auto; background:#fff; border:1px solid #ccc; border-radius:50px; box-sizing:border-box; } #inform.pet .btn_agree .btn_doc_check2 span { position:relative; display:inlie-block; padding-left:22px; font-size:13px; color:#333; box-sizing:border-box; } #inform.pet .btn_agree .btn_doc_check2 span:before { position:absolute; left:0; top:0; width:15px; height:19px; background:url("/petpermint/images/common/ico_note.png") no-repeat left top; background-size:contain; content:""; } #inform.pet .btn_agree .btn_doc_check2 + .btn_doc_check2 { margin-top:10px; } /* 오프라인 펫보험 가입화면 */ #renew #wrap_mobile_product #header .header_pet_wrap { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; height:50px; padding:0 20px; } #renew #wrap_mobile_product #header .header_pet_wrap h1 { flex:0; display:unset; margin:0; } #renew #wrap_mobile_product #header .header_pet_wrap h1 a.pet_logo { position:relative; left:unset; top:unset; display:block; width:141px; height:21px; margin:0; padding:0; background:url("/subscribe/images/renew/meritz_logo.svg") no-repeat center center; background-size:cover; text-indent:0; } #renew #wrap_mobile_product #header .header_pet_wrap .header_wrap_btn_box { flex:0; position:initial; transform:none; } #renew #wrap_mobile_product #header .header_pet_wrap .header_wrap_btn_box .btn_pet { display:block; top:unset; width:87px; height:23px; margin:0; padding:0; background:url("/subscribe/images/renew/pet_logo.svg") no-repeat center center; background-size:cover; text-indent:0; } #inform.off_entry { padding-top:50px; } #inform.off_entry .confirm_group { margin:0; padding:0; } #inform.off_entry .confirm_group .round_cbox { padding:10px; border:0; } #inform.off_entry .confirm_group .round_cbox._notop { padding:0 10px 10px 10px; border:0; } #inform.off_entry .confirm_group .contents_group { margin-top:0; } #inform.off_entry .confirm_group .nbtns { margin-top:0; } #inform.off_entry .confirm_group .nbtns._mt0p10 { margin-top:10px; } #inform.off_entry .confirm_group .btn_point { color:#fff; background-color:#5746d8; border:0 !important; } #pop_wrap .n_list { } #pop_wrap .n_list li strong { color:#000; font-weight:600; } #pop_wrap .n_list li ~ li { margin-top:10px; } #pop_wrap .dot_list li { position:relative; padding-left:11px; font-size:14px; color:#767676; } #pop_wrap .dot_list li:before { position:absolute; left:0; font-size:14px; color:#656565; content:"-"; } #pop_wrap .dot_list li ~ li { margin-top:10px; } #pop_wrap .list_intit_wrap { margin-top:30px; border:1px dotted red; } #pop_wrap .list_intit_wrap .tit_dot { position:relative; margin:7px 0; padding-left:8px; font-size:15px; color:#000; } #pop_wrap .list_intit_wrap .tit_dot:before { position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; content:""; } #pop_wrap .txt_tip span { word-break:keep-all; } #pop_wrap .cl_red { color:#e11b22; } #pop_wrap .btn_agree_center { margin-top:30px; text-align:center; } #pop_wrap .btn_agree_center .btn_doc_check2 { display:flex; justify-content:center; align-items:center; width:290px; height:35px; margin:0 auto; background:#fff; border:1px solid #ccc; border-radius:50px; box-sizing:border-box; } #pop_wrap .btn_agree_center .btn_doc_check2 span { position:relative; display:inlie-block; padding-left:22px; font-size:13px; color:#333; box-sizing:border-box; } #pop_wrap .btn_agree_center .btn_doc_check2 span:before { position:absolute; left:0; top:0; width:15px; height:19px; background:url("/petpermint/images/common/ico_note.png") no-repeat left top; background-size:contain; content:""; } #pop_wrap .list_type02.know dd > ul > li ul li { position:relative; padding-left:7px; text-indent:unset; } #pop_wrap .list_type02.know dd > ul > li ul li:before { position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; content:""; } #pop_wrap .dn_example .title_box { position:relative; margin-top:35px; margin-bottom:0; } #pop_wrap .dn_example .title_box .sub_tit { font-size:15px; margin:0; color:#333; } #pop_wrap .dn_example .title_box .sub_tit strong.left { padding-left:6px; background:url("/subscribe/images/common/bu_dt_black.gif") no-repeat left 8px; background-size:3px 3px; } #pop_wrap .dn_example .title_box .sub_tit:before { display:none; } #pop_wrap .dn_example table th, #pop_wrap .dn_example table td { font-size:14px; color:#333; } #pop_wrap .dn_example .title_box .p_txt { position:absolute; right:0; bottom:0; font-size:15px; } #pop_wrap .dn_example .a_center { text-align:center; } #pop_wrap .dn_example .a_center .p_txt { font-size:13px; } #pop_wrap .mt30 { margin-top:30px; } #pop_wrap .joinguide { } #pop_wrap .joinguide .txt_mj_copy { display:block; margin-bottom:30px; font-size:16px; } #pop_wrap .joinguide .wrap_guide_balloon { position:relative; display:flex; justify-content:center; align-items:center; height:70px; margin-bottom:20px; font-size:16px; color:#fff; text-align:center; border-radius:10px; } #pop_wrap .joinguide .wrap_guide_balloon:after { position:absolute; left:50%; bottom:-13px; border:15px solid #ddd; border-left:15px solid transparent !important; border-right:15px solid transparent !important; border-bottom:none; transform:translateX(-50%); content:""; } #pop_wrap .joinguide .wrap_guide_balloon_mint { background:#14dbaf; } #pop_wrap .joinguide .wrap_guide_balloon_mint:after { border-color:#14dbaf; } #pop_wrap .joinguide .wrap_guide_balloon_orange { background:#ffac1c; } #pop_wrap .joinguide .wrap_guide_balloon_orange:after { border-color:#ffac1c; } #pop_wrap .joinguide .wrap_guide_img { position:relative; margin-bottom:35px; } #pop_wrap .joinguide .wrap_guide_img_orange { border:1px solid #ffac1c; border-radius:10px; overflow:hidden; } #pop_wrap .joinguide .wrap_guide_img_mint { border:1px solid #14dbaf; border-radius:10px; overflow:hidden; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_images { position:relative; overflow:hidden; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_images img { max-width:100%; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_txt { padding:0 14px; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_txt p { font-size:13px; line-height:1.3; text-align:center; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_txt .flex_txt { display:flex; justify-content:space-between; gap:10px; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_txt .flex_txt .flex_txt_item { flex:0; flex-basis:35px; } #pop_wrap .joinguide .wrap_guide_img .wrap_guide_txt .flex_txt .flex_txt_item2 { flex:1; font-size:12px; color:#767676; } #pop_wrap .joinguide .wrap_guide_img + .wrap_guide_img { margin-bottom:55px; } #pop_wrap .joinguide .wrap_guide_img .scroll_box { position:relative; padding:0 10px 10px; } #pop_wrap .joinguide .wrap_guide_img .scroll_box .standard { margin-bottom:5px; font-size:12px; text-align:right; } #pop_wrap .joinguide .wrap_guide_img .tb { width:100%; border-collapse:collapse; border:1px solid #ddd; } #pop_wrap .joinguide .wrap_guide_img .tb th, #pop_wrap .joinguide .wrap_guide_img .tb td { padding:8px 2px; font-size:12px; line-height:1; text-align:center; border:1px solid #ddd; } #pop_wrap .joinguide .wrap_guide_img .tb th strong, #pop_wrap .joinguide .wrap_guide_img .tb td strong { display:block; } #pop_wrap .joinguide .wrap_guide_img .tb th span, #pop_wrap .joinguide .wrap_guide_img .tb td span { font-size:77%; } #pop_wrap .joinguide .wrap_guide_img.wrap_guide_img_orange .tb thead { background:#fffaec; } #pop_wrap .joinguide .wrap_guide_img.wrap_guide_img_mint .tb thead { background:#e8fffa; } /* #pop_wrap .joinguide .wrap_guide_img .bt_imgbox { position:absolute; left:50%; bottom:25px; width:98%; transform:translateX(-50%); overflow-x:auto; } #pop_wrap .joinguide .wrap_guide_img .bt_imgbox .scroll_box { position:relative; width:113%; padding:0 10px; } */ #pop_wrap .joinguide .wrap_guide_img .scrolltxt01 { position:absolute; right:4%; top:56%; font-size:14px; } #pop_wrap .joinguide .wrap_guide_img .scrolltxt02 { position:absolute; right:4%; top:57%; font-size:14px; } #pop_wrap .joinguide .wrap_guide_img .scrolltxt01._wyl { position:absolute; right:4%; top:63%; font-size:14px; } #pop_wrap .joinguide .wrap_guide_img .scrolltxt02._wyl { position:absolute; right:4%; top:64%; font-size:14px; } /* #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox { bottom:16px; } #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox + .scrolltxt01 { position:absolute; top:49%; right:4%; } #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox + ._wyl { position:absolute; top:58%; right:4%; } */ .pet_boxs { } .pet_boxs .inner { display:flex; flex-flow:column nowrap; } .pet_boxs .inner .cta_head { flex:0; flex-basis:26px; } .pet_boxs .inner .pet_cta { flex:1; overflow-x:hidden; overflow-y:auto; } .pet_pop_boxs .product_banner_block .btn_wrap { display:none; } @media screen and (max-height:480px){ .pet_boxs .inner .pet_cta { flex-basis:400px; } } @media screen and (max-height:667px){ .pet_boxs .inner .pet_cta { flex-basis:420px; } } @media screen and (max-height:740px){ .pet_boxs .inner .pet_cta { flex-basis:457px; } } .tm_ins_CTA_E.fixed_type { position:fixed; bottom:0; left:0; right:0; height:36vh; padding-bottom:10px; background-color:#fff; } .tm_ins_CTA_E.fixed_type * { height:100%; } .tm_ins_CTA_E.fixed_type .confirm_group .nbtns { display:flex; flex-flow:column; } .tm_ins_CTA_E.fixed_type .confirm_group .nbtns .nbtns_box { flex:1; } .tm_ins_CTA_E.fixed_type .confirm_group .nbtns .nbtns_box button { height:100% !important; font-size:120%; } .tm_ins_CTA_E.fixed_type .confirm_group .nbtns .nbtns_box button span { height:auto; } .off_entry.pd_bt {padding-bottom:134px;} .off_entry.pd_bt_new {padding-bottom:134px; background: #f5f5f5;} .off_entry.pd_bt_82 {padding-bottom:82px; background: #f5f5f5;} .wyl_txt { position: relative; margin-top: 10px; padding-left: 11px; font-size: 14px; color: #767676; } .wyl_txt:before { position: absolute; left: 0; top: 1px; content: "*"; } @media all and (min-width:700px) and (max-width:1023px) and (orientation:portrait) { /* #wrap_mobile_product { display:none; } */ body.tablet #pop_wrap #pop_header > .pop_close2 { position:relative; display:block; padding-left:20px; } body.tablet #pop_wrap #pop_header > .pop_close2:before { position:absolute; left:0; width:20px; height:20px; background:url("/subscribe/images/renew/ico_arrow_left.svg") no-repeat center center; background-size:contain; transform:rotate(-180deg); content:""; } body.tablet #wrap_mobile_product { display:none; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm { display:flex; flex-flow:column wrap; justify-content: baseline;align-items:center; width:100%; height:100%; border-radius:0; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree { flex:0; padding:0 24px; padding-top:92px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree:before { position:absolute; left:24px; top:25px; width:147px; height:22px; background:url("/petpermint/images/pet/ico_h_meritz.svg") no-repeat center center; background-size:contain; content:""; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree:after { position:absolute; right:24px; top:25px; width:100px; height:26px; background:url("/petpermint/images/pet/ico_h_logo.svg") no-repeat center center; background-size:contain; content:""; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree h1 { padding:0; padding-bottom:10px; font-size:24px; color:#6e61de; font-weight:700; border-bottom:2px solid #333; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree .normal_tit { display:none; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree .pet_tablet { display:block; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree .pet_tablet em { color:#15dbb0; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_agree a { display:none; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content { flex:1; padding:20px 24px; font-size:16px; color:#666; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .pop_content_inner { display:flex; flex-flow:column; height:100%; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree_sub_info { flex:0; padding:0; font-size:inherit; color:inherit; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .info04ver { flex:0; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .overfleowYscroll { flex:1; padding-bottom:20px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .overfleowYscroll .terms_cont { position:relative; display:flex; flex-flow:row wrap; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree_grade_box { flex:1 0 60%; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .terms_cont + .terms_cont { margin-top:40px !important; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree_grade_title { font-size:18px; color:#333; font-weight:700; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree { flex:1 0 40%; position:initial; width:auto; margin-top:3px !important; font-size:18px !important; color:#333; font-weight:700; text-align:right; white-space:nowrap; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree .chk_wrap { display:initial; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree label, body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .total_agree label em { font-size:inherit; } /* body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .txt_error { position:absolute; left:0; font-size:16px; } */ body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .txt_error { font-size:16px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .txt_error .ico { margin-right:6px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .txtarea { flex:1 0 100%; height:140px; margin-top:36px; border-radius:12px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .txtarea * { font-size:inherit !important; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area { flex:0; margin:0 !important; padding-top:20px; background-color:#fff; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .btn_total_agree { height:60px; border-radius:12px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .btn_total_agree .txt { font-size:18px; } /* body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .wylie_info_row { margin:0 !important; margin-top:20px !important; } */ body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .wylie_info_row .wylie_info { gap:0; height:60px; padding:0 20px; border-radius:12px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .wylie_info_row .info_tit { flex:1 0 20%; font-size:18px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .wylie_info_row .info_text { flex:1 0 80%; font-size:18px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .wylie_info_row .info_text.add_placeholder:after { left:40px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .btns.insur_fee_chk_btn { height:72px; margin-top:20px; font-size:20px; border-radius:12px; } body.tablet #pop_inf04_2 #pop_wrap.new_agr_confirm #pop_content .btn_area .btns.insur_fee_chk_btn span { font-size:inherit; } body.tablet #lypop_pdInquiry { height:100% !important; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content { position:absolute; left:0; right:0; top:64px; bottom:0; height:auto !important; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content .pop_content_inner { padding:30px; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content .pop_content_inner .premium_confirm { margin:0; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content .pop_content_inner .premium_confirm .end_title { font-size:30px; line-height:1.2; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content .pop_content_inner .premium_confirm .end_subtitle { font-size:18px; } body.tablet #lypop_pdInquiry #pop_wrap #pop_content .pop_content_inner .premium_confirm .end_img img { max-width:70%; } body.tablet #lypop_pdInquiry #pop_wrap .end_banner { padding:30px; } body.tablet .tablet_mode { position:fixed; left:50%; top:50%; font-size:1em; white-space:nowrap; transform:translate(-50%, -50%); } } /* 토스 작업 건 */ #renew.toss_doc { padding-top:var(--toss-safe-area-top, 0px); } #renew.toss_doc #wrap_mobile_product.header_toss #header { padding-top:var(--toss-safe-area-top, 0px); background:#fff; } #renew.toss_doc #wrap_mobile_product.header_toss { height:auto; padding-bottom:var(--toss-safe-area-top, 0px); background:#fff; } #renew.toss_doc #wrap_mobile_product.header_toss .gurt20_tab { margin-bottom:0; } #renew.toss_doc #wrap_mobile_product.header_toss #header { height:50px; } #renew.toss_doc #wrap_mobile_product.header_toss #header .header_wrap_renew { height:inherit; } #renew.toss_doc #wrap_mobile_product.header_toss #header .header_wrap_renew h1 { display:block; width:100%; height:100%; margin:0; } #renew.toss_doc #wrap_mobile_product.header_toss #header .header_wrap_renew h1 a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:none; } #renew.toss_doc #wrap_mobile_product.header_toss #header .header_wrap_renew h1 a span { position:initial; left:initial; top:initial; width:auto; height:auto; clipe:none; font-size:15px; color:#111; font-weight:500; } #renew.toss_doc #wrap_mobile_product.header_toss #gurtanly { padding-top:50px; } #renew.toss_doc h1, #renew.toss_doc h2, #renew.toss_doc h3, #renew.toss_doc h4, #renew.toss_doc h5, #renew.toss_doc h6 { margin-bottom:0; } #renew.toss_doc #wrap_mobile_product.header_toss p { margin-bottom:0; word-break:break-all; } #renew.toss_doc #wrap_mobile_product.header_toss dt { font-weight:initial; } #renew.toss_doc #wrap_mobile_product.header_toss dd { margin-bottom:0; } #renew.toss_doc #wrap_mobile_product.header_toss caption, #renew.toss_doc #wrap_mobile_product.header_toss + #layerAreaWrap caption { position:absolute; width:1px; height:1px; padding:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew.toss_doc #wrap_mobile_product.header_toss address, #renew.toss_doc #wrap_mobile_product.header_toss dl, #renew.toss_doc #wrap_mobile_product.header_toss ol, #renew.toss_doc #wrap_mobile_product.header_toss ul { margin-bottom:0; } #renew.toss_doc #wrap_mobile_product.header_toss label { margin-bottom:0; } #renew.toss_doc #wrap_mobile_product.header_toss .score_grap_wrap_w .hide_circle_inner_w:after { width:8.55555vw; height:8.5555vw; } #renew.toss_doc #wrap_mobile_product.header_toss .gurt_result_con .lack_gurt .solution_add_wrap > li .solut_push p:first-child { margin-bottom:10px; } #renew.toss_doc #wrap_mobile_product.header_toss .gurt_result_con .lack_gurt .solution_add_wrap .solut_tit dt { font-weight:700; } #renew.toss_doc #wrap_mobile_product.header_toss .tit_box .info_box .guide_txt { line-height:1.4; } #renew.toss_doc #pop_wrap #pop_header { margin-top:var(--toss-safe-area-top, 0px); } #renew.toss_doc #pop_wrap #pop_content.mtreset, #renew.toss_doc #pop_wrap #pop_content.agree_pop_end { top:var(--toss-safe-area-top,0px); } #renew.toss_doc #pop_wrap a.pop_close { top:initial; } #renew.toss_doc #pop_wrap #pop_content + a.pop_close { top:var(--toss-safe-area-top, 0px); } #renew.toss_doc #pop_wrap .pop_content_inner { padding-top:0 !important;} /* A랜딩, E랜딩_ver3 */ .wyl250708_dimm { display:block; } .wyl250708_dimm._off { display:none; } .wyl250708_area { position:fixed; left:0; bottom:0; z-index:110; width:100%; background-color:#fff; border-radius:20px 20px 0 0; transition: 0.3s all; padding:28px 20px 30px 20px; } .wyl250708_area._show { transform:translateY(0); transition: 0.3s all; } .wyl250708_area._shadow { padding-top:20px; border-radius:0; border-top:1px solid #ddd; } .wyl250708_area .btn_area { position:absolute; right:20px; top:28px; z-index:115; width:24px; height:24px; cursor:pointer; background: url("/default/images/common/escape/btn_close02_new.png") no-repeat center center; background-size: contain; } #inform .wyl250708_area .confirm_group { margin-top:0px; padding:0px; } #inform .wyl250708_area .confirm_group .round_cbox { padding:0; border:0px; } .wyl250708_mk1 { transform:translateY(280px); } .wyl250708_mk2 { transform:translateY(510px); } .wyl250708_mk3 { /* transform:translateY(270px); z-index:101; */ z-index:100; } #inform .confirm_group h3.icon_box { position:relative; display:flex; } #inform .confirm_group h3.icon_box .lottie-icon_insert { display:block; width:26px; height:26px; margin-right:8px; } #inform .confirm_group .contents_group.wyl250708 { margin-top:17px; } #inform .confirm_group .nbtns.wyl250708 { margin-top:0px; } #inform .confirm_group .nbtns_box.wyl250708_flex { gap:10px; align-items:flex-end; } #inform .confirm_group .nbtns_box.wyl250708_flex .btn_fir { width:100px; font-size:18px; margin-top:0px; } #inform .confirm_group .nbtns_box.wyl250708_flex .btn_sec { flex-grow:1; width:initial; margin-top:0px; } #inform .confirm_group .nbtns_box.wyl250708_flex .btn_sec span { font-weight:700; font-size:18px; } #inform .cta_layout .cta_btnset.wyl250708_btn { gap:10px; margin-top:24px; } .cta_layout .cta_head .inbox.wyl250708 { margin-bottom:11px; } .cta_layout .cta_container .bx_valid.wyl250708 { height:44px; } #inform .cta_layout .cta_container .info_row.wyl250708 { height:44px; } .cta_btnset.wyl250708_btn button { height:52px; display:flex; justify-content:center; font-weight:700; font-size:18px; align-items:center; border-radius:6px; cursor:pointer; background:#fff;} .cta_btnset.wyl250708_btn .btn_fir { position:relative; flex:1; background:#ccc; overflow: hidden; } .cta_btnset.wyl250708_btn .btn_fir:before { content:""; position:absolute; left:0; top:0; width:0px; height:50px; transition: 0.5s all; } .cta_btnset.wyl250708_btn .btn_fir._on:before { content:""; position:absolute; left:0; top:0; width:100%; height:52px; background:#de4738; transition: 0.5s all; } .cta_btnset.wyl250708_btn .btn_fir span { position:relative; color:#fff;} .cta_btnset.wyl250708_btn .btn_sec { width:52px; border:1px solid #fee500; background:#fee500; } .cta_btnset.wyl250708_btn .btn_sec i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_talk2.svg"); background-size:cover; } .cta_btnset.wyl250708_btn .btn_thi { width:52px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; background:#ccc; } .cta_btnset.wyl250708_btn .btn_thi i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_default.svg"); background-size:cover;} .cta_btnset.wyl250708_btn .btn_thi._on { width:52px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; background:#fff; } .cta_btnset.wyl250708_btn .btn_thi._on i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_default_on.svg"); background-size:cover;} #layerAreaWrap #pop_wrap.new_agr_confirm.wyl250708 { position:fixed; left:0; top:auto; bottom:0px; width:100%; border-radius:20px 20px 0 0; } #pop_wrap.wyl250708 #pop_agree h1.wyl250708 { font-weight:700; font-size:20px; } #pop_wrap.new_agr_confirm #pop_agree button.wyl250708 { position:absolute; right:20px; top:28px; width:24px; height:24px; z-index: 115; cursor: pointer; background: url(/default/images/common/escape/btn_close02_new.png) no-repeat center center; background-size: contain; } /* 랜딩 MK3 B */ .wyl250710_dimm { display:block; } .wyl250710_dimm._off { display:none; } .cta_layout_E.wyl250710_area { position:fixed; left:0; bottom:0; z-index:105; width:100%; background-color:#fff; border-radius:20px 20px 0 0; transition: 0.3s all; padding:28px 2px 30px 2px; margin:0px !important; } .cta_layout_E.wyl250710_area .btn_area { position:absolute; right:20px; top:28px; z-index:115; width:24px; height:24px; cursor:pointer; background: url("/default/images/common/escape/btn_close02_new.png") no-repeat center center; background-size: contain; } .nbtns_240624_a.wyl250710_btn { display:flex; gap:10px; margin-top:0px; } .nbtns_240624_a.wyl250710_btn button { height:52px; display:flex; justify-content:center; font-weight:700; font-size:18px; align-items:center; border-radius:6px; cursor:pointer; background:#fff;} .nbtns_240624_a.wyl250710_btn .simple_btn2 { position:relative; flex:1; background:#ccc; overflow: hidden; } .nbtns_240624_a.wyl250710_btn .simple_btn2:before { content:""; position:absolute; left:0; top:0; width:0px; height:50px; transition: 0.5s all; } .nbtns_240624_a.wyl250710_btn .simple_btn2._ani:before { content:""; position:absolute; left:0; top:0; width:100%; height:52px; background:#de4738; transition: 0.5s all; } .nbtns_240624_a.wyl250710_btn .simple_btn2 span { position:relative; color:#fff;} .nbtns_240624_a.wyl250710_btn .simple_btn { position:relative; flex:1; background-color:#ccc; overflow:hidden; color:#fff;} .nbtns_240624_a.wyl250710_btn .simple_btn:before { position:absolute; position:absolute; left:0; top:0; width:0%; height:100%; background:#DE4738; transition:width .5s; content:""; } .nbtns_240624_a.wyl250710_btn .simple_btn._on { position:relative; background-color: #DE4738; } .nbtns_240624_a.wyl250710_btn .simple_btn._on:before { width:100%; } .nbtns_240624_a.wyl250710_btn .simple_btn._ani { position:relative} .nbtns_240624_a.wyl250710_btn .simple_btn._ani:before { position:absolute; left:0; top:0; width:100%; height:100%; background:#DE4738; transition:width .5s; content:""; } .nbtns_240624_a.wyl250710_btn .simple_btn span { position:relative; color:#fff;} .nbtns_240624_a.wyl250710_btn .btn_sec { width:52px; border:1px solid #fee500; background:#fee500; } .nbtns_240624_a.wyl250710_btn .btn_sec i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_talk2.svg"); background-size:cover; } .nbtns_240624_a.wyl250710_btn .btn_thi { width:52px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; background:#ccc; color:#fff; } .nbtns_240624_a.wyl250710_btn .btn_thi i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_default.svg"); background-size:cover;} .nbtns_240624_a.wyl250710_btn .btn_thi._on { width:52px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; background:#fff; color:#fff; } .nbtns_240624_a.wyl250710_btn .btn_thi._on i { width:28px; height:28px; background:url("/subscribe/images/product/healthcare/_icon_default_on.svg"); background-size:cover;} .wyl250710_mk2 { position:fixed; left:0; bottom:0; z-index:100; width:100%; transition: 0.3s all; padding:20px 2px 30px 2px; margin:0px !important; display:block !important; background:#fff; border-top:1px solid #ddd; } .nbtns_240624_a.cta_fixed ._bottom_area button.btn_100 { width:100px; font-weight:500; font-size:18px; } .nbtns_240624_a.cta_fixed.wyl250710_mk2 ._bottom_area { padding:17px 18px 0 18px; border:0px; } .nbtns_240624_a.cta_fixed.wyl250710_mk2 .head { padding-left:20px; } .nbtns_240624_a.cta_fixed.wyl250710_mk2 .head h3.icon_box { position:relative; font-weight:700; font-size:20px; color:#111; display:flex; } .nbtns_240624_a.cta_fixed.wyl250710_mk2 .head h3.icon_box .lottie-icon_insert { display:block; width:26px; height:26px; margin-right:8px; } .wyl250710_mk1._hide { transform:translateY(510px); } .wyl250710_mk2._hide { transform:translateY(300px); } .nbtns_240624_a.cta_fixed ._bottom_area .btn.wyl250708_btn { font-size:18px; } /* 채팅 */ .wyl250718_dimm { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.70); } .hide_txt { position:absolute; left:0; top:-9999; font-size:0; line-height:0; } .wyl250718_bs_area { position:fixed; bottom:0; left:0; display:flex; justify-content:flex-start; flex-direction: column; width:100vw; height:369px; padding:40px 20px 40px 20px; box-sizing:border-box; border-radius:20px 20px 0 0; background:#fff; transition:all 0.3s; transform:translateY(600px); align-items: center; } .wyl250718_bs_area._ani { transition:all 0.3s; transform:translateY(0px); } .wyl250718_bs_area .btn_close_area { position:absolute; right:20px; top:28px; width:24px; height:24px; cursor:pointer; background: url(/default/images/common/escape/btn_close02_new.png) no-repeat center center; background-size: contain; } .wyl250718_bs_area .img_area { width:100%; height:76px; display:flex; justify-content:center; margin-bottom:10px; } .wyl250718_bs_area .img_area img { width:156px;} .wyl250718_bs_area .txt_area { width:320px; margin-bottom:24px; } .wyl250718_bs_area .txt_area dt { width:100%; height:48px; margin-bottom:12px; text-align:center; font-family:"pretendard"; font-size:20px; line-height:normal; color:#111; font-weight:700; } .wyl250718_bs_area .txt_area dd { width:100%; height:34px; text-align:center; font-family:"pretendard"; font-size:14px; color:#888; font-weight:400; /* line-height:normal; */ } .wyl250718_bs_area .btn_area { width:320px; height:52px; } .wyl250718_bs_area .btn_area button { width:100%; height:52px; margin-bottom:16px; padding:15px 0; display:flex; justify-content:center; align-items:center; align-self:stretch; border-radius:6px; background:#fee500; } .wyl250718_bs_area .btn_area button span { font-family:"pretendard"; font-size:16px; font-weight:700; line-height:normal; color:#111; } .wyl250718_bs_area .btn_area .chat_area { height:17px; display:flex; justify-content:center; } .wyl250718_bs_area .btn_area .chat_area button { width:105px; height:17px; text-decoration: none; background:#fff; } .wyl250718_bs_area .btn_area .chat_area button span { position:relative; font-family:"pretendard"; font-size:14px; font-weight:500; line-height:normal; color:#767676; } .wyl250718_bs_area .btn_area .chat_area button span:after { content:""; position:absolute; bottom:-2px; left:0; width:100%; height:1px; background:#767676; } .wyl250718_scrollhide { overflow:hidden;} /* 250527 개인정보처리방침 250620 */ .wyle_250703 { top:100px !important; } #renew .tm_evt_pop_renew #pop_header h1.wyl_h1_250702 { position:relative; left:initial; top:initial; display:flex; justify-content:flex-start; align-items:center; width:100%; height:60px; padding:0 15px; transform:none; } #renew .tm_evt_pop_renew .wyl_header_250702 { height:100px !important; flex-direction: column; /* border:1px solid red */ } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area { width:100%; display:flex; gap:5px; justify-content:left; padding:0 15px; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search { display:flex; gap:5px; width:100%; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area { flex:1; position:relative; height:34px; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area:before { content:""; position:absolute; right:12px; top:12px; z-index:10; width:5px; height:5px; border-width:1px 1px 0 0; border-style:solid; border-color:#000; transform:rotate(135deg); } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt { width:100%; height:34px; line-height:34px; font-size:15px; border:1px solid #ddd; padding-left:10px; box-sizing:border-box;} #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area .slc_drop { display:none; position:absolute; left:0; top:0px; width:100%; height:150px; overflow-y:auto; padding:5px; text-indent:12px; background:#fff; border:1px solid #e7e7e7; z-index:10; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area .slc_drop ul { position:relative; top:-7px; margin:0; padding:0; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area .slc_drop li { line-height:33px; height:33px; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .inpt_area .slc_drop._on { display:block; top:33px; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .btn { height:34px; display:flex; justify-content:center; align-items:center; font-size:14px; background: #ffffff; border: 1px solid #e7e7e7; } #renew .tm_evt_pop_renew .wyl_header_250702 .search_area .search .btn:before { display:none; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area { position:relative; display:block; width:100%; margin-top:10px; padding:0 18px; text-align:right; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area a { position:relative; display:inline-block; padding:8px 30px 8px 8px; font-size:14px; color:#111; font-weight:500; white-space:nowrap; border-bottom:1px solid #333; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area a:before { content:""; position:absolute; right:12px; top:12px; z-index:10; width:5px; height:5px; border-width:1px 1px 0 0; border-style:solid; border-color:#000; transform:rotate(135deg); } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area a.on:before { top:15px; transform:rotate(-45deg); } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box { position:absolute; display:none; left:18px; right:18px; top:34px; text-align:left; background:#fff; border:1px solid #313131; box-shadow:0 4px 8px rgba(0,0,0,0.08); z-index:1; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box li + li { border-top:1px solid #ddd; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box a { position:relative; display:block; padding:10px 38px 10px 12px; font-size:14px; color:#777; text-overflow:ellipsis; white-space:nowrap; border:0; overflow:hidden; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box a:before { display:none; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box a:after { position:absolute; display:block; right:12px; top:50%; width:24px; height:24px; background:url("/default/images/content/icon_pdf.svg") no-repeat center center; background-size:100%; transform:translateY(-50%); content:""; } #renew .tm_evt_pop_renew .wyl_header_250702 .view_area .view_box.on { display:block; } #renew .tm_evt_pop_renew .wyle_250703 .terms_file {overflow:hidden;border:1px solid #e7e7e7;margin-top:-1px;padding:10px 0 10px 20px;} #renew .tm_evt_pop_renew .wyle_250703 .terms_file strong {font-family:"RixSGo EB";border-right:1px solid #e7e7e7;line-height:14px;padding:0 20px 0 0;margin:5px 20px 0 0;} #renew .tm_evt_pop_renew .wyle_250703 .terms_file .terms_filelist {padding-left:10px;} #renew .tm_evt_pop_renew .wyle_250703 .terms_file .terms_filelist a {margin-right:20px;line-height:25px; font-size:14px;} #renew .tm_evt_pop_renew .wyl_header_250825 { height:140px !important; } #renew .wyle_250825 { top:140px !important; } .pplcy_wrap * { margin:0; padding:0; font-size:16px; } .pplcy_wrap .sec_pdf { width:24px; height:24px; } .pplcy_wrap .flex_box { display:flex; flex-direction: column;} .pplcy_wrap .flex_item { flex:1; } .pplcy_wrap ._fb { font-weight:700; } .pplcy_wrap > p { font-size:14px; } .pplcy_wrap .sec_area { margin-top:40px; } #content .pplcy_wrap .sec_area h3 { font-weight:600; font-size:24px; line-height:20px; } #content .pplcy_wrap .sec_area h3 span { letter-spacing: -1px; font-size:24px; line-height:20px;} .pplcy_wrap .sec_area .sign_tit { height:48px; line-height:48px; align-items: center; text-align:center; font-size: 16px; border-width: 1px 1px 0 1px; border-style:solid; border-color:#e7e7e7; background:#EEE; } .pplcy_wrap .sec_area .sign_area .sign_box { padding:16px; box-sizing:border-box; border: 1px solid #e7e7e7; } .pplcy_wrap .sec_area .sign_area .sign_box:nth-child(1) ~ .sign_box { margin-top : -1px; } .pplcy_wrap .sec_area .sign_area .sign_box ._img { position:relative; left:50%; width:48px; display:flex; justify-content:center; margin-bottom:12px; transform:translateX(-50%); } .pplcy_wrap .sec_area .sign_area .sign_box p { display:flex; justify-content:center; font-size:16px; margin-bottom:16px; } .pplcy_wrap .sec_area .sign_area .sign_box ul li { position:relative; font-size:14px; color:#777; margin-bottom:8px; padding-left:12px; text-indent:0px; box-sizing:border-box; } .pplcy_wrap .sec_area .sign_area .sign_box ul li:before { content:""; position:absolute; left:0; top:9px; width:3px; height:3px; background:#333; } .pplcy_wrap .idx_area { margin-top:40px; flex-direction:column; border:1px solid #e7e7e7; } .pplcy_wrap .idx_area .idx_tit { flex-basis:48px; display:flex; justify-content:center; align-items:center; height:48px; font-size:16px; background:#EEE; border-bottom:1px solid #e7e7e7; } .pplcy_wrap .idx_area .idx_body { position:relative; align-items:flex-start; } .pplcy_wrap .idx_area .idx_body ._le { padding:16px; } .pplcy_wrap .idx_area .idx_body ._le li { padding-left:53px; text-indent:-44px; font-size:14px; line-height:20px; } .pplcy_wrap .idx_area .idx_body ._le li + li { margin-top:8px; } .pplcy_wrap .sec_area .sec_img img { height:64px; margin-bottom:26px; } .pplcy_wrap .sec_area .sec_txt { margin-bottom:16px; font-size:14px; font-weight:400; line-height:20px; color:#656565; } .pplcy_wrap .sec_area .art_area { margin-top:24px; } .pplcy_wrap .sec_area ul li { padding-left:15px; text-indent:-17px; margin-bottom:8px; font-size:14px; } .pplcy_wrap .sec_area ul li._none { padding-left:0px; text-indent:0px; margin-bottom:8px; } #pop_wrap #pop_content .pplcy_wrap .sec_area h3 { font-size:20px; font-weight:700; line-height:26px; } .pplcy_wrap .sec_area .art_area .art_head_tit { padding:0 0 16px 0; font-size:16px; font-weight:500; line-height:20px; background:none; color:#333; padding-left:25px; text-indent:-25px; } .pplcy_wrap .sec_area .art_area { padding:0px;} .pplcy_wrap .sec_area .art_area .art_ls { padding-left:20px; } .pplcy_wrap .sec_area .art_area ul { padding:0px; } .pplcy_wrap .sec_area .art_area ul._p_top { padding-top:20px; } .pplcy_wrap .sec_area .art_area ul li { font-size:14px; } .pplcy_wrap .sec_area .art_area ul li._num { padding-left:12px; text-indent:-12px; box-sizing: border-box; font-size:14px; font-weight:400; line-height:20px; color:#656565; } .pplcy_wrap .sec_area .art_area ul li._num2 { padding-left:30px; text-indent:-30px; box-sizing: border-box; font-size:14px; font-weight:400; line-height:20px; color:#656565; } .pplcy_wrap .sec_area .art_area ul li._num a { word-break: break-all; } .pplcy_wrap .sec_area .art_area ul li._dot { position:relative; padding-left:20px; text-indent:0px;} .pplcy_wrap .sec_area .art_area ul li._dot:last-child { margin-bottom:0px;} .pplcy_wrap .sec_area .art_area ul li._dot:before { content:""; position:absolute; left:10px; top:9px; width:3px; height:3px; background:#333; } .pplcy_wrap .sec_area .art_area ul li._dot ._sub { position:relative; padding-left:20px; box-sizing:border-box; margin-bottom:0px; font-size:14px; } .pplcy_wrap .sec_area .art_area ul li._dot ._sub:before { content:"-"; position:absolute; left:7px; top:0px; } .pplcy_wrap .sec_area .art_area p._art_txt { padding-left:20px; line-height:20px; font-size:14px; font-weight:400; line-height:20px; color:#656565; } .pplcy_wrap .sec_area .art_area p._art_txt_top { margin-top:10px; } .pplcy_wrap .sec_area .art_area p._art_txt._notop { margin-top:0px; padding-left:0px; text-indent: 0px; font-size:14px; } .pplcy_wrap .sec_area .art_area p.art_txt { line-height:20px; font-size:14px; font-weight:400; line-height:20px; color:#656565; } .pplcy_wrap .sec_area .art_area p._dash { position:relative; font-size:14px; padding-left:13px; box-sizing:border-box; text-indent: 0px;} .pplcy_wrap .sec_area .art_area p._dash:before { content:"-"; position:absolute; left:2px;; top:0; font-size:14px; } .pplcy_wrap .sec_area .art_area ._art_ul.padding_top_0 { padding:0 0 0 20px; } .pplcy_wrap .sec_area .art_area .tb_area._topline { border-top:2px solid #333; } .pplcy_wrap .sec_area .art_area .tb_area._margin_top_0 { margin:0px 0 20px -20px; } .pplcy_wrap .sec_area .art_area .tb_area._margin_top { margin:15px 0 15px 0px; } #layerAreaWrap #pop_wrap .pplcy_wrap .sec_area .art_area .tb_area .tit { height:44px; font-size:14px !important; font-weight:700; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #e7e7e7; } .pplcy_wrap .sec_area .tb_type { width:100%; border-collapse:collapse; } .pplcy_wrap .sec_area .tb_type .coltype2 { width:95px; } .pplcy_wrap .sec_area .tb_type thead th { height:44px; line-height:44px; font-size:14px; border-bottom:1px solid #e7e7e7; } .pplcy_wrap .sec_area .tb_type thead th._pp_le { padding-left:10px; font-size:16px; } .pplcy_wrap .sec_area .tb_type thead th._ce { text-align:center; } .pplcy_wrap .sec_area .tb_type thead th._le { text-align:left; } .pplcy_wrap .sec_area .tb_type tbody tr { border-bottom:1px solid #e7e7e7; } .pplcy_wrap .sec_area .tb_type tbody tr th { padding:11px 10px 11px 10px; vertical-align: middle; font-size:14px; color:#333; /*font-weight:600;*/ border-right:1px solid #ececec; } .pplcy_wrap .sec_area .tb_type tbody tr th.no_line { border-right:0px; } .pplcy_wrap .sec_area .tb_type tbody tr td { padding:11px 10px 11px 10px; vertical-align: middle; font-size:14px; color:#333; word-break: break-all; } .pplcy_wrap .sec_area .tb_type tbody tr td.ri_line { border-right:1px solid #ececec; } .pplcy_wrap .sec_area .tb_type tbody tr td._vtop { vertical-align: top; } .pplcy_wrap .sec_area .tb_type tbody tr td ._txt { padding-left:10px; margin-top:8px; font-size:14px; } .pplcy_wrap .sec_area .tb_type tbody tr td._ce { text-align: center; } .pplcy_wrap .sec_area .tb_type tbody tr td._le { text-align: left; } .pplcy_wrap .sec_area .tb_type tbody tr td span.sub_txt { color:#0096AF; font-size:13px; } .pplcy_wrap .sec_area .art_area + .sec_txt { margin-top:20px; } .pplcy_wrap .sec_area .tb_type tbody tr td ._txt + ul._cell { margin-top:10px; } .pplcy_wrap .sec_area p._txt + ul { margin-top:10px; /* border:1px solid red; */ } /* 직판Mo Bs 250918 */ .pop_banner_area1_250918 { width:100%; height:100px; } .pop_banner_area2_250918 { width:100%; padding-bottom:24px; } .pop_banner_area2_250918 a { display:block; width:100%; } #pop_wrap #pop_content ._first_250918 { margin-top:0px !important; } .pop_bottom_area_250918 { width:100%; height:50px; } /* .ctaScrollEvent_new { height:110px; display:flex; padding:24px 20px 40px 20px !important; flex-direction:column; align-items: center; gap:20px; border-radius:12px 12px 0 0; background:#fff; border-top:0px !important; box-shadow:0 -6px 12px 0 rgba(0, 0, 0, 0.06) !important; } */ .btn_bs_go_250918 { position:fixed; right:10px; bottom:130px; z-index:99; width:54px; background:rgba(222,71,56,0.90); border-radius:30px; box-shadow:0 4px 4px 0 rgba(0,0,0, 0.16); transition:0.3s all; } .btn_bs_go_250918._off { display:none; } .btn_bs_go_250918._on { width:181px; transition:0.3s all; } .btn_bs_go_250918 .btn_area { width:100%; height:39px; padding:0 16px 0 16px; display:flex; justify-content:right; align-items:center; } .btn_bs_go_250918 .btn_area .txt { font-size:14px; font-weight:500; color:#fff; margin-right:5px; } .btn_bs_go_250918 .btn_area .txt._off { display:none; } .btn_bs_go_250918 .btn_area .noon_area { width:22px; height:22px; } .btn_bs_go_250918 .btn_close { position:absolute; right:-2px; top:-7px; width:18px; height:18px; background:url("/subscribe/images/renew/btn_noonnet.svg") no-repeat; background-size:cover; } .btn_bs_go_250918 .btn_close._off { display:none; } .banner_ars251217._pt20 { padding-top:20px;} .wy260113_dim { position:fixed; top:0; left:0; z-index: 104; width:100vw; height:100vh; background:rgba(0,0,0,0.70); } .wy260113_dim._off { display:none; } .wy260113_bs_area { position:fixed; bottom:0; left:0; z-index: 105; display:flex; justify-content:flex-start; flex-direction:column; width:100vw; padding:20px 18px 32px 18px; box-sizing:border-box; border-radius:20px 20px 0 0; background:#fff; transition:all 0.3s; transform:translateY(100%); align-items:center; } .wy260113_bs_area._ani { transition:all 0.3s; transform:translateY(0px);} .wy260113_bs_area .btn_close_area_bs { position:absolute; right:20px; top:19px; width:24px; height:24px; cursor:pointer; background:#fff; background:url(/default/images/common/escape/btn_close02_new.png) no-repeat center center; background-size:contain; } .wy260113_bs_area > .head { width:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; margin-bottom:20px; } .wy260113_bs_area > .head .tit { width:100%; height:52px; line-height:1.2; word-break:keep-all; font-size:20px; font-weight:700; color:#111; } .wy260113_bs_area > .head ul.txt { width:100%; } .wy260113_bs_area > .head ul.txt > li { position:relative; width:100%; font-size:14px; font-weight:400; line-height:1.4; color:#888; padding-left:12px; box-sizing:border-box; } .wy260113_bs_area > .head ul.txt > li._off { display:none; } .wy260113_bs_area > .head ul.txt > li:before { content:"*"; position:absolute; left:0; top:0; font-size:14px; font-weight:400; line-height:1.4; color:#888; } .wy260113_bs_area > .body { width:100%; } .wy260113_bs_area > .body .all_agree > .btn_all { width:100%; height:50px; display:flex; justify-content:flex-start; align-items:center; border-radius:6px; border:2px solid #333; background:#fff; padding:0 16px 0 16px; box-sizing:border-box; } .wy260113_bs_area > .body .all_agree > .btn_all > span.txt { position:relative; padding-left:32px; font-size:16px; font-weight:700; line-height:1.4; color:#333; } .wy260113_bs_area > .body .all_agree > .btn_all > span.txt:before { content:""; position:absolute; left:0; top:-1px; width:24px; height:25px; background: url("/subscribe/images/guarantee/common/ico_check_260115.svg") no-repeat center center; } .wy260113_bs_area > .body .all_agree > .btn_all._on { border:2px solid #de4738; background:#fff; padding:0 16px 0 16px; box-sizing:border-box; } .wy260113_bs_area > .body .all_agree > .btn_all._on > span.txt { color:#de4738; } .wy260113_bs_area > .body .all_agree > .btn_all._on > span.txt:before { content:""; position:absolute; left:0; top:-1px; width:24px; height:25px; background: url("/subscribe/images/guarantee/common/ico_check_on_260115.svg") no-repeat center center; } .wy260113_bs_area > .body .inpt_chck_ls { margin-top:4px;} .wy260113_bs_area > .body .inpt_chck_ls li { position:relative; width:100%; height:44px; display:flex; justify-content:flex-start; align-items:center; padding:0 16px 0 16px; box-sizing:border-box; } .wy260113_bs_area > .body .inpt_chck_ls li .label_txt { position:relative; font-size:16px; font-weight:500; line-height:1.4; color:#111; padding-left:32px; box-sizing:border-box; } .wy260113_bs_area > .body .inpt_chck_ls li .label_txt ._gray { color:#999; } .wy260113_bs_area > .body .inpt_chck_ls li input[type=checkbox] { display:none; } .wy260113_bs_area > .body .inpt_chck_ls li input[type=checkbox]:checked + label:before { content:""; position:absolute; left:0; top:0; width:24px; height:24px; background: url("/subscribe/images/guarantee/common/ico_gurt_check_on02_260115.svg") no-repeat center center;} .wy260113_bs_area > .body .inpt_chck_ls li input[type=checkbox] + label:before { content:""; position:absolute; left:0; top:0; width:24px; height:24px; background: url("/subscribe/images/guarantee/common/ico_gurt_check02_260115.svg") no-repeat center center;} .wy260113_bs_area > .body .inpt_chck_ls li .pop_btn { position:absolute; right:0; top:50%; width:16px; height:16px; transform:translateY(-55%); } .wy260113_bs_area > .body .inpt_chck_ls li .pop_btn .agree_btn { width:16px; height:16px; background:url("/subscribe/images/guarantee/common/ico_dir_250115.svg") no-repeat center center; } .wy260113_bs_area > .btn_area { width:100%; margin-top:20px; } .wy260113_bs_area > .btn_area > .btn { position:relative; width:100%; height:52px; display:flex; justify-content:center; align-items:center; border-radius:6px; background:#ccc; font-size:16px; font-weight:700; line-height:1.4; color:#fff; overflow:hidden; } .wy260113_bs_area > .btn_area > .btn:after { content:""; position:absolute; left:0; top:0; width:0; height:52px; transition:all 0.3s; } .wy260113_bs_area > .btn_area > .btn._on { position:relative; } .wy260113_bs_area > .btn_area > .btn._on:after { content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:52px; background:#de4738; transition:all 0.3s; } .wy260113_bs_area > .btn_area > .btn > span { position:relative; z-index:3; color:#fff; } .wy260113_pop_wrap { position:relative; z-index:106; width:100vw; height:100vh; background:#fff; } .wy260113_pop_wrap .popclose { position:absolute; right:18px; top:18px; width:24px; height:24px; } .wy260113_pop_wrap .popclose_btn { width:24px; height:24px; background:url("/subscribe/images/guarantee/common/ico_close_260115.svg") no-repeat center center; } .wy260113_pop_wrap .head { border-bottom:1px solid #ddd; padding:18px 18px 0 18px; box-sizing:border-box; } .wy260113_pop_wrap .head .tit { width:100%; box-sizing:border-box; font-size:18px; font-weight:700; color:#111; line-height:1.4; } .wy260113_pop_wrap .head .txt { width:100%; height:max-content; margin-top:18px; margin-bottom:20px; } .wy260113_pop_wrap .head .txt > li { position:relative; font-size:14px; font-weight:400; line-height:1.4; color:#888; padding-left:12px; box-sizing:border-box; } .wy260113_pop_wrap .head .txt > li:before { content:"*"; position:absolute; left:0; top:0; font-size:14px; font-weight:400; line-height:1.4; color:#888; } .wy260113_pop_wrap .body { width:100%; height:500px; overflow-y:auto; padding:12px 18px 18px 18px;} .wy260113_pop_wrap .body ._art_tit_ff { font-family: 'Pretendard', Helvetica,sans-serif !important; } .wy260113_pop_wrap .body ._art_tit { margin-bottom:16px; font-size:16px; font-weight:700; line-height:1.4; color:#111; } .wy260113_pop_wrap .body ._art_txt { margin-bottom:16px; font-size:12px; font-weight:600; line-height:20px; color:#000; } .wy260113_pop_wrap .body ._art_txt400 { margin-bottom:16px; font-size:12px; font-weight:400; line-height:20px; color:#000; } .wy260113_pop_wrap .body ._art_txt2 { font-size:13px; font-weight:400; line-height:1.4; color:#767676; } .wy260113_pop_wrap .body ._m_t16 { margin-top:16px;} .wy260113_pop_wrap .body ._m_b16 { margin-bottom:16px;} .wy260113_pop_wrap .body ._m_b14 { margin-bottom:14px;} .wy260113_pop_wrap .body ._m_b12 { margin-bottom:12px;} .wy260113_pop_wrap .body ._m_b3 { margin-bottom:3px;} .wy260113_pop_wrap .body ._m_t0 { margin-top:0;} .wy260113_pop_wrap .body ._lineh_15 { line-height:1.5;} .wy260113_pop_wrap .body ._uline { text-decoration:underline; } .wy260113_pop_wrap .body ._fw400 { font-weight:400; } .wy260113_pop_wrap .body ._fw700 { font-weight:700; } .wy260113_pop_wrap .body .mobile_common_txtarea dt { color:#666 !important; margin-bottom:5px; } .wy260113_pop_wrap .body ._bbuline { border-bottom: 1px solid #ddd; padding-bottom:10px; } .wy260113_pop_wrap .body ._fsize_12 { font-size:12px; } .wy260113_pop_wrap .body ._bg_gray { background:#f5f5f5; border-radius:4px; padding:15px; box-sizing:border-box; } .wy260113_pop_wrap .body ._tonsin_ls { position:relative; top:0px !important; } .wy260113_pop_wrap .body ._tonsin_height { left: 0; top: 0; width:100%; height:max-content; } .wy260113_pop_wrap .body ._total_telecom_list_new { height:max-content !important; } .wy260113_pop_wrap .body ._total_telecom_nav_new { position:relative !important; padding: 20px 0 20px 0 !important; margin:0 auto; } .wy260113_pop_wrap .bottom { position:fixed; left:0; bottom:0; width:100%; height:104px; padding:20px 18px 32px 18px; background:#fff; } .wy260113_pop_wrap .bottom .btn { width:100%; height:52px; display:flex; justify-content:center; align-items:center; background:#de4738; border-radius:6px; } .wy260113_pop_wrap .bottom .btn._off { background:#ccc;} .wy260113_pop_wrap .bottom .btn span { font-size:16px; font-weight:700; line-height:1.4; color:#fff; } .wy260113_pop_wrap .total_agree_cont_inner + .total_agree_cont_inner { margin-top:30px; } .cc_fullpop { display:none;} .cc_fullpop._on { display:block; } .wy260129_fontsize12 { font-size:12px !important; } .wy260129_fontsize14 { font-size:14px !important; } .wy260129_bold400 { font-weight:400; } .wy260129_bold700 { font-weight:700; } .wy260129_boldn { font-weight:normal; } .wy260129_color000 { color:#000 !important; } .wy260129_color333 { color:#333 !important; } .wy260129_color666 { color:#666 !important; } .wy260129_color65 { color:#656565 !important; } .wy260129_color76 { color:#767676 !important; } .wy260129_lineheight20 { line-height:20px;; } .wy260129_m_b15 { margin-bottom:15px; } .wy260129_margin_r24 { margin-right:24px !important; } .wy260129_total_agree_plus { padding : 0 5px} .wy260129_li01 { padding:0 0 5px 12px; } .wy260129_mt5 { margin-top:5px; } ul.wy260129_bg > li { background:transparent !important; } .wy260129_ipt_tooltip { display: none; position: absolute; width: 180px; top: -8px; left: 138px; padding: 6px 7px; background: #ecf8fa; border: 1px solid #80cfdc; border-radius: 5px; box-shadow: 0px 5px 5px rgba(0,0,0,.2); color: #333333; font-size: 12px; line-height: 1.4; z-index: 5; box-sizing: border-box; text-align: justify; animation: toolbum_260129 .7s infinite; } .wy260129_ipt_tooltip::before { position: absolute; top: 40%; left: -6px; content: ""; display: inline-block; width: 12px; height: 12px; background: #ecf8fa; transform: rotate(45deg); z-index: 5;} .wy260129_ipt_tooltip::after { position: absolute; top: 40%; left: -7px; content: ""; display: inline-block; width: 12px; height: 12px; background: #80cfdc; transform: rotate(45deg); z-index: 1;} .wy260129_ipt_tooltip.on { display:block;} .wy260129_ipt_tooltip span { color: #0096af; font-weight: bold;} .wy260129_dlwrap > dt { color:#666; font-size:12px;} .wy260129_dlwrap > dd { color:#666; font-size:12px;} .wy260129_ulwrap2 > li { color:#333} @keyframes toolbum_260129 { 0% {left:138px;} 50% {left:148px;} 100% {left:138px;} } /* 세만금, 연만기 상품확인하러가기 베너 */ .etc_bann_design {margin-top: 36px; padding: 0 18px;} /* wyl260209 ST 내 보험료 진단하기 modalpop */ .wyl260209pop { position:fixed; top:0; left:0; right:0; bottom:0; display:none; width:100%; height:100%; z-index:101; background:rgba(17,17,17, 0.7); } ._hidden_obj { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect( 1px, 1px, 1px, 1px); overflow:hidden; } .wyl260209pop.show { display:block; } .wyl260209pop .wyl260209_modalwrap { position:fixed; left:50%; top:50%; display:block; width:calc(100% - 36px); background:#fff; transform:translate(-50%, -50%); border-radius:0.8rem; padding:16px 16px 24px 16px; } .wyl260209pop .wyl260209_modalwrap .modal_header { position:relative; width:100%; height:2.4rem; display:flex; justify-content:flex-end; } .wyl260209pop .wyl260209_modalwrap .modal_header .btn_close { position:absolute; top:0px; right:0px; width:24px; height:24px; background-image: url("/default/images/common/icon_260209_close.svg"); background-repeat:no-repeat; background-position: center center; background-size:80%; } .wyl260209pop .wyl260209_modalwrap .modal_body { padding:0; } .wyl260209pop .wyl260209_modalwrap .modal_body .tit { margin-bottom:0px; text-align:center; font-size:15px; font-style:normal; font-weight:500; color:#111; line-height:1.4; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt_time { padding:0; text-align:center; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt_time span { position:relative; height:20px; margin-bottom:14px; padding-left:18px; font-size:13px; font-style:normal; font-weight:500; line-height:1.4; color:#de4738; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt_time span:before { content:""; position:absolute; top:0; left:-2px; width:16px; height:16px; background:url("/default/images/common/icon_260209_Info.svg") 0 0px no-repeat; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt_infor { padding:6px 0 0 0; text-align:center; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt_infor span { font-size:13px; font-weight:400; line-height:1.4; color:#777; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt { position:relative; margin-top:14px; padding-top:14px; border-top:1px solid #e1e1e1; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt span { position:relative; font-size:15px; font-style:normal; font-weight:700; line-height:1.4; word-break:break-all; color:#de4738; } .wyl260209pop .wyl260209_modalwrap .modal_body .txt span:before { content:""; position:absolute; left:0; bottom:2px; z-index:-1; width:100%; height:7px; background:#ffe6e3; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls { margin-top:12px; display:flex; flex-direction:column; flex-wrap: wrap; gap:12px; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li { display:flex; border-radius:4px; border:1px solid #e1e1e1; padding:12px 16px 12px 16px; box-shadow:2px 2px 6px 0 rgba(0,0,0, 0.05); background:#fff; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item1 { position:relative; width:40px; display:flex; justify-content:flex-start; align-items:center; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item1 img { width:24px; height:24px;} .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item2 { width: calc(100% - 40px); } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item2 .tit { height:20px; margin-bottom:4px; text-align:left; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item2 span.tit2 { position:relative; font-size:14px; font-style:normal; font-weight:700; line-height:1.4; color:#111; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item2 span.tit2:after { content:""; position:absolute; right:-15px; top:1px; width:14px; height:14px; background:url("/default/images/common/icon_260209_arrow.svg") 0 0px no-repeat; background-size:cover; } .wyl260209pop .wyl260209_modalwrap .modal_body .link_ls li .item2 .txt { margin-top:0px; padding:0px; border:0px; font-size:13px; font-weight:400; line-height:1.4; color:#777; letter-spacing:-0.5px; } .wyl260209pop .wyl260209_modalwrap .modal_bottom { margin-top:20px; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .txt { text-align:center; font-size:13px; font-weight:400; line-height:1.4; color:#333; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .txt strong { font-size:16px; font-weight:700; line-height:1.4; color:#333; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .btn_area { display:flex; justify-content:flex-start; gap:10px; margin-top:10px; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item { width:100%; height:36px; justify-content:center; align-items:center; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item .btn { width:100%; height:36px; display:flex; justify-content:center; align-items:center; border:1px solid #de4738; background:#fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); border-radius:6px; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item .btn span { position:relative; padding-left:28px; font-size:14px; font-weight:500; line-height:1.4; color:#111; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item .btn span:before { content:""; position:absolute; left:0; top:-2px; width:20px; height:20px; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item:nth-child(1) .btn span:before { background:url("/default/images/common/icon_260209_btn1.svg") 0 0px no-repeat; } .wyl260209pop .wyl260209_modalwrap .modal_bottom .item:nth-child(2) .btn span:before { background:url("/default/images/common/icon_260209_btn2.svg") 0 0px no-repeat; } /* wyl260209 EN */