@charset "utf-8"; /* Pretendard */ @font-face { font-family: 'Pretendard'; font-weight: 300; src: local("Pretendard-Light"), url(/default/font/Pretendard/Pretendard-Light.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: local("Pretendard-Regular"), url(/default/font/Pretendard/Pretendard-Regular.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: local("Pretendard-Medium"), url(/default/font/Pretendard/Pretendard-Medium.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: local("Pretendard-SemiBold"), url(/default/font/Pretendard/Pretendard-SemiBold.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: local("Pretendard-Bold"), url(/default/font/Pretendard/Pretendard-Bold.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: local("Pretendard-ExtraBold"), url(/default/font/Pretendard/Pretendard-ExtraBold.woff2) format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 900; src: local("Pretendard-Black"), url(/default/font/Pretendard/Pretendard-Black.woff2) format('woff2'); } /* Roboto */ @font-face { font-family: 'Roboto'; font-weight: 300; src: local("Roboto-Light"), url(/default/font/Roboto/Roboto-Light.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-weight: 400; src: local("Roboto-Regular"), url(/default/font/Roboto/Roboto-Regular.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-weight: 700; src: local("Roboto-Bold"), url(/default/font/Roboto/Roboto-Bold.woff2) format('woff2'); } body, body * { font-family:"Pretendard", sans-serif !important; font-weight:500; line-height:1; box-sizing:border-box; } a:hover { color:initial; text-decoration:none; } #renew .hide { position:absolute; left:0; top:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } button { cursor: pointer;} hr { border: 0;} ::-webkit-input-placeholder { font-family:"Pretendard", sans-serif !important; } ::-moz-placeholder { font-family:"Pretendard", sans-serif !important; } /* firefox 19+ */ :-ms-input-placeholder { font-family:"Pretendard", sans-serif !important; } /* ie */ input[type=text]:-ms-input-placeholder { font-family:"Pretendard", sans-serif !important; } /* ie */ input[type=password]:-ms-input-placeholder { font-family:"Pretendard", sans-serif !important; } /* ie */ input:-moz-placeholder { font-family:"Pretendard", sans-serif !important; } .visual_hidden { position:absolute; display:block; width:1px; height:1px; font-size:1px; line-height:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .chk { padding:8px 0 7px; } #renew .chk input[type=radio] { position:relative; display:inline-block; width:22px; height:22px; margin-top:0; vertical-align:middle; border:none; outline:none; cursor:pointer; opacity:1; appearance:none; } #renew .chk input[type=radio]:before { position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border-radius:50%; transition:border-color .2s, box-shadow .2s, background-color .5s; border:1px solid #bbb; content:""; } #renew .chk input[type=radio]:after { position:absolute; left:50%; top:50%; width:8px; height:8px; background:#fff; border-radius:50%; transform:translate(-50%, -50%); content:""; } #renew .chk input[type=radio]:checked:before { border-color:#de4738; background-color:#de4738; box-shadow:0 0 0 5px #de4738 inset; } #renew .chk input[type=radio] + label { position:relative; margin-left:4px; margin-right:16px; vertical-align:unset; } #renew .chk input[type=radio] + label:nth-last-child(1) { margin-right:0; } #renew .chk input[type=text] { height:37px; margin:-8px 0 -7px; border-bottom:1px solid #bbb; outline:0; } #renew .chk.add_placeholder { position:relative; } #renew .chk.add_placeholder:after { position:absolute; left:30px; top:50%; color:#999; transform:translateY(-50%); content:"- 없이 입력하세요."; } #renew .input_box.add_placeholder { z-index: 1;} #renew .input_box.add_placeholder:after {content: '- 없이 입력하세요.'; display: block; position: absolute; left: 34px; top: 11px; z-index: -1; font-size: 16px; font-weight: 400; color: #999;} #renew .input_box.add_placeholder.left21:after {left:21%;} /* 인풋 플레이스홀더 굵기 조절 */ #renew input[type=tel]::placeholder, #renew input[type=number]::placeholder, #renew input[type=email]::placeholder, #renew input[type=text]::placeholder { font-weight: 400 !important;} #renew .cta_new_wrap input[type=tel]::placeholder, #renew .cta_new_wrap input[type=number]::placeholder, #renew .cta_new_wrap input[type=email]::placeholder, #renew .cta_new_wrap input[type=text]::placeholder { padding-top: 2px !important; font-size: 16px !important;} /* 에러 아이콘 수정 */ #renew .bx_error > p > em, #renew .bx_error td em, #renew .txt_error .ico { background: url(/default/images/renew/ico_error_alert.png) no-repeat left center;} /* 라디오 아이콘 수정 */ #renew .ipt_radio .radio_style { width: 22px; height: 22px; margin-top: -2px; background: url(/default/images/renew/ico_radiobox.png) no-repeat 0 0;} #renew .ipt_radio .radio_style.on { background-position-y: -28px;} /* 인풋 포커스 시 나오는 라인 */ #renew .group .bar:before, #renew .group .bar:after { height: 1px;} #renew .group .bar:before, #renew .bar:after { background-color: #ed3722;} /* 커튼 배너 */ #renew .bnnr_innr { overflow: hidden;} #renew .bnnr_innr a { display: block;} #renew .bnnr_innr img { margin-left: 50%; transform: translateX(-50%);} /* 기존 소스 - 레이어 수정 *****************************************/ /* 공통 */ #renew .dimmed { background-color: rgba(17, 17, 17, 0.3); backdrop-filter: blur(7px); opacity: 1;} #renew .bx_error_height { height: 20px; margin-top: 8px;} #renew .layer_wrap.doscroll { overflow: hidden; background-color: #fff; border-radius: 16px;} #renew .layer_wrap.doscroll .layer_wrap_in { margin: 0; padding:0 16px 24px 40px; } #renew .layer_header { padding: 24px 0 16px; border: 0;} #renew .layer_header h3 { display: flex; align-items: center; font-family: "Pretendard", sans-serif !important; font-size: 20px; font-weight: 700 !important; color: #111; line-height: 1;} #renew .layer_header h3 .icon { display: block; margin-right: 10px;} #renew .layer_header h3 .headset_small { width: 24px; height: 24px; background: url(/default/images/renew/ico_headset_small.png) no-repeat;} #renew .layer_header h3 span { margin-left: 0; font-size: 20px; font-weight: 700 !important;} #renew #lypop_wrap_pet .layer_header { padding:0; padding-bottom:16px; } #renew #content h3.com_pop_tit .txt_mint { color: #111;} #renew #content h4.stit { float: initial !important; margin: 0 !important; padding: 0 !important; font-family: "Pretendard", sans-serif !important; font-weight: 700 !important; color: #111;} #renew #content h4.wyl_mtit { float: initial !important; margin: 0 !important; padding:0 0 18px 0px !important; font-family: "Pretendard", sans-serif !important; font-size:19px; line-height:19px; color: #111; background:none; } #renew .layer_wrap.doscroll .layer_content { margin-top: 0;} #renew .top_cont { min-height: initial;} #renew .top_cont.mt30 { margin: 22px 0 0 !important;} #renew .top_cont:after { display: none;} #renew .top_cont .top_fr.unit { position: initial; float: initial !important; margin: 2px 0 0; font-size: 13px; font-weight: 400; color: #767676; text-align: left !important; letter-spacing: 0; line-height: 20px;} #renew .layer_wrap.doscroll .btn_close_layer { display: block; right: 24px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close.png) no-repeat;} #renew .lypoptype05 .btn_close_layer { right:20px; top:20px; width:15px; height:15px; opacity:0.3; background:url("/default/images/common/spt_type01.png") no-repeat -52px -122px; } #renew .layer_wrap.doscroll .btn_close_layer_f_landing { position:absolute; display: block; right: 24px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close.png) no-repeat;} #renew .layer_wrap.doscroll .btn_close_layer_f_landing ._hide { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden; } #renew .layer_wrap.doscroll .btn_area { margin-top: 24px;} #renew .layer_wrap.doscroll .btn_area .btn span { font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 0;} #renew .layer_wrap.doscroll .bx_btn .btn span { color:inherit; } #renew .layer_wrap.doscroll a.btn_w01, #renew .layer_wrap.doscroll a.btn_n02 { display: flex; align-items: center; justify-content: center; width: 200px; height: 48px !important; margin: 0 auto; background-color: #de4738; border: none;; border-radius: 24px;} /* #renew .layer_wrap.doscroll .jspVerticalBar { width: 4px;} #renew .layer_wrap.doscroll .jspTrack { background-color: #eee;} #renew .layer_wrap.doscroll .jspDrag { border-radius: 2px; background-color: #bbb;} #renew .layer_wrap.doscroll .top_anchor_list, #renew .layer_wrap.doscroll .jspPane .section { padding: 16px 20px 0 0;} */ /* -- 상령일 공지 -- */ #renew .top_consult_content { margin-top: 16px; padding: 0;} #renew .top_consult_content .notice_date { margin-top: -8px; padding: 0 0 8px; text-align: initial;} #renew .top_consult_content .notice_date p { display: flex; align-items: center; position: relative; width: 100%; height: 56px; min-height: initial; border: none; background-color: #fff7df; border-radius: 8px;} #renew .top_consult_content .notice_date p span { height: initial; padding-left: 117px; font-size: 16px; color: #333; letter-spacing: 0; line-height: 1; background: none;} #renew .top_consult_content .notice_date p::before { content: ''; display: block; position: absolute; left: 36px; top: initial; bottom: 0; width: 57px; height: 64px; background: url(/default/images/renew/img_agree_merry.png) no-repeat;} /* 가입예시 */ #renew .layer_wrap.doscroll .jspVerticalBar { width:3px; } #renew .layer_wrap.doscroll * {word-break:keep-all;} #renew .layer_wrap.doscroll .tbl_data01 { margin-top: 16px; border-bottom: 1px solid #333; border-top: 1px solid #333;} #renew .layer_wrap.doscroll .tbl_data01 thead th { font-size: 14px; font-weight: 700; color: #333; border-color: #333;} #renew .layer_wrap.doscroll .tbl_data01 tbody th { padding: 16px 0; font-size: 14px; color: #333; vertical-align: middle; line-height: 18px;} #renew .layer_wrap.doscroll .tbl_data01 td { padding: 16px 0; font-size: 14px; color: #333; vertical-align: middle; line-height: 18px;} #renew .layer_wrap.doscroll .list_typeEx { margin: 16px 0 0; letter-spacing: 0;} #renew .layer_wrap.doscroll .list_typeEx li { position: relative; margin: 0; font-size: 13px; font-weight: 400; color: #767676; letter-spacing: 0; line-height: 18px; background: none; word-break: keep-all; } #renew .layer_wrap.doscroll .list_typeEx li::after { content: '*'; display: block; position: absolute; left: 0; top: 1px;} #renew .layer_wrap.doscroll .list_typeEx li ~ li { margin-top: 4px;} #renew .layer_wrap.doscroll .list_typeEx li.txt_red { color: #de4738 !important;} #renew .layer_wrap.doscroll .list_typeEx li .txt_red { font-weight:400; } #renew .layer_wrap.doscroll .list_typeEx li.txt_red::after { content: '*'; display: block; position: absolute; left: 0; top: 0; color: #de4738;} #renew .layer_wrap.doscroll .list_typeEx li .bul_dash {font-size:13px; font-weight:400;} #renew .layer_wrap.doscroll .text_typeEx { margin: 10px 0 0 ; letter-spacing: 0; background-position:0 7px;} #renew .layer_wrap.doscroll .tit_dot { float: initial !important; margin: 10px 10px 10px 0; padding:0 0 0 7px !important; font-family: "Pretendard", sans-serif !important; background-position:left 7px !important; color:#333 !important; font-weight:700 !important; } #renew .layer_wrap.doscroll .tit_dot + p { position:relative; margin: 10px 0 !important; font-size: 14px; letter-spacing: 0; line-height: 18px;} #renew .layer_wrap.doscroll .list_typeEx2 li { font-size: 14px; color:#767676;} #renew .layer_wrap.doscroll .list_typeEx2 li.none { background:none !important; padding:0;} #renew .layer_wrap.doscroll .box_insEx {padding:24px;} #renew .layer_wrap.doscroll .box_insEx ol > li {margin-bottom:20px;} #renew .layer_wrap.doscroll .box_insEx ol > li:last-child {margin-bottom:0;} #renew .layer_wrap.doscroll .box_insEx li strong {font-weight:700; line-height:20px;} #renew .layer_wrap.doscroll .box_insEx dl dt {font-weight:700; margin-top:10px;} /* 꼭 알아두실 사항 */ #renew .layer_wrap.doscroll .smallfont { font-size: 13px; font-weight: 400; color: #767676; line-height: 20px;} #renew .layer_wrap.doscroll .smallfont ~ .smallfont { margin-top: 4px;} #renew .layer_wrap.doscroll .smallfont.first { margin-top: 24px;} #renew .layer_wrap.doscroll .list_typeEx3.font_16 > li { margin:16px 0 0 0; padding-left:8px; font-size: 14px !important; line-height: 20px; color:#333; font-weight:500;} #renew .layer_wrap.doscroll .list_typeEx3.font_16 > li ~ li { margin-top: 8px;} #renew .layer_wrap.doscroll .list_typeEx3.font_16 > li >p { font-size: 14px; line-height: 20px;} #renew .layer_wrap.doscroll .list_typeEx3 li > .list_typeEx2.etc li {margin-top:0;} #renew .layer_wrap.doscroll .list_Int { margin-top: 8px;} #renew .layer_wrap.doscroll .list_Int li { font-size: 14px; line-height: 20px;} #renew .layer_wrap.doscroll .list_Int li ~ li { margin-top: 8px;} #renew .layer_wrap.doscroll .anchor_view >p { font-size: 14px; line-height: 20px;} #renew .layer_wrap.doscroll .bg_reset li { font-size: 14px; line-height: 20px;} #renew .layer_wrap.doscroll .bg_reset li ~ li { margin-top: 8px;} #renew .layer_wrap.doscroll .dlistEx dd, #renew .layer_wrap.doscroll .dlistEx.nomargin dd { font-size: 14px; line-height: 20px;} #renew .layer_wrap.doscroll .top_anchor_list .bx_gray { padding: 32px 32px 26px; background-color: #f5f5f5; border-radius: 8px;} #renew .layer_wrap.doscroll .top_anchor_list ul li { text-indent: -22px;} #renew .layer_wrap.doscroll .top_anchor_list ul li a { font-size: 16px; line-height: 18px;} #renew .layer_wrap.doscroll .top_anchor_list ul li a:hover { color: #de4738; text-decoration: none; border-bottom: 1px solid #de4738; font-weight:700;} #renew .layer_wrap.doscroll .top_anchor_list ul li.on a { color: #de4738; border-bottom: 1px solid #de4738;} #renew .layer_wrap.doscroll .top_anchor_list .list01 { width: 253px;} #renew .layer_wrap.doscroll .top_anchor_list .list01.twoColumn { width: 410px;} #renew .layer_wrap.doscroll .top_anchor_list .list02 { width: 244px;} #renew .layer_wrap.doscroll .top_anchor_list .list03 li { text-indent: -22px;} #renew .cont_anchor .dlistEx dt {margin-top:16px; font-size:14px !important; font-weight:700;; font-family: 'Pretendard', sans-serif !important; background-position:left 5px !important;} #renew .cont_anchor .dlistEx .list_Int li {margin-top:0;} #renew .cont_anchor .dlistEx > p {font-size:14px;} #renew .pd_notice { padding-right: 20px;} #renew .pd_notice .cont_anchor { position: relative; height: 224px; margin: 40px -20px 0 0;} #renew .pd_notice .cont_anchor .top_cont.first { margin: 0;} /* 보험료 계산 동의 */ #renew .layer_wrap_agree { padding: 0 40px 24px;} #renew .notice_date p strong.g_text { font-weight: 600; color: #111;} #renew .agree_tit_zone { display: flex; align-items: center; justify-content: space-between; margin-top: 16px;} #renew .agree_tit_zone.mt_size { margin-top: 8px;} #renew .layer_wrap .agree_tit_zone p { margin-top: 0; font-size: 14px; font-weight: 400; color: #767676; letter-spacing: 0; line-height: 20px;} #renew .layer_wrap .agree_tit_zone p .txt_green { font-weight: 400; color: #767676 !important;} #renew .layer_wrap .agree_tit_zone p.fl > span { display:none; font-weight:inherit; } #renew .layer_wrap .agree_tit_zone p.fl > span._on { display:block; margin-top:4px; } #renew .layer_wrap .agree_tit_zone p._wyl_241209 { display:flex; flex-direction:column; } #renew .layer_wrap .agree_tit_zone p._wyl_241209 span { display:block; } #renew .layer_wrap .agree_tit_zone p._wyl_241209 span:first-child { margin-top:0px; } #renew .layer_wrap .agree_tit_zone p._wyl_241209 span.wyl_on { display:block; } #renew .layer_wrap .agree_tit_zone p._wyl_241209 span.wyl_off { display:none; } #renew .layer_wrap .btn_top_area { margin-top: 0;} #renew .layer_wrap .btn_line { display: flex; align-items: center; justify-content: center; width: 136px; min-width: initial; height: 56px; border-color: #de4738; border-radius: 8px;} #renew .layer_wrap .btn_line span { font-size: 18px; font-weight: 700; color: #333;} #renew .layer_wrap .btn_line .ico_gurt_check { width: 25px; height: 24px; margin: -4px 8px 0 0; background: url(/default/images/renew/ico_check_off.png) no-repeat;} #renew .layer_wrap .btn_line.on .ico_gurt_check { background: url(/default/images/renew/ico_check_on.png) no-repeat;} #renew .total_agree_tab_area { margin-top: 16px;} #renew .total_agree_tab ul { border-color: #ddd;} #renew .total_agree_tab ul li a { padding: 20px 24px; font-size: 16px; font-weight: 700; color: #555;} #renew .total_agree_tab ul li.on a { color: #111;} #renew .lypoptype_consult .total_agree_tab ul li.on a:after { height: 2px; background-color: #111;} #renew .agree_privacyInsur { margin-top: 19px;} #renew .agree_privacyInsur .flex { display: flex; align-items: center; justify-content: space-between;} #renew .agree_privacyInsur .flex.etc_mt { margin-top: 16px;} #renew .agree_privacyInsur .flex_text { display: flex; align-items: center; height: 38px;} #renew .agree_privacyInsur h4 { margin: 0 !important; padding: 0; float: initial !important; font-size: 16px; font-weight: 400 !important; color: #888; letter-spacing: 0; line-height: inherit; background: none;} #renew .agree_privacyInsur .chk_space { margin: 0 !important;} #renew .agree_privacyInsur .total_agree_grade { display: block; margin: 0 0 0 10px;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_txt { display: flex; align-items: center; justify-content: center; height: 21px; font-size: 12px; padding-top: 1px; font-weight: 700; letter-spacing: 0;} #renew .agree_privacyInsur .ipt_radio { display: flex; align-items: center;} #renew .agree_privacyInsur .ipt_radio .radio_style { float: initial; margin: 0;} #renew .agree_privacyInsur .chk_space label { margin: 0 0 0 8px !important; font-size: 16px; color: #888;} #renew .agree_privacyInsur .chk_space label + .radio_style { margin-left: 24px;} #renew .agree_privacyInsur .ipt_radio .radio_style.on + label + .ipt_tooltip.on { display: block;} #renew .agree_privacyInsur .ipt_radio .ipt_tooltip { display: none; top: -17px; width: 147px; font-size: 13px; font-weight: 400; color: #333; letter-spacing: 0; border-color: #b2d0ff; background-color: #edf4ff; border-radius: 8px;} #renew .agree_privacyInsur .ipt_radio .ipt_tooltip span { font-size: 13px; font-weight: 600; color: #3382ff; letter-spacing: 0;} #renew .agree_privacyInsur .ipt_radio .ipt_tooltip strong { font-size: 13px; font-weight: 400; color: #333; letter-spacing: 0;} #renew .agree_privacyInsur .ipt_radio .ipt_tooltip.left { top: -17px; animation-name: toolbum_left;} #renew .agree_privacyInsur .ipt_radio .ipt_tooltip.left::after { right: -14px; top: 50%; margin-top: -16px; width: 15px; height: 16px; background: url(/default/images/renew/ico_agree_right_arrow.png) no-repeat; transform: initial;} #renew .agree_privacyInsur .agree_pop_inner { height: auto; margin: 8px 0 0;} #renew .agree_privacyInsur .agree_pop_inner .ag_inner_bx { width: 100%;} #renew .agree_privacyInsur .agree_pop_inner .doscroll { padding: 8px; border: none; background-color: #f5f5f5; border-radius: 8px;} #renew .agree_privacyInsur .agree_pop_inner .doscroll .ipt_radio { margin: 5px 0 0 10px;} #renew .agree_privacyInsur .agree_pop_inner .doscroll .ipt_radio label { color: #888;} #renew .agree_privacyInsur .agree_pop_inner .agree_cont { width: 100%; height: 81px; margin: 0; padding: 14px 14px; background-color: transparent;} #renew .agree_privacyInsur .totalbox { width: 100%; margin: 8px 0 0 !important; padding: 24px; border: none; background-color: #f5f5f5; border-radius: 8px;} #renew .agree_privacyInsur .agree_pop_inner p, #renew .agree_privacyInsur .totalbox .agree_inner p { font-size: 14px; font-weight: 400; color: #333; line-height: 20px;} #renew .agree_privacyInsur .list_type02 { margin-top: 16px; font-size: 14px; font-weight: 400; color: #333;} #renew .agree_privacyInsur .list_type02 li { font-size: 14px; color: #333; line-height: 20px; background-position-y: 8px;} #renew .agree_privacyInsur .list_type02 li ~ li { margin-top: 4px;} #renew .agree_privacyInsur .list_type02 li .notice { font-size: 17px; text-decoration: none; border-bottom: 1px solid #333;} #renew .agree_privacyInsur .agree_inner .ai2 { margin-top: 16px;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip { top: 37px; width: 337px; padding: 16px 13px; border-color: #b2d0ff; background-color: #edf4ff;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip::before { left: 50%; top: -14px; width: 16px; height: 15px; margin-left: -6px; border: none; background: url(/default/images/renew/ico_agree_top_arrow.png) no-repeat;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip::after { display: none;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip p { margin-top: 8px; font-size: 13px !important; color: #333; letter-spacing: 0; line-height: 18px;} #renew .agree_privacyInsur .total_agree_grade .total_agree_grade_tooltip .tooltip_list li { align-items: center; height: 21px; padding-top: 1px; font-size: 12px; font-weight: 700; letter-spacing: 0; border: none;} #renew .agree_privacyInsur .bx_error > p { padding: 0 !important;} #renew .agree_privacyInsur .bx_error > p > em { font-weight: 400; color: #df0000 !important;} #renew .agree_privacyInsur .pi_height { height: 291px; margin: -9px -20px 0 0; padding: 9px 20px 0 0;} @keyframes toolbum_left { 0% {left: -160px;} 50% {left: -165px;} 100% {left: -160px} } #renew .insur_fee_chk_btn { display: flex; align-items: center; justify-content: center; width: 200px; height: 48px; margin: 0 auto; border-radius: 24px;} #renew .insur_fee_chk_btn.green { background-color: #de4738;} /* 보험료 계산 결과 (내게 맞는 보험과 같이 사용) */ #renew .renew_endtm { width: 900px;} #renew .renew_endtm .ins_result_table_container { overflow: inherit; margin-top: 16px;} #renew .renew_endtm .tbl_data01.mt_style { margin-top: 0; border-width: 1px;} #renew .renew_endtm .tbl_data01.mt_style .month_plan_new { display: block; margin-top: 5px; font-weight: 700;} #renew .renew_endtm .tbl_data01.mt_style .month_plan_new b { font-size: 18px;} #renew .renew_endtm .tbl_data01.mt_style .ins_overfow_y { overflow-x: hidden; overflow-y: scroll; height: 335px; margin-right: -20px; padding-right: 16px;} #renew .renew_endtm .tbl_data01.mt_style table thead .strong { padding: 11px 16px !important; border-left: 1px solid #de4738; border-right: 1px solid #de4738; background-color: #ffedee;} #renew .renew_endtm .tbl_data01.mt_style table tbody .strong { padding: 9px 16px !important; border-left: 1px solid #de4738; border-right: 1px solid #de4738; background-color: #ffedee;} #renew .renew_endtm .tbl_data01.mt_style body tr:last-child td { padding-right: 0 !important;} #renew .renew_endtm .tablesub_text { position:relative; display: block; margin-top: 16px; padding-left:11px; font-size: 13px; font-weight: 400; color: #767676;} #renew .renew_endtm .tablesub_text:before { position:absolute; left:0; content:"*"; } #renew .renew_endtm .tablesub_t { margin-top:8px; } #renew .renew_endtm .tablesub_t .tablesub_text { margin-top:0; } #renew .renew_endtm .banner_area { display: block; margin-top: 18px;} #renew .renew_endtm .bnr_analysis { overflow: hidden; position: relative; padding: 0 0 27px;} #renew .renew_endtm .bnr_analysis button { width: 100%;} #renew .renew_endtm .bnr_analysis button img { width: 100%; height: auto;} #renew .renew_endtm .swiper-controlbox { position:absolute; left:50%; bottom:0; transform:translateX(-50%); } #renew .renew_endtm .swiper-pagination { position:relative; display:inline-block; width:auto; } #renew .renew_endtm .swiper-pagination span { margin:0 3px; } /* #renew .renew_endtm .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0;} */ #renew .renew_endtm .swiper-pagination-bullet { background-color: #ccc; opacity: 1; transition: width .2s ease-out} #renew .renew_endtm .swiper-pagination-bullet-active { width: 24px; border-radius: 4px; background-color: #de4738;} #renew .renew_endtm .swiper-control { position:relative; display:inline-block; margin-left:7px; } #renew .renew_endtm .swiper-control > button { width:16px; height:16px; background:#555 url("/default/images/renew/ico_pause_n.svg") no-repeat center center; background-size:38%; border:0; border-radius:50%; } #renew .renew_endtm .swiper-control > button.on { background-image:url("/default/images/renew/ico_play_n.svg"); } #renew .renew_endtm .swiper-control > button > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } /* 바로 상담 받기 결과 */ #renew .layer_wrap_agree .cs_result { margin-top: 16px; padding: 0;} #renew .layer_wrap_agree .cs_result .ico { display: block; position: initial; width: 212px; height: 140px; margin: 0 auto; background: url(/default/images/renew/img_cs_result.png) no-repeat;} #renew .layer_wrap_agree .cs_result .txt { margin-top: 16px; font-size: 18px; font-weight: 400; color: #333;} #renew .layer_wrap_agree .cs_result .txt b { font-weight: 700;} #renew .layer_wrap_agree .cs_result .txtsub { margin-top: 8px; padding-bottom: 24px; font-size: 18px; font-weight: 400; color: #767676; line-height: 24px;} #renew .layer_wrap_agree .endTm_group { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin-top: 16px;} #renew .layer_wrap_agree .endTm_group .endTm_item { position:relative; flex:0; white-space:nowrap; } #renew .layer_wrap_agree .endTm_group .endTm_title { all: unset; font-size: 16px; font-weight: 700 !important; color: #111; line-height: 22px;} #renew .layer_wrap_agree .endTm_group .emdTm_tag { margin-top: 2px;} #renew .layer_wrap_agree .endTm_group .emdTm_tag span { font-size: 13px; font-weight: 400; color: #767676; line-height: 20px;} #renew .layer_wrap_agree .endTm_group .ico_talk_clip { position:relative; display:inline-block; width:40px; height:40px; background-color:#f7f7f7; border-radius:50%; z-index:10; } #renew .layer_wrap_agree .endTm_group .ico_talk_clip:before { position:absolute; left:50%; top:50%; width:24px; height:24px; background:url("/default/images/renew/ico_talk_clip.png?ver=20250708") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); z-index:11; content:""; } #renew .layer_wrap_agree .endTm_group .ico_talk_clip:after { position:absolute; display:none; right:11px; top:9px; width:4px; height:4px; background:linear-gradient(319.09deg, #ff342d 29.64%, #f41d15 100%); border-radius:50%; z-index:11; content:""; } #renew .layer_wrap_agree .endTm_group .ico_talk_clip.on:after { display:block; } #renew .layer_wrap_agree .endTm_group .ico_talk_clip > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .layer_wrap_agree .endTm_group .ico_balloon { position:absolute; display:flex; flex-flow:row nowrap; align-items:center; right:1px; top:1px; height:39px; padding:0 20px; font-size:14px; color:#fff; background:#58acff; border-radius:20px; opacity:0; overflow:hidden; } #renew .layer_wrap_agree .endTm_group .ico_balloon_on { animation:balloons 1s .5s alternate both; } #renew .layer_wrap_agree .endTm_group .ico_balloon_off { animation:balloons_rev 1s .5s alternate both; } #renew .layer_wrap_agree .endTm_group .ico_balloon a { display:block; color:inherit; } #renew .layer_wrap_agree .endTm_group .ico_balloon a > em { color:inherit; font-weight:700; text-decoration:underline; } /* #renew .layer_wrap_agree .endTm_group .ico_balloon:after { position:absolute; right:10px; bottom:-9px; width:12px; height:12px; background:url("/default/images/renew/ico_balloon_tail.svg") no-repeat center center; background-size:contain; content:""; } */ /* #renew .layer_wrap_agree .endTm_group .ico_balloon.on { opacity:1; } */ #renew .layer_wrap_agree .endTm_group .ico_balloon > .btn_balloon_close { position:relative; display:inline-block; width:16px; height:16px; margin-right:8px; background:url("/default/images/renew/ico_close_white.svg") no-repeat center center; } #renew .layer_wrap_agree .endTm_group .ico_balloon > .btn_balloon_close > em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } @keyframes balloons { 0% { width:0; opacity:0; } 10% { opacity:1; } 100% { width:380px; opacity:1; } } @keyframes balloons_rev { 0% { width:380px; opacity:1; } 90% { opacity:0; } 100% { width:0; opacity:0; } } #renew .layer_wrap_agree .hr.height1 { height: 24px;} #renew .layer_wrap_agree .hr.height2 { height: 34px;} /* 전화 상담 예약 */ #renew .tell_consult { width:900px; } #renew .tell_consult .tell_height { height: 574px; padding-right: 20px;} #renew .tell_consult .tell_height.more_height { height: 600px;} #renew .tell_consult .txt { font-size:14px; color:#767676; font-weight:400; letter-spacing: 0;} #renew .tell_consult .txt > strong { font-weight: 400; color:#111; letter-spacing: 0;} #renew #layer_popup_container .tell_consult .line_flex { display: flex; margin-top: 24px;} #renew #layer_popup_container .tell_consult .line_flex .block_area { width: 50%;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_block { all: unset; position: relative;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_group { display: flex; flex-wrap: wrap; gap: 12px;} #renew #layer_popup_container .tell_consult .line_flex .block_area input[type="radio"] { position: absolute; left: 0; top: 0; width:100%; height:31px; overflow:hidden; appearance: none;} #renew #layer_popup_container .tell_consult .line_flex .block_area input[type="radio"]:focus { outline: 2px solid black; border-radius: 2px;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_label { display: flex; justify-content: center; align-items: center; position: relative; min-width: initial; height: 35px; padding: 0 18px; font-size: 16px; color: #333; letter-spacing: 0; border: 1px solid #ccc; border-radius: 25.5px; cursor: pointer;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_label span { margin-left: 4px; color: #999; letter-spacing: 0;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:focus + .rdo_label { font-weight: 700; color: #fff; border-color: #de4738; background-color: #de4738;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:focus +.rdo_label span { color: rgba(255,255,255,0.7);} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:checked +.rdo_label { font-weight: 700; color: #fff; border-color: #de4738; background-color: #de4738;} #renew #layer_popup_container .tell_consult .line_flex .block_area .rdo_box:checked +.rdo_label span { color: rgba(255,255,255,0.7);} #renew #layer_popup_container .input_area .label_tit { position: relative; padding: 0 0 0 9px; font-size: 16px; font-weight: 500 !important; color: #111; letter-spacing: 0;} #renew #layer_popup_container .input_area .label_tit::after { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -3px; background-color: #111; border-radius: 50%;} #renew #layer_popup_container .tell_consult .row_flex { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 14px;} #renew #layer_popup_container .tell_consult .row_flex .flex_group { display: flex; align-items: center; margin-top: 10px;} #renew #layer_popup_container .tell_consult .row_flex .flex_group .label_tit { display: flex; align-items: center; width: 88px;} #renew #layer_popup_container .tell_consult .row_flex .text_group .input_box { flex: 1; position: relative; margin-top: 0; padding-right: 30px;} #renew #layer_popup_container .tell_consult .row_flex .block_area.w50p { width: 50%;} #renew #layer_popup_container .tell_consult .row_flex input[type=text] { display: block; width: 100%; height: 40px; padding: 0 0 2px 0; font-size: 16px; letter-spacing: 0; border: none; border-bottom: 1px solid #aaa; background-color: transparent;} #renew #layer_popup_container .tell_consult .row_flex input[type=text]:focus { outline: 2px solid black; border-radius: 2px;} #renew #layer_popup_container .tell_consult .row_flex .design_default { display: flex; align-items: center; height: 40px;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"] { display: inline-block;position: relative;width: 22px;height: 22px; vertical-align: top;border: none;outline: none;cursor: pointer;opacity: 1;appearance: none;} #renew #layer_popup_container .tell_consult .row_flex .design_default input::before { content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-color: #fff;border-radius: 50%;transition: border-color .2s, box-shadow .2s, background-color .5s;border: 1px solid #ccc;} #renew #layer_popup_container .tell_consult .row_flex .design_default input::after {content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;transform: translate(-50%, -50%);} #renew #layer_popup_container .tell_consult .row_flex .design_default input:focus::before { border-color: #de4738;background-color: #de4738;box-shadow: 0 0 0 5px #de4738 inset;} #renew #layer_popup_container .tell_consult .row_flex .design_default input:checked::before { border-color: #de4738;background-color: #de4738;box-shadow: 0 0 0 5px #de4738 inset;} #renew #layer_popup_container .tell_consult .row_flex .design_default input:disabled::before { border-color: #dbdbdb;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:focus { outline: 2px solid black; border-radius: 2px;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"] + label { all: unset; width: 52px !important; justify-content: flex-start;padding-left: 8px;font-size: 16px;font-weight: 500;color: #656565;background-color: #fff;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:checked + label { color: #de4738;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:first-child + label:before { display: none;} #renew #layer_popup_container .tell_consult .row_flex .design_default input[type="radio"]:checked + label::after { display: none;} #renew #layer_popup_container .tell_consult .row_flex .design_default .rdo_block { display: flex; align-items: center; min-width: initial; height: initial; margin-right: 0;} #renew #layer_popup_container .tell_consult .line_flex .if_space { padding: 20px 0 0 32px;} #renew #layer_popup_container .tell_consult .bx_valid { margin-bottom: 0; padding: 0;} #renew #layer_popup_container .tell_consult .bx_valid .pl_etc { padding-left: 88px;} #renew #layer_popup_container .tell_consult .bx_valid .poa_left { position: absolute; right: 180px; top: 0;} #renew #layer_popup_container .tell_consult .bx_valid .poa_left p { padding: 0 !important;} #renew #layer_popup_container .tell_consult .bx_valid .tit_bx_valid { display:flex; align-items:center; justify-content:space-between;} #renew #layer_popup_container .tell_consult .bx_valid .tit_bx_valid input[type=radio] { appearance: none;} #renew #layer_popup_container .tell_consult .bx_valid .tit_bx_valid input[type=radio]:focus { padding: 9px; border: 2px solid black; border-radius: 2px; opacity: 1;} #renew #layer_popup_container .agree_conts { margin-top: 24px;} #renew #layer_popup_container .agree_conts .sub_tit_box { display: flex; justify-content: space-between;} #renew #layer_popup_container .agree_conts .sub_tit_box h4 { position: relative; padding: 0 0 0 9px; font-size: 16px; font-weight: 500 !important; color: #111; letter-spacing: 0; background: none;} #renew #layer_popup_container .agree_conts .sub_tit_box h4::after { content: ''; display: block; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background-color: #111; border-radius: 50%;} #renew #layer_popup_container .agree_conts .sub_tit_box p { margin-top: 16px; padding-left: 10px; font-size: 14px; font-weight: 400; color: #888; letter-spacing: 0;} #renew #layer_popup_container .agree_conts .sub_tit_box p + p { margin-top:5px; } #renew #layer_popup_container .agree_conts .sub_tit_box p._off { display:none; } #renew #layer_popup_container .agree_conts .all_agree_box .check_style { display: flex; align-items: center; justify-content: center; width: 200px; min-width: initial; height: 56px; border: 2px solid #de4738; border-radius: 8px; cursor: pointer;} #renew #layer_popup_container .agree_conts .all_agree_box .check_style input { appearance: none; display: block; width: 25px; height: 24px; margin-right: 12px; background: url(/default/images/renew/ico_check_off.png) no-repeat; transition: background-image .2s ease-out} #renew #layer_popup_container .agree_conts .all_agree_box .check_style strong { font-size: 18px; font-weight: 700; color: #333;} #renew #layer_popup_container .agree_conts .all_agree_box .check_style.on input { background: url(/default/images/renew/ico_check_on.png) no-repeat;} #renew #layer_popup_container .agree_conts .mt_size { margin-top: 20px;} #renew #layer_popup_container .agree_conts .tit_bx_valid h5 { font-weight: 500 !important; color: #888; letter-spacing: 0;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio { display: flex; align-items: center;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio .radio_style { float: initial; margin: -1px 8px 0 0;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio label { margin: 0 !important; font-size: 16px; color: #888; cursor: pointer;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio label + .radio_style { margin-left: 24px;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >input { width: 22px; height: 22px; margin: -2px 8px 0 0; border: none; background: url(/default/images/renew/ico_radiobox.png) no-repeat 0 0; opacity: 1; appearance: none;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >input:checked { background-position-y: -28px;} #renew #layer_popup_container .agree_conts .tit_bx_valid .ipt_radio >label + input { margin-left: 24px;} #renew #layer_popup_container .agree_conts .agree_chk_box { position: relative;} #renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree { margin-top: 16px; padding: 8px; background-color: #f5f5f5; border-radius: 8px;} #renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree .wd_box { height: 150px; padding: 14px;} #renew #layer_popup_container .agree_conts .agree_chk_box .notice_agree p { font-size: 14px; font-weight: 400; color: #333; line-height: 20px;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 { margin-top: 16px;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 dd, #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li { margin-top: 5px; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; background-position-y: 8px;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .ipt_radio { display: flex; align-items: center; margin: 5px 0;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .ipt_radio input[type=radio] { appearance: none;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .ipt_radio input[type=radio]:focus { padding: 11px; outline: 2px solid black; border-radius: 2px !important; opacity: 1;} #renew #layer_popup_container .agree_conts .agree_chk_box .list_type02 > li .notice { font-size: 17px; text-decoration:none; border-bottom: 1px solid #111;} #renew #layer_popup_container .agree_conts.oper_radio .agree_chk_box .notice_agree .ipt_radio .radio_style input[type=radio] { width: 20px; height: 20px; opacity: 0;} #renew #layer_popup_container .agree_conts.oper_radio .agree_chk_box .notice_agree .ipt_radio label { margin: 0 30px 0 6px; font-size: 14px;} #renew #layer_popup_container .agree_conts.oper_radio .agree_chk_box .notice_agree .ipt_radio .radio_style { height: 22px; margin-top: 0;} /* 이탈방지 팝업 - 보험료 계산 동의 닫는 경우 */ #renew .disagreement .layer_wrap { overflow: initial; background-color: transparent;} #renew .disagreement .popup_disagreement { width: 790px; padding: 8px 40px 0 16px; border: none; background-color: #fff; border-radius: 16px;} /* #renew .disagreement .popup_disagreement .btn_close { display: block; right: 32px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close_gray.png) no-repeat; border-radius: 16px;} */ #renew .disagreement .popup_disagreement .inner { margin-bottom: -14px; padding: 0;} #renew .disagreement .popup_disagreement .head { position: absolute; left: 170px; top: 31px;} #renew .disagreement .popup_disagreement .head img { width: inherit;} #renew .disagreement .popup_disagreement .chatting_disagreement { float: initial; width: 444px; height: 737px; padding: 202px 0 0 32px; background: url(/default/images/renew/disagreement_chat.png) no-repeat; box-shadow: none; border-radius: 0;} #renew .disagreement .popup_disagreement .chatting_disagreement2 { background:url("/default/images/renew/disagreement_chat02.png") no-repeat; } #renew .disagreement .popup_disagreement .chatting_add { width: 365px; height: 487px; border: none; border-radius: 0 0 32px 32px;} #renew .disagreement .popup_disagreement .banner { float: initial; padding-top: 113px;} #renew .disagreement .popup_disagreement .banner a { right: 30px; bottom: 71px; width: 230px; height: 55px;} #renew .disagreement .chk_today { position: absolute; left: 50%; bottom: -38px; margin-left: -66px;} #renew .disagreement .chk_today .ipt_check label { margin-right: 16px;} #renew .disagreement .chk_today .ipt_check .check_style { width: 20px; height: 20px; background: url(/default/images/renew/ico_checkbox_disagreement.png) no-repeat;} #renew .disagreement .chk_today .ipt_check .check_style.on { background-position-y: -30px;} #renew .disagreement .chk_today .ipt_check .check_style input { cursor:pointer; } #renew .disagreement .chatting_add .chattion_win { height: 504px;} #renew .disagreement.on .chatting_add { height:476px; border-radius:0; } #renew .disagreement.on .chatting_add #chatbot_wrap { height:100%; } #renew .disagreement.on .chatting_add .chattion_win { height:504px !important; } #renew .disagreement.on .chatting_add .chatbot_wrapper { left:10px; top:0; right:10px; bottom:0; border:none; box-shadow:initial; border-radius:0; } #renew .disagreement.on .chatting_add .chatbot_wrapper iframe { height:543px !important; } #renew .chattion_win.off > a { display:none; } #renew .chatbot_wrapper.off { display:none !important; border:0 !important; box-shadow:none !important; } /* 이탈방지 팝업 - 보험료 계산 결과 닫는 경우 */ #renew .induce_consult .layer_wrap { overflow: initial; background-color: transparent;} #renew .induce_consult .popup_induce { width: 790px; border: none; background-color: #d3e5ed; border-radius: 16px;} #renew .induce_consult .popup_induce .head { padding: 23px 0 0 78px;} #renew .induce_consult .mask { position: relative; width: 440px; padding: 38px 30px; height: 594px; border: none; background: url(/default/images/renew/induce_body_bg.png) no-repeat;} /* #renew .induce_consult .popup_induce .chatting_add { float: initial; width: 363px; border: none;} */ /* #renew .induce_consult #chatbot_wrap .chattion_win { width: 386px !important; height: 530px !important;} */ #renew .induce_consult .popup_induce .inner { margin: -20px 0 -7px; padding: 0 61px 0px 37px;} #renew .induce_consult .popup_induce .btn_close { display: block; right: 32px; top: 24px; width: 24px; height: 24px; background: url(/default/images/renew/ico_layer_close_gray.png) no-repeat; border-radius: 16px;} #renew .induce_consult .popup_induce .banner { float: initial; padding-top: 18px;} #renew .induce_consult .popup_induce .banner a { right: 22px; bottom: 67px; width: 228px; height: 64px;} /* #renew .induce_consult .chk_today { position: absolute; left: 50%; bottom: -38px; margin-left: -66px;} #renew .induce_consult .chk_today .ipt_check label { margin-right: 16px;} #renew .induce_consult .chk_today .ipt_check .check_style { width: 20px; height: 20px; background: url(/default/images/renew/ico_checkbox_disagreement.png) no-repeat;} #renew .induce_consult .chk_today .ipt_check .check_style.on { background-position-y: -30px;} */ #renew .induce_consult .sc-gzVnrw.lepLWH { display: none;} #renew .induce_consult .chatbot_wrapper { border: none; box-shadow: none;} @media (min-width:1921px) { #renew .chattion_win { margin-left:initial; } } /* 이탈방지 팝업 - 보장분석 이탈 시 */ /* #renew #gurtAnlyEtalPop #pop_wrap { margin: -242px 0 0 -183px; transform: none;} */ #renew #gurtAnlyEtalPop #pop_wrap .etal_pop { position:relative; } #renew #gurtAnlyEtalPop #pop_wrap .etal_pop button { position:absolute; z-index:1; } #renew #gurtAnlyEtalPop #pop_wrap .etal_pop button > span { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew #gurtAnlyEtalPop #pop_wrap .etal_type01 { left:30px; right:30px; top:330px; height:47px; } #renew #gurtAnlyEtalPop #pop_wrap .etal_type02 { left:10px; right:10px; top:370px; bottom:10px; height:auto; } #renew #gurtAnlyEtalPop #pop_wrap .etal_pop_close { right:20px; top:20px; width:30px; height:30px; } /* 보험분석 및 상품소개를 위한 개인정보처리 동의 */ #renew .chat_renew .insCta .stepCon .bx_valid.phone_selector .grouping .group { padding-top:0; } #renew .chat_renew .ipt_select .select_style .slc_drop li a { line-height:unset; } #renew .chat_renew .insCta .stepCon .agree_wrap .ipt_check a { margin-top:-1px; } #renew .lypoptype05.doscroll .layer_wrap_in { margin: 0; padding:0 40px 24px; } #renew .lypoptype05 .total_agree_tab_area .btn_line { display:block; height:50px; line-height:48px; border:2px solid #e11b22; background-color:#fff; transition:background-color .2s ease-out, border-color .2s ease-out; } #renew .lypoptype05 .total_agree_tab_area .btn_line.on .ico_gurt_check { background-image:url("/default/images/renew/ico_check_on.png"); } #renew .lypoptype05 .agree_tit_zone p { font-size:13px; color:#333; } #renew .lypoptype05 .agree_tit_zone p span { color:#777; font-weight:400; } #renew .lypoptype05 .agree_tit_zone + .total_agree_tab { margin-top:16px; } #renew .lypoptype05 .agree_tit_zone + .total_agree_tab ul li.on a:after { height:2px; background-color:#111; } #renew .lypoptype05 .total_agree_tab_area + .btn_area .btn_mint { display:flex; justify-content:center; align-items:center; width:200px; height:48px; margin:0 auto; padding:0 28px; font-size:14px; color:#fff; line-height:38px; background:#ccc; border:0; border-radius:24px; } #renew .lypoptype05 .total_agree_tab_area + .btn_area .btn_mint.on { color:#fff; background:#e11b22; } #renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_depth03 .depth03_radio .ipt.depth03_radio label { margin-top:1px; } #renew .lypoptype05 .total_telecom_list .area .list_area > li.agree_cont { background:#f5f5f5; } #renew .lypoptype05 .layer_content * { font-weight:400; } #renew .lypoptype05 .layer_content h4 { font-weight:400; } #renew .lypoptype05 .layer_content strong { font-weight:700; } #renew .lypoptype05 .layer_content li li { line-height:1.5; } #renew .lypoptype05 .layer_content .bx_gray { width:100% !important; padding:24px; background-color:#f5f5f5; border-radius:8px; } #renew .lypoptype05 .layer_content .telecom_num .chk_new_space .ipt .ipt_radio label { margin-top:1px; } #renew .lypoptype05 .notice { color:#444; } #renew .lypoptype05 .layer_content .list_type02.ver2 li { color:#444 !important; } #renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_depth03 .depth03_radio .depth03_radio_txt { color:#444; } #renew .lypoptype05 .total_agree_star { color:#333 !important; } #renew .lypoptype05 .doscroll.total { width:100%; padding:8px; border-radius:8px; } #renew .lypoptype05 .agree_cont.bx_gray { border-radius:0; } #renew .lypoptype05 .doscroll.total .agree_cont .jspContainer { width:100% !important; background-color:transparent; } #renew .lypoptype05 .doscroll.total .agree_cont .jspPane { width:100% !important; } #renew .lypoptype05 .doscroll.total .agree_cont .jspPane .inner { padding:16px; } #renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip { width:320px; padding:16px; font-size:13px; color:#333; font-weight:400; background-color:#edf4ff; border-color:#b2d0ff; } #renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip .tooltip_list { height:21px; } #renew .lypoptype05 .total_agree_tab_area .telecom_num .total_agree_grade .total_agree_grade_tooltip .tooltip_list li { padding-top:3px; border:0; } #renew .lypoptype05 .gurt20_wrap_intro .insCta .stepCon .agree_wrap .ipt_check a { margin-top:-1px; } #renew .lypoptype05 .chk_space .ipt_tooltip { left:unset; right:140px; top:-15px; width:147px; font-size:13px; background:#edf4ff; border-color:#b2d0ff; border-radius:8px; animation-name:toolbum2; } #renew .lypoptype05 .chk_space .ipt_tooltip:after { left:initial; right:-7px; margin-top: -10px; transform:rotate(180deg); } #renew .lypoptype05 .chk_space .ipt_tooltip span { color:#3382ff; } @keyframes toolbum2 { 0% { right:140px; } 50% { right:135px; } 100% { right:140px; } } #renew .lypoptype05 .agree_tit_zone p span { display: block; margin-top: 5px; color: #777;} #renew .lypoptype05 .agree_privacyInsur .list_type02 li .notice { font-size: 16px;} #renew .lypoptype05 .agree_privacyInsur h4 { font-size: 13px; color: #333;} /* 일반 에러창 */ #renew .layer_wrap.consul_new .layer_in { border:0; border-radius:10px; box-shadow:none; } #renew .layer_wrap.consult.gultpop .layer_wrap_in { box-shadow:none; } #renew .layer_wrap.consult.gultpop .layer_header h3 { display:block; font-weight:400 !important; } #renew .layer_wrap.consult.gultpop .layer_header h3 strong { vertical-align:unset; } #renew .layer_wrap.consult.gultpop .layer_wrap_in .txt_blue { color: #de4738 !important;} /* 일반 에러창 - 보장분석용 */ #renew .N_popup_wrap { left:50%; top:50%; padding: 30px; transform:translate(-50%,-50%); border: none; border-radius: 16px;} #renew .N_popup_wrap a.btn_n02 { display: flex; align-items: center; justify-content: center; width: 200px; height: 48px !important; margin: 0 auto; background-color: #de4738; border: none; border-radius: 24px;} /* 일반 에러창 - 공통용 */ #renew #layer_alert .layer_wrap { border-radius: 16px; background-color: #fff;} #renew #layer_alert .layer_wrap .layer_content { height: initial;} #renew #layer_alert .layer_wrap .layer_content .layer_alert { margin-top: 0;} #renew #layer_alert .layer_wrap .layer_wrap_in { padding: 30px !important; } #renew #layer_alert .layer_wrap.lypoptype01 { width: 440px;} /* 일반 에러창 - 공통용 */ #renew #layerCommon .layer_wrap.emailStyle .layer_content { font-size: 15px; line-height: 24px;} #layer_popup_container .blank_box { position:absolute; right:20px; top:10px; width:100px; height:30px; background:#f2f7fb; z-index:10; } /* 유병자 건강보험 가입센터 : 상담신청 및 상품소개를 위한 개인정보처리 동의 */ #renew .lypoptype02.privacyInq { overflow: hidden; border-radius: 16px;} #renew .lypoptype02.privacyInq .layer_wrap_in { margin:0; padding:0 40px 24px; } #renew .lypoptype02.privacyInq .agree_tit_zone .btn_n02s { display:block; width:136px; height:50px; color:#333; line-height:48px; border:2px solid #e11b22; border-radius:8px; background-color:#fff; transition:background-color .2s ease-out, border-color .2s ease-out; } #renew .lypoptype02.privacyInq .agree_tit_zone .btn_n02s span { color:#333; } #renew .lypoptype02.privacyInq .agree_tit_zone .btn_n02s .ico_gurt_check { display:inline-block; width:25px; height:24px; margin-right:8px; vertical-align:middle; background:url("/default/images/renew/ico_check_off.png") no-repeat; } #renew .lypoptype02.privacyInq .agree_tit_zone .btn_n02s.on .ico_gurt_check { background-image:url("/default/images/renew/ico_check_on.png"); } #renew .lypoptype02.privacyInq .agree_tit_zone p { width:initial; margin-right:20px; font-size:13px; color:#333; } #renew .lypoptype02.privacyInq .agree_tit_zone p span { color:#777; font-weight:400; } #renew .lypoptype02.privacyInq .agree_tit_zone + .clfix { margin-top:16px; } #renew .lypoptype02.privacyInq .doscroll .jspScrollable .jspContainer .jspPane { padding:10px !important; } #renew .lypoptype02.privacyInq .btn_area .btn_mint { display:flex; justify-content:center; align-items:center; width:200px; height:48px; margin:0 auto; padding:0 28px; line-height:38px; background:#ccc; border:0; border-radius:24px; } #renew .lypoptype02.privacyInq .btn_area .btn_mint.on { color:#fff; background:#e11b22; } /* 전문상담원에게 상담 받으실 때.. */ #renew .consul_new .layer_in * { line-height:24px; } #renew .consul_new .layer_in .layer_btm .btn_area a span { line-height:2.5; } #renew .gultpop .chkBox_con .chk_wrap + .chk_wrap { margin-top:10px; } /* 에러페이지 */ #renew .error_container { min-width:1200px; } #renew .error_wrap { padding:71px 0; } #renew .error_wrap .bx_error { padding:0 0 50px; } #renew .error_wrap .bx_error .ico_error { position:relative; display:block; width:256px; height:200px; left:initial; top:initial; margin:0 auto; } #renew .error_wrap .btn_area { margin-top:0; } /* 이탈팝업 : 2025-07-07 */ /* #lypop_escape_agree.lypp_esc_agree { left:50%; top:50%; right:unset; bottom:unset; overflow:unset; transform:translate(-50%, -50%); } */ /* #lypop_escape_agree.lypp_esc_agree .dimmed_area { position:relative; left:initial; top:initial; width:790px; height:775px; padding:20px 40px; background:#fff; border-radius:16px; box-shadow:6px 6px 12px rgba(0,0,0,0.12); } */ #lypop_escape_agree.lypp_esc_agree .dimmed_area { position:relative; } #lypop_escape_agree.lypp_esc_agree .layer_wrap { display:flex; flex-direction:column; position:absolute; left:50%; top:50% !important; right:unset; width:790px; height:775px; padding:20px 40px; background:#fff; border-radius:16px; box-shadow:6px 6px 12px rgba(0,0,0,0.12); transform:translate(-50%, -50%); } #lypop_escape_agree.lypp_esc_agree .bg_case_1 { background:linear-gradient(163.73deg, #dfeaff 11.56%, #fff 72.41%); } #lypop_escape_agree.lypp_esc_agree .popup_disagreement { flex:1; display:flex; flex-direction:column; gap:0; width:100%; padding:0; background-color:transparent; border:0; border-radius:0; overflow:initial; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .head { flex:0; flex-basis:110px; display:flex; align-items:center; position:relative; left:initial; top:initial; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .head img { width:auto !important; max-width:100% !important; height:auto !important; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner { flex:1; display:flex; gap:30px; margin:0; padding:0; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .chatting_disagreement2 { flex:1; float:initial; width:auto; height:100%; padding:0; background:#fff; border:1px solid #ebebeb; border-radius:20px; box-shadow:0 6px 24px rgba(208,224,255,1); } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .chatting_disagreement2 .chatting_add { position:relative; width:100%; height:100%; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .chatting_disagreement2 .chatting_add .chattion_win { position:relative !important; display:block !important; left:initial !important; top:initial !important; right:initial !important; bottom:initial !important; width:100% !important; height:100% !important; z-index:initial !important; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .chatting_disagreement2 .chatting_add .chattion_win .chatbot_wrapper { left:0; right:0; top:0; bottom:0; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .chatting_disagreement2 .chatting_add .chattion_win .chatbot_wrapper iframe { top:0; height:100% !important; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .banner { flex:0; flex-basis:290px; float:initial; padding:0; border-radius:20px; box-shadow:0 6px 24px rgba(208,224,255,1); overflow:hidden; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .inner .banner a { left:16px; right:16px; bottom:17px; width:auto; height:55px; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .btn_close { position:absolute; right:10px; top:10px; width:23px; height:23px; background:url("/default/images/renew/escape_lypop_close.png") no-repeat center center; } #lypop_escape_agree.lypp_esc_agree .popup_disagreement .btn_close > span { position:absolute; left:0; top:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #lypop_escape_agree.lypp_esc_agree .chk_today { flex:0; flex-basis:45px; display:flex; justify-content:center; align-items:end; position:relative; left:unset; bottom:unset; margin:0; } #lypop_escape_agree.lypp_esc_agree .chk_today .ipt_check { padding:0; } #lypop_escape_agree.lypp_esc_agree .chk_today .ipt_check label { color:#333; } #lypop_escape_agree.lypp_esc_agree .chk_today .ipt_check .check_style { border:1px solid #aaa; border-radius:4px; } #lypop_escape_agree.lypp_esc_agree .chk_today .ipt_check .check_style.on { background-position-y:-30px; } #lypop_escape_agree.lypp_esc_agree .dimmed { display:none; } /* 이탈팝업2 : 2025-07-07 */ #lypop_induce_consultant { } #lypop_induce_consultant .dimmed_area { position:relative; } /* #lypop_induce_consultant .layer_wrap { display:flex; flex-direction:column; position:absolute; left:50%; top:50% !important; right:unset; width:790px; height:775px; padding:20px 40px; background:#fff; border-radius:16px; box-shadow:6px 6px 12px rgba(0,0,0,0.12); transform:translate(-50%, -50%); } */ #lypop_induce_consultant .layer_wrap { display:flex; flex-direction:column; position:absolute; left:50%; top:50% !important; right:unset; width:790px; height:775px; margin-left:-395px; margin-top:-387px; padding:20px 40px; background:#fff; border-radius:16px; box-shadow:6px 6px 12px rgba(0,0,0,0.12); } #lypop_induce_consultant .bg_case_1 { background:linear-gradient(163.73deg, #fff2df 11.56%, #fff 72.41%); } #lypop_induce_consultant .popup_disagreement { flex:1; display:flex; flex-direction:column; gap:0; width:100%; padding:0; background-color:transparent; border:0; border-radius:0; overflow:initial; } #lypop_induce_consultant .popup_disagreement .head { flex:0; flex-basis:110px; display:flex; align-items:center; position:relative; left:initial; top:initial; } #lypop_induce_consultant .popup_disagreement .head img { width:auto !important; max-width:100% !important; height:auto !important; } #lypop_induce_consultant .popup_disagreement .inner { flex:1; display:flex; gap:30px; margin:0; padding:0; } #lypop_induce_consultant .popup_disagreement .inner .mask { flex:1; float:initial; width:auto; height:100%; padding:0; background:#fff; border:0; border-radius:20px; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_disagreement { float:none; width:100%; height:100%; border-radius:0; box-shadow:none; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_add { position:relative; width:100%; height:100%; border:0; border-radius:0; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_add #chatbot_wrap { height:100%; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_add .chattion_win { position:relative !important; display:block !important; left:initial !important; top:initial !important; right:initial !important; bottom:initial !important; width:100% !important; height:100% !important; z-index:initial !important; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_add .chattion_win .chatbot_wrapper { left:0; right:0; top:0; bottom:0; border:0; box-shadow:none; } #lypop_induce_consultant .popup_disagreement .inner .mask .chatting_add .chattion_win .chatbot_wrapper iframe { top:0; height:100% !important; } #lypop_induce_consultant .popup_disagreement .inner .banner { flex:0; flex-basis:290px; float:initial; padding:0; overflow:hidden; } #lypop_induce_consultant .popup_disagreement .inner .banner a { left:16px; right:16px; bottom:17px; width:auto; height:55px; } #lypop_induce_consultant .popup_disagreement .btn_close { right:-8px; top:4px; background:url("/default/images/renew/escape_lypop_close.png") no-repeat center center; } #lypop_induce_consultant .chk_today { flex:0; flex-basis:45px; display:flex; justify-content:center; align-items:end; position:relative; left:unset; bottom:unset; margin:0; } #lypop_induce_consultant .chk_today .ipt_check { padding:0; } #lypop_induce_consultant .chk_today .ipt_check label { color:#333; } #lypop_induce_consultant .chk_today .ipt_check .check_style { width:20px; height:20px; margin-top:2px; border:1px solid #666; border-radius:4px; } #lypop_induce_consultant .chk_today .ipt_check .check_style.on { background-position:-1px -20px; } /* 펫 보험 마우스 애니메이션 */ .chat_mouse { position:fixed; left:0; top:0; width:56px; height:56px; background:rgba(125,111,235,0.3); border-radius:50%; box-shadow:4px 4px 4px rgba(0,0,0,0.1); z-index:110; } .chat_mouse .chat_m { position:absolute; display:block; left:50%; top:50%; width:24px; height:40px; background:url("/petpermint/images/renew/sym_mouse.svg") no-repeat center center; background-size:contain; transform:translate(-50%, -50%); } .chat_mouse .chat_m_arrow { position:absolute; displaY:block; left:50%; bottom:0; width:13px; height:6px; background:url("/petpermint/images/renew/sym_arrow.svg") no-repeat center center; background-size:contain; transform:translateX(-50%); } .chat_mouse .chat_m_arrow1 { bottom:0; animation:chat_a_m1 1s .5s infinite both; } .chat_mouse .chat_m_arrow2 { bottom:-7px; animation:chat_a_m1 1s .7s infinite both; } .chat_mouse .chat_m_arrow3 { bottom:-14px; animation:chat_a_m1 1s .9s infinite both; } @keyframes chat_a_m1 { 0% { opacity:0; } 50% { opacity:0.8; } 100% { opacity:0; } } /* 펫보험 전화상담 */ #renew .pet_tel_consult { position:fixed; left:50%; top:50%; padding:50px 40px 34px; background:#fff; border-radius:15px; box-sizing:border-box; transform:translate(-50%, -50%); z-index:110; } #renew .pet_tel_ment { position:relative; min-width:340px; min-height:121px; display:flex; flex-flow:column wrap; justify-content:center; padding:24px; background:#fff7df; border-radius:8px; box-sizing:border-box; } #renew .pet_tel_ment:after { position:absolute; right:-10px; top:-10px; width:91px; height:108px; background:url("/petpermint/images/renew/ico_pet_consult.svg") no-repeat center center; background-size:contain; content:""; } #renew .pet_tel_ment p { font-size:16px; color:#111; line-height:1.25; } #renew .pet_tel_ment p + p { margin-top:3px; } #renew .pet_tel_ment .txt_b { font-size:18px; font-weight:700; } #renew .pet_tel_ment .txt_color_red { color:#de4738; } #renew .pet_tel_ask { position:relative; margin-top:40px; padding-left:87px; padding-bottom:24px; border-bottom:1px solid #f2f2f2; } #renew .pet_tel_ask:before { position:absolute; left:0; top:0; width:64px; height:64px; background:url("/petpermint/images/renew/ico_pet_ask.svg") no-repeat center center; background-size:contain; content:""; } #renew .pet_tel_ask:after { position:absolute; left:50%; bottom:-6px; width:12px; height:6px; background:url("/petpermint/images/renew/ico_pet_arrow.svg") no-repeat center center; background-size:contain; transform:translateX(-50%); content:""; } #renew .pet_tel_ask p { font-size:16px; color:#111; line-height:1.25; } #renew .pet_tel_ask .txt_b { font-weight:700; } #renew .pet_tel_ask .txt_s { font-size:13px; color:#888; } #renew .pet_tel_input { position:relative; display:flex; flex-flow:row wrap; justify-content:flex-start; width:auto; max-width:340px; margin-top:20px; } #renew .pet_tel_input > div { margin-top:10px; } #renew .pet_tel_input .pet_tel_tit { flex:0; flex-basis:40%; padding-top:10px; font-size:16px; color:#656565; font-weight:500; box-sizing:border-box; } #renew .pet_tel_input .pet_tel_cont { flex:1; flex-basis:60%; box-sizing:border-box; } #renew .pet_tel_input .group { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; gap:20px; height:40px; } #renew .pet_tel_input .group .rdo_block { flex:0; display:flex; align-items:center; } #renew .pet_tel_input .group .bar { position:relative; display:block; } #renew .pet_tel_input .group .bar { position:absolute; bottom:0; width:0; height:1px; background:#ed4738; transition:all .2s ease; } #renew .pet_tel_input .group .input_box { position:relative; flex:1; margin-top:0; } #renew .pet_tel_input .group .input_box input[type=text] { display:block; width:100%; height:40px; padding:0 0 2px 0; font-size:16px; background:transparent; border:0; border-bottom:1px solid #aaa; } #renew .pet_tel_input .group input[type="radio"] { position:relative; display:inline-block; width:22px; height:22px; vertical-align:top; border:0; outline:0; opacity:1; appearance:none; cursor:pointer; } #renew .pet_tel_input .group input[type="radio"]:before { position:absolute; left:0; top:0; width:20px; height:20px; background-color:#fff; border-radius:50%; border:1px solid #ccc; transition:border-color .2s, box-shadow .2s, background-color .5s; content:""; } #renew .pet_tel_input .group input[type="radio"]:after { position:absolute; left:50%; top:50%; width:8px; height:8px; background-color:#fff; border-radius:50%; transform:translate(-50%, -50%); content:""; } #renew .pet_tel_input .group input[type="radio"]:checked:before { background-color:#de4738; border-color:#de4738; box-shadow:0 0 0 5px #de4738 inset; } #renew .pet_tel_input .group input[type="radio"] + label { display:inline-block; margin-top:2px; padding-left:8px; font-size:16px; color:#333; font-weight:500; white-space:nowrap; } #renew .pet_tel_input .group input[type="radio"]:checked + label { color:#de4738; } #renew .pet_tel_input .txt_error { display:none; margin-bottom:10px; border-width:1px; } #renew .pet_tel_consult .btn { display:inline-flex; justify-content:center; align-items:center; width:240px; height:52px; background:#de4738; border:0; border-radius:26px; } #renew .pet_tel_consult .btn span { font-size:16px; color:#fff; font-weight:700; } #renew .pet_tel_consult .btn_close_layer { position:absolute; display:block; right:24px; top:24px; width:24px; height:24px; background:url("/default/images/renew/ico_layer_close.png") no-repeat center center; background-siz:contain; } #renew .pet_tel_consult .btn_close_layer span { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .ipt_radio .radio_style:has(input[type=radio]:focus) { background:url("/default/images/renew/ico_radiobox.png") no-repeat 0 -28px; } /* wa : 240129 */ #SvgjsSvg1001, #SvgjsDefs1002, #SvgjsPolyline1003, #SvgjsPath1004 { display: none; } .wyl_flnd_cta_top_area {margin-top:33px; margin-bottom:-33px; width:1200px; height:192px; border:3px solid #de4738; border-radius:16px; padding:25px 30px 30px 30px; box-sizing:border-box; } .wyl_flnd_cta_top_area .cta_head_box { display:flex; align-items:center; width:1140px; height:56px; margin-bottom:25px; } .wyl_flnd_cta_top_area .cta_head_box .tit { position:relative; padding-left:35px; flex-grow:1; font-family:"pretendard"; font-weight:700; font-size:28px; line-height:28px; } .wyl_flnd_cta_top_area .cta_head_box .tit span { color:#DE4738; font-weight:700; } .wyl_flnd_cta_top_area .cta_head_box .tit:before {content:""; position:absolute; left:0; top:0; width:24px; height:28px; background:url("/default/images/renew/detail/flad_top_icon.jpg") no-repeat; } .wyl_flnd_cta_top_area .cta_head_box .btn_area { margin:0px; flex-grow:0; width:234px; display:flex; justify-content:right; } .wyl_flnd_cta_top_area .cta_head_box .btn_area button { width:114px; height:56px; border-radius:12px; padding:16px 26px 16px 26px; cursor:pointer; overflow:hidden; } .wyl_flnd_cta_top_area .cta_head_box .btn_area button span {position:relative; left:8px; font-size:18px; font-weight:600; letter-spacing:-0.02em; } .wyl_flnd_cta_top_area .cta_head_box .btn_area button:first-child { background:url("/default/images/renew/detail/flad_top_btn1.jpg") no-repeat; } .wyl_flnd_cta_top_area .cta_head_box .btn_area button:last-child { margin-left:6px; background:url("/default/images/renew/detail/flad_top_btn2.jpg") no-repeat; } .wyl_flnd_cta_top_area .cta_body_box { width:1140px; height:60px; display:flex; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area { display:flex; justify-content:space-around; gap:10px; width:666px; height:56px;} .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer { position:relative; width:214px; height:60px; background:#f4f4f4; box-sizing:border-box; border-radius:12px; cursor:pointer; border:2px solid #f4f4f4; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._brd1 { border:2px solid #111; /* box-sizing:initial; */ } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._brd1_red { border:2px solid #ff0000; box-sizing:initial; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le { width:100%; height:60px; /* border:1px solid red; */ padding-left:17px; box-sizing:border-box; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le ._head ._default { position:absolute; top: 20px; display: block; font-size: 18px; color: #999; font-family: 'Pretendard'; transition:all 0.3s ease;} .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le ._head ._subtit { font-weight: 400; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le ._head ._red { position:absolute; top:13px; font-size:12px; color:#ed3722; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le ._head ._red._off { display:none;} .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer .close { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer .close._on { display:block; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer .ex_mark { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer .ex_mark._on { display:block; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le ._inpt { display:none; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._on ._le ._head ._default { position: absolute; top:13px; font-size: 12px; color: #666; font-family: 'Pretendard'; transition:all 0.3s ease; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._on ._le ._head ._default._off { display:none; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._on ._le ._head ._default ._subtit { display:none; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._on ._le ._inpt { display:block; position:absolute; top:29px; width:75%; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer._on ._le ._inpt._inpt_ok { top:19px; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input { width:100%; box-sizing:border-box; font-size:18px; font-weight:500; color:#111 !important; outline:none; background:transparent; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input:-webkit-autofill, .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input:-webkit-autofill:hover, .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input:-webkit-autofill:focus, .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input:-webkit-autofill:active { transition: background-color 0s ease-in-out 0s; -webkit-transition: background-color 0s ease-in-out; -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important; -webkit-text-fill-color:#111 !important ; } .wyl_flnd_cta_top_area .cta_body_box .inpt_area .input_layer ._le input::-webkit-input-placeholder { font-weight:500; } .wyl_flnd_cta_top_area .cta_body_box .gender_area { width:108px; height:60px; background:#f4f4f4; border-radius:12px; margin-right:10px; display:flex; justify-content:center; align-items: center; } .wyl_flnd_cta_top_area .cta_body_box .gender_area._label { position:relative; } .wyl_flnd_cta_top_area .cta_body_box .gender_area._label span._label_txt { position:absolute; top:-25px; left:8px; width:68px; height:23px; font-size:16px; color:#666; } .wyl_flnd_cta_top_area .cta_body_box .gender_area._off { position:relative; } .wyl_flnd_cta_top_area .cta_body_box .gender_area._off:before { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:14px; background:#999; } .wyl_flnd_cta_top_area .cta_body_box .gender_area input[type=radio] { display:none;} .wyl_flnd_cta_top_area .cta_body_box .gender_area ._le, .wyl_flnd_cta_top_area .cta_body_box .gender_area ._ri {position:relative; width:48px; height:48px; display:flex; justify-content:center; align-items: center; } .wyl_flnd_cta_top_area .cta_body_box .gender_area ._le input[type=radio]+label, .wyl_flnd_cta_top_area .cta_body_box .gender_area ._ri input[type=radio]+label { position:absolute; left:0; top:0; width:48px; height:48px; display:flex; justify-content:center; align-items:center; border-radius:8px; cursor:pointer; font-size:18px; font-weight:600; color:#999; } .wyl_flnd_cta_top_area .cta_body_box .gender_area ._le input[type=radio]:checked+label, .wyl_flnd_cta_top_area .cta_body_box .gender_area ._ri input[type=radio]:checked+label { background-color:#DE4738; color:#FFF; } .wyl_flnd_cta_top_area .cta_body_box .submit_box { margin-left:10px; width:350px; height:60px; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button { position:relative; width:100%; height:60px; background:#dedede; /* background:#DE4738; */ color:#fff; border-radius:12px; overflow:hidden; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button:before { content:""; position:absolute; left:0; top:0; width:0%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button._ani { position:relative; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button._ani:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button span { position:relative; left:-10px; z-index:2; color:#ababab; font-size:20px; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #ababab; transform: rotate(45deg); transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button._ani span { position:relative; left:-10px; z-index:2; color:#fff; font-size:20px; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .submit_box button._ani span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; transform: rotate(45deg); transition:all 0.5s ease; } .wyl_fland_keyvisual { margin:initial; width:1200px; } .wyl_fland_keyvisual img { width:1200px; } /* F랜딩 베이비(신생아플랜) ST*/ .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area { display:flex; justify-content:space-around; gap:10px; width:910px; height:56px;} .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer { position:relative; width:214px; height:60px; background:#f4f4f4; box-sizing:border-box; border-radius:12px; cursor:pointer; border:2px solid #f4f4f4; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._brd1 { border:2px solid #111; /* box-sizing:initial; */ } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._brd1_red { border:2px solid #ff0000; box-sizing:initial; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le { width:100%; height:60px; /* border:1px solid red; */ padding-left:17px; box-sizing:border-box; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le ._head ._default { position:absolute; top: 20px; display: block; font-size: 18px; color: #999; font-family: 'Pretendard'; transition:all 0.3s ease;} .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le ._head ._subtit { font-weight: 400; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le ._head ._red { position:absolute; top:13px; font-size:12px; color:#ed3722; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le ._head ._red._off { display:none;} .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer .close { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer .close._on { display:block; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer .ex_mark { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer .ex_mark._on { display:block; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le ._inpt { display:none; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._head { display:block; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._head._off { display:none; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._head ._default { position: absolute; top:13px; font-size: 12px; color: #666; font-family: 'Pretendard'; transition:all 0.3s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._head ._default._off { display:none; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._head ._default ._subtit { display:none; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._inpt { display:block; position:absolute; top:29px; width:75%; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._inpt .week_area { position:absolute; top:-8px; left:80px; display:block; color:#111; padding:10px;} .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._inpt .week_area._off { display:none; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer._on ._le ._inpt._inpt_ok { top:19px; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input { position:relative; box-sizing:border-box; font-size:18px; font-weight:500; color:#111 !important; outline:none; background:transparent; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input:-webkit-autofill, .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input:-webkit-autofill:hover, .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input:-webkit-autofill:focus, .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input:-webkit-autofill:active { transition: background-color 0s ease-in-out 0s; -webkit-transition: background-color 0s ease-in-out; -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important; -webkit-text-fill-color:#111 !important ; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_inpt_area .input_layer ._le input::-webkit-input-placeholder { font-weight:500; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box { margin-left:10px; width:230px; height:60px; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button { position:relative; width:100%; height:60px; background:#dedede; /* background:#DE4738; */ color:#fff; border-radius:12px; overflow:hidden; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button:before { content:""; position:absolute; left:0; top:0; width:0%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button._ani { position:relative; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button._ani:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button span { position:relative; left:-10px; z-index:2; color:#ababab; font-size:20px; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #ababab; transform: rotate(45deg); transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button._ani span { position:relative; left:-10px; z-index:2; color:#fff; font-size:20px; transition:all 0.5s ease; } .wyl_flnd_cta_top_area .cta_body_box .wyl250314_submit_box button._ani span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; transform: rotate(45deg); transition:all 0.5s ease; } /* F랜딩 베이비(신생아플랜) EN*/ /* 250808 F랜딩 */ .wyl250808_wrap { position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; } .wyl250808_wrap .hide { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden; } .wyl250808_wrap .dim { width:100%; height:100%; background:rgba(0,0,0,0.60); } .wyl250808_wrap .cta_wrap { position:fixed; left:50%; bottom:-216px; width:1200px; height:216px; border-radius:16px; padding:40px 30px 40px 30px; box-sizing:border-box; transform:translateX(-50%); background:#fff; transition:all 0.3s; } .wyl250808_wrap .cta_wrap:before { content: ""; position: absolute; left:0; top:-151px; width:192px; height:151px; background:url("/default/images/renew/detail/f3_1cha.png") no-repeat; } .wyl250808_wrap .cta_wrap._on { bottom:10px; transition:all 0.3s; } .wyl250808_wrap .cta_wrap .close_bs { position:absolute; right:0px; top:-51px; width:40px; height:40px; background:url("/default/images/renew/detail/f3_close.png") no-repeat; } .wyl250808_wrap .cta_head { display:flex; align-items:center; width:1140px; height:56px; margin-bottom:20px; } .wyl250808_wrap .cta_head .tit { position:relative; padding-left:35px; flex-grow:1; font-family:"pretendard"; font-style:normal; font-weight:700; font-size:28px; color:#111; line-height:28px; letter-spacing: -0.7px;} .wyl250808_wrap .cta_head .tit:before {content:""; position:absolute; left:0; top:-2px; width:25px; height:31px; background:url("/default/images/renew/detail/f3_tit.png") no-repeat; } .wyl250808_wrap .cta_head .tit span { font-style:normal; font-weight:700; font-size:28px; color:#DE4738; } .wyl250808_wrap .cta_head .btn_area { margin:0px; } .wyl250808_wrap .cta_head .btn_area button { width:114px; height:56px; border-radius:12px; padding:16px 26px 16px 26px; cursor:pointer; overflow:hidden; } .wyl250808_wrap .cta_head .btn_area button span {position:relative; left:8px; font-size:18px; font-weight:600; letter-spacing:-0.02em; } .wyl250808_wrap .cta_head .btn_area button:first-child { background:url("/default/images/renew/detail/flad_top_btn1.jpg") no-repeat; } .wyl250808_wrap .cta_head .btn_area button:last-child { margin-left:6px; background:url("/default/images/renew/detail/flad_top_btn2.jpg") no-repeat; } .wyl250808_wrap .cta_body { width:1140px; height:60px; display:flex; } .wyl250808_wrap .cta_body .inpt_area { display:flex; justify-content:space-around; gap:10px; width:666px; height:56px;} .wyl250808_wrap .cta_body .inpt_area .input_layer_bs { position:relative; width:214px; height:60px; background:#f4f4f4; box-sizing:border-box; border-radius:12px; cursor:pointer; border:2px solid #f4f4f4; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._brd1 { border:2px solid #111; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs { width:100%; height:60px; padding-left:17px; box-sizing:border-box; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs ._head ._default { position:absolute; top: 20px; display: block; font-size: 18px; color: #999; font-family: 'Pretendard'; transition:all 0.3s ease;} .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs ._head ._subtit { font-weight: 400; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs ._head ._red { position:absolute; top:13px; font-size:12px; color:#ed3722; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs ._head ._red._off { display:none;} .wyl250808_wrap .cta_body .inpt_area .input_layer_bs .close { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs .close._on { display:block; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs .ex_mark { display:none; width:20px; height:20px; position:absolute; right:19px; top:50%; transform:translateY(-50%); } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs .ex_mark._on { display:block; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs ._inpt { display:none; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._on ._le_bs ._head ._default { position: absolute; top:13px; font-size: 12px; color: #666; font-family: 'Pretendard'; transition:all 0.3s ease; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._on ._le_bs ._head ._default._off { display:none; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._on ._le_bs ._head ._default ._subtit { display:none; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._on ._le_bs ._inpt { display:block; position:absolute; top:29px; width:75%; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs._on ._le_bs ._inpt._inpt_ok { top:19px; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs input { width:100%; box-sizing:border-box; font-size:18px; font-weight:500; color:#111 !important; outline:none; background:transparent; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs input:-webkit-autofill, .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs input:-webkit-autofill:hover, .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs input:-webkit-autofill:focus, .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le_bs input:-webkit-autofill:active { transition: background-color 0s ease-in-out 0s; -webkit-transition: background-color 0s ease-in-out; -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important; -webkit-text-fill-color:#111 !important ; } .wyl250808_wrap .cta_body .inpt_area .input_layer_bs ._le input::-webkit-input-placeholder { font-weight:500; } .wyl250808_wrap .cta_body .gender_area_bs { width:108px; height:60px; background:#f4f4f4; border-radius:12px; margin-right:10px; display:flex; justify-content:center; align-items: center; } .wyl250808_wrap .cta_body .gender_area_bs._label { position:relative; } .wyl250808_wrap .cta_body .gender_area_bs._label span._label_txt { position:absolute; top:-25px; left:8px; width:68px; height:23px; font-size:16px; color:#666; } .wyl250808_wrap .cta_body .gender_area_bs._off { position:relative; } .wyl250808_wrap .cta_body .gender_area_bs._off:before { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:14px; background:#999; } .wyl250808_wrap .cta_body .gender_area_bs input[type=radio] { display:none;} .wyl250808_wrap .cta_body .gender_area_bs ._le, .wyl250808_wrap .cta_body .gender_area_bs ._ri {position:relative; width:48px; height:48px; display:flex; justify-content:center; align-items: center; } .wyl250808_wrap .cta_body .gender_area_bs ._le input[type=radio]+label, .wyl250808_wrap .cta_body .gender_area_bs ._ri input[type=radio]+label { position:absolute; left:0; top:0; width:48px; height:48px; display:flex; justify-content:center; align-items:center; border-radius:8px; cursor:pointer; font-size:18px; font-weight:600; color:#999; } .wyl250808_wrap .cta_body .gender_area_bs ._le input[type=radio]:checked+label, .wyl250808_wrap .cta_body .gender_area_bs ._ri input[type=radio]:checked+label { background-color:#DE4738; color:#FFF; } .wyl250808_wrap .cta_body .submit_box_bs { margin-left:10px; width:350px; height:60px; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn { position:relative; width:100%; height:60px; background:#dedede; /* background:#DE4738; */ color:#fff; border-radius:12px; overflow:hidden; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn:before { content:""; position:absolute; left:0; top:0; width:0%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn._ani { position:relative; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn._ani:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#DE4738; transition:all 0.5s ease; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn span { position:relative; left:-10px; z-index:2; color:#ababab; font-size:20px; transition:all 0.5s ease; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #ababab; transform: rotate(45deg); transition:all 0.5s ease; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn._ani span { position:relative; left:-10px; z-index:2; color:#fff; font-size:20px; transition:all 0.5s ease; } .wyl250808_wrap .cta_body .submit_box_bs button.submit_bs_btn._ani span:after { content: ""; position: absolute; right: -13px; top: 7px; width: 8px; height: 8px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; transform: rotate(45deg); transition:all 0.5s ease; } ._scrollLock { overflow: hidden; }