@charset "utf-8"; /* Layout **********************************************************************************/ #renew #header { position:fixed; display:block; left:0; right:0; top:0; min-width:1200px; z-index:100; } #renew #footer { background:#f8f8f8; } #renew .event_2type { padding-left:0; } #renew .main_container { padding-top:150px; } #renew .main_sns {display: none;} #renew .header_area { position:relative; min-width:1200px; height:80px; background:#fff; border-bottom:1px solid #e5e5e5; z-index:9; } #renew .header_area .logo_2x { width:calc(338px / 2); } #renew .header_box { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; width:100%; max-width:1200px; height:100%; margin:0 auto; } #renew .header_box .header_r_box a { display:inline-block; margin-left:40px; padding:10px 0; font-size:16px; color:#777; font-weight:400; } #renew .header_box .header_r_box a:hover { text-decoration:none; } #renew .gnb_area { position:relative; height:70px; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,0.15); z-index:8; } #renew .gnb_box { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; width:100%; max-width:1200px; height:100%; margin:0 auto; } #renew .gnb_box li { flex:1 0 auto; height:100%; } #renew .gnb_box li a { display:flex; height:100%; justify-content:center; align-items:center; font-size:20px; color:#111; font-weight:700; line-height:4.4; text-align:center; white-space:nowrap; } #renew .gnb_box li a:hover { color:#de4738; text-decoration:none; } #renew .gnb_box li:first-child { flex:1; } #renew .gnb_box li:first-child a { justify-content:flex-start; } #renew .gnb_box li:nth-last-child(1) { flex:1.5; } #renew .gnb_box li:nth-last-child(1) a { justify-content:flex-end; } #renew .gnb_box li.on a { color:#de4738; } #renew .lnb_area { position:relative; display:none; padding:0; background:#fff; z-index:1; } #renew .lnb_area.on { display:block; } #renew .lnb_box { position:relative; display:flex; flex-flow:column wrap; gap:0 30px; width:100%; max-width:1200px; height:auto; max-height:600px; margin:0 auto; padding:24px 0; overflow:hidden; overflow-y:auto; } #renew .lnb_box:before { position:absolute; display:block; left:32.8%; top:24px; bottom:24px; width:1px; background:#f2f2f2; content:""; } #renew .lnb_box:after { position:absolute; display:block; left:66.9%; top:24px; bottom:24px; width:1px; background:#f2f2f2; content:""; } #renew .lnb_box .lnb_inner_box { flex:0; width:31.5%; } #renew .lnb_menu { display:block; padding:16px 24px; border-radius:8px; } #renew .lnb_menu .tit { font-size:18px; color:#929292; font-weight:700; }/* 25.01.31 == 접근성 작업 수정 */ #renew .lnb_menu ul { } #renew .lnb_menu ul li { margin-top:12px; line-height:1; } #renew .lnb_menu ul li a { font-size:14px; color:#000; font-weight:400; } #renew .lnb_menu ul li a:hover { font-weight:500; text-decoration:none; } #renew .lnb_menu .ico_best { display:inline-block; margin-left:8px; padding:2px 8px; font-size:12px; color:#de4738; line-height:1; border:1px solid #de4738; border-radius:11px; } #renew .lnb_menu .ico_new { display:inline-block; margin-left:8px; padding:2px 8px; font-size:12px; color:#009c80; line-height:1; border:1px solid #009c80; border-radius:11px; } #renew .lnb_menu .ico_online { display:inline-block; margin-left:8px; padding:2px 8px; font-size:12px; color:#4b83e1; line-height:1; border:1px solid #4b83e1; border-radius:11px; } #renew .lnb_menu.on { background:#fff3f2; } #renew .lnb_menu.on .tit { color:#ed3722; } #renew .lnb_inner_box:nth-child(1) .lnb_menu:nth-child(1).on { background-image:url("/default/images/renew/gn_bg_img_1.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(1) .lnb_menu:nth-child(2).on { background-image:url("/default/images/renew/gn_bg_img_2.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(1) .lnb_menu:nth-child(3).on { background-image:url("/default/images/renew/gn_bg_img_3.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(2) .lnb_menu:nth-child(1).on { background-image:url("/default/images/renew/gn_bg_img_4.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(2) .lnb_menu:nth-child(2).on { background-image:url("/default/images/renew/gn_bg_img_5.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(2) .lnb_menu:nth-child(3).on { background-image:url("/default/images/renew/gn_bg_img_6.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(2) .lnb_menu:nth-child(4).on { background-image:url("/default/images/renew/gn_bg_img_7.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(3) .lnb_menu:nth-child(1).on { background-image:url("/default/images/renew/gn_bg_img_8.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(3) .lnb_menu:nth-child(2).on { background-image:url("/default/images/renew/gn_bg_img_9.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(3) .lnb_menu:nth-child(3).on { background-image:url("/default/images/renew/gn_bg_img_11.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .lnb_inner_box:nth-child(3) .lnb_menu:nth-child(4).on { background-image:url("/default/images/renew/gn_bg_img_10.svg?ver=20251127"); background-repeat:no-repeat; background-position:95% 16px; background-size:40px 40px; } #renew .gnb_dimm { position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:-1; } #renew .gnb_dimm.on { display:block; } #renew .gnb_dimm .gnb_dimm_inner { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); backdrop-filter:blur(5px); } #renew .lnb_area.on + .gnb_dimm.on + .pet_main_header { top:0; z-index:-1; } /* footer */ #footer {width:100%;background:#f8f8f8} #footer .footer_content {width:1200px;margin:0 auto} #footer .footer_link {width:100%;background:url("../images/common/footer/bg_footer_link.gif") repeat-x 0 0;border-bottom:1px solid #efefef} #footer .footer_link li{float:left;width:300px;} #footer .footer_link li .link_btn{display:block;position:relative;padding:10px 0 10px 25px;font-family:"RixSGo B";font-size:15px;line-height:22px;border:none; border-left:1px solid #e3e3e3;background:#eeeeee;color:#333333} #footer .footer_link li .link_btn span{display:inline-block;position:absolute;right:25px;top:17px;width:13px;height:8px;background:url("/default/images/renew/footer_link_open.svg") no-repeat 0 0} #footer .footer_link li .link_btn.on span{background:url("/default/images/renew/footer_link_close.svg") no-repeat 0 0} #footer .footer_link li .link_btn:hover{text-decoration:none} #footer .footer_link li div{display:none;border-left:1px solid #eeeeee} #footer .footer_link li ul{padding:20px 0 25px 25px} #footer .footer_link li ul li{float:none;width:auto} #footer .footer_link li ul li span, #footer .footer_link li ul li a{display:inline-block;font-size:14px;line-height:26px;color:#666666} #footer .footer_link li ul li ul{padding:0;} #footer .footer_link li ul li ul li{padding-left:9px;background:url("../images/common/footer/bg_foot_bar.gif") no-repeat 0 11px} #footer .footer_link li ul li.list_type01{margin-top:0; margin-bottom:20px; padding-bottom:0; border-bottom:0;} #footer .footer_link .link_last .link_btn{border-right:1px solid #e3e3e3} #footer .footer_link .link_last div{border-right:1px solid #eeeeee} #footer .footer_link .list_type01 li { margin-top:4px; } #footer .foot_area{padding:24px 0 26px 2px;} #footer .foot_l { position:relative; float:left;margin-left: -2px; } #footer .foot_l .policy{float:left;padding-bottom:10px;margin-right: 5px} #footer .foot_l .policy li{float:left} #footer .foot_l .policy li a{display:block;padding:0 10px 0 9px;font-family:"RixSGo B";font-size:14px;line-height:22px;color:#333333;background:url("../images/common/footer/footer_policy_line.gif") no-repeat left 4px} #footer .foot_l .policy li a:hover{text-decoration:none} #footer .foot_l .policy li:first-child a{padding-left:0;background:none;} #footer .foot_l .sns{float:left;padding-left:9px} #footer .foot_l .sns li{float:left;margin-right:8px} #footer .foot_l .address{font-size:14px;line-height:22px;color:#777777} #footer .foot_l .address span{margin-right:17px;font-weight:400;} #footer .foot_l .copyright{font-size:14px;line-height:22px;color:#777777} #footer .foot_l .security_btn {position:absolute; top:38px; right:0; transform:translateX(50%); width:128px; height:30px; border:1px solid #e5e5e5; border-radius:6px; color:#666; font-size:14px; font-weight:400; background-color:#fff;} #footer .foot_l .kwa_mark { position:absolute; right:0; bottom:-6px; transform:translateX(50%); padding:0 10px;} #footer .foot_l .kwa_mark > a { display:inline-block;} #footer .foot_l .kwa_mark > a ~ a {margin-left:8px;} #footer .foot_l .kwa_mark > a:nth-child(1) img { width: 36px; height: 32px;} #footer .foot_l .kwa_mark > a:nth-child(2) img { width: 43px; height: 29px;} #footer .certif_list {float: left;} #footer .certif_list li {position:relative;float:left;width:32px;height:32px;margin:-5px 8px 0 0;} #footer .certif_list li:last-child, #footer .certif_list li + li + li + li { margin-right: 0;} #footer .certif_list li a {display:block;float:left;width:36px;height:32px;background: url("../images/common/footer/ico_mark2.png") no-repeat;text-indent: -9999px;text-decoration:none;} #footer .certif_list .mark1 a {background-position:0 0;} /* #footer .certif_list .mark2 a {background-position:-40px 0;} #footer .certif_list .mark3 a {background-position:-70px 0;} #footer .certif_list .mark4 a {background-position:-104px 0;} */ #footer .foot_r{float:right;position:relative;/*padding-left:36px;background:url("../images/common/footer/bg_foot_r.jpg") no-repeat 0 6px*/} #footer .foot_r dl{float:left;padding:0 20px 5px 20px;background:url("../images/common/footer/bg_footer_link2.gif") 0 4px no-repeat} #footer .foot_r dl dt{font-family:"RixSGo B";font-size:14px;color:#333333} #footer .foot_r a.btn_ars {display:inline-block;padding:0 22px 0 10px;margin-top:-4px;margin-left:5px;font-size:13px;line-height:20px;height:20px;color:#777777;border:1px solid #dddddd;background:#ffffff url("../images/common/footer/bg_btn_ars.png") no-repeat 63px 4px;vertical-align:middle;} #footer .foot_r a.btn_ars:hover{text-decoration:none} #footer .foot_r dl dd{display: flex; font-family:"RixSGo B";font-size:18px;flex-direction: column;} #footer .foot_r dl dd.dd_txt{font-size:14px;color:#777777} #footer .foot_r dl dd span.add {font-size:12px;color:#777;line-height: 1.4;font-family:"RixSGo B";} #footer .foot_r dl dd span.add01 {position: relative; top: -1px; vertical-align: middle; font-size:12px;color:#777;line-height: 1.4;font-family:"RixSGo B"; } #footer .foot_r dl.first{padding-left:0;background:none} #footer .foot_r dl.first .ars_btn{text-decoration: none; color: #333;} #footer .foot_r dl.second dd span.img_num_direct:last-child {position: relative; top: -4px;} #footer .foot_r dl.last{min-width: 113px; padding-right:0;} #footer .foot_r .txt{font-size:13px;color:#777777} /*#footer .foot_r .btn_ars{position:absolute;left:70px;top:-3px;} #footer .foot_r .btn_ars a{display:inline-block;padding:4px 23px 4px 11px;font-size:13px;line-height:1;color:#777777;border:1px solid #dddddd;background:#ffffff url("../images/common/footer/bg_btn_ars.png") no-repeat 64px 6px} #footer .foot_r .btn_ars a:hover{text-decoration:none}*/ /*2015-12-14 추가*/ #footer .foot_r .img_num_ars, #footer .foot_r .img_num_direct{font-family:"Roboto B"} #footer .foot_r .img_num_ars span, #footer .foot_r .img_num_direct span{font-family:"Roboto B"} #footer .foot_r .img_num_ars span.txt_red{color:#e11b22} #footer .foot_r .img_num_ars span.txt_green{color:#0096af} #footer .foot_r .img_num_direct span.txt_red{color:#e11b22} #footer .foot_r .img_num_direct span.txt_green{color:#0096af} #footer .footer_link .list_sns .ico_sns {display:inline-block; background:none; /*background: url("../images/common/footer/ico_sns.png") no-repeat;*/vertical-align:middle;margin-left:12px} #footer .footer_link .list_sns .ico_sns.facebook {width:60px;height:12px;background-position:0 0} #footer .footer_link .list_sns .ico_sns.instargram {width:59px;height:16px;background-position:0 -17px} #footer .footer_link .list_sns .ico_sns.kakaostory{width:75px;height:15px;background-position:0 -38px} #footer .footer_link .list_sns .ico_sns.youtube {width:35px;height:15px;background-position:0 -58px} #footer .footer_link .list_sns .ico_sns.twitter{width:50px;height:14px;background-position:0 -78px} #footer .footer_link .list_sns .ico_sns.naverpost{width:78px;height:12px;background-position:0 -97px} #footer .footer_link .list_sns .ico_sns.naverblog{width:65px;height:12px;vertical-align:inherit;background-position:0 -113px} #renew .footer_link li .link_btn { padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:600; width:100%; text-align: left; } #renew .footer_link li ul li span { color:#696969; font-weight:700; line-height:1.625; } #renew .footer_link li ul li a { color:#696969; font-weight:400; line-height:1.625; } #renew .footer_content .foot_area { padding-top:40px; padding-bottom:40px; } #renew .foot_l .policy { padding-bottom:0; } #renew .foot_l .policy li a { font-weight:600; line-height:1; background:none; } #renew .foot_l .address { width:auto; max-width:470px; margin-top:30px; color:#333; font-weight:400; line-height:1.57; } #renew .foot_l .copyright { color:#9e9e9e; font-weight:400; line-height:1.57; } #renew .foot_r:before { position:absolute; left:0; top:0; bottom:0; width:1px; background:#eee; content:""; } #renew .foot_r dl { margin-left:30px; padding:0; background:none; } #renew .foot_r dl dt { margin-bottom:10px; font-size:15px; font-weight:600; } #renew .foot_r dl dd { font-size:15px; } #renew .foot_r dl dd span { letter-spacing:initial; } #renew .foot_r dl dd span + span { margin-top:6px; } #renew .foot_r dl dd .img_num_ars { font-size:15px; color:#111; font-weight:700; } #renew .foot_r dl dd .img_num_ars span { font-weight:700; } #renew .foot_r dl dd .img_num_direct { color:#111; font-weight:700; } #renew .foot_r dl dd .img_num_direct span { font-weight:700; } #renew .foot_r dl dd span.add { font-size:15px; font-weight:400; } #renew .foot_r dl dd span.add01 { margin-left:4px; font-size:15px; font-weight:400; } #renew .footer_content .foot_area { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; gap:100px; } #renew .footer_content .foot_area .foot_l { flex:1; position:relative; float:none; margin:0; } #renew .footer_content .foot_area .foot_r { flex:0; display:flex; flex-flow:column nowrap; justify-content:space-between; gap:30px; position:relative; float:none; margin:0; } #renew .foot_l .policy { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; float:none; margin:0; padding:0; } #renew .foot_l .policy li { flex:0; float:none; } #renew .foot_l .policy li a { padding:0; text-align:center; white-space:nowrap; } #renew .foot_l .address { position:relative; width:auto; max-width:initial; margin-top:20px; } #renew .foot_l .security_btn { transform:none; } #renew .foot_l .kwa_mark { width:128px; padding:0; text-align:center; transform:none; } #renew .foot_r:before { position:absolute; left:0; top:0; bottom:0; width:1px; margin-left:-50px; background:#eee; content:""; } #renew .foot_r > *, #renew .foot_r dl { flex:0; float:none; margin:0; white-space:nowrap; } #renew .foot_r > .foot_r_box_1 { position:relative; display:flex; flex-flow:row nowrap; justify-content:space-between; gap:30px; } #renew .foot_r > .foot_r_box_2 { position:relative; margin-top:12px; } #renew .foot_r .ico_tel { position:absolute; left:0; bottom:0; padding:7px 10px; font-size:14px; color:#de4738; background:#fff; border:1px solid #e5e5e5; border-radius:6px; } #renew .foot_r .ico_tel:before { display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; background:url("/default/images/renew/ico_tel.svg") no-repeat center center; background-size:contain; content:""; } /* Main ******************************************************************************/ #renew .main_cont01 { position:relative; min-width:1200px; height:604px; margin:0 auto; background:#fff; overflow:hidden; } #renew .main_cont02 { position:relative; min-width:1200px; margin:40px auto 50px; background:#fff; overflow:hidden; } #renew .main_cont03 { position:relative; min-width:1200px; margin:0 auto 80px; background:#fff; overflow:hidden; } #renew .main_cont04 { position:relative; min-width:1200px; margin:0 auto 80px; background:#fff; overflow:hidden; } #renew .main_cont05 { position:relative; min-width:1200px; margin:0 auto 80px; padding:80px 0; background:#f5f7fb; overflow:hidden; } #renew .main_cont06 { position:relative; min-width:1200px; margin:0 auto 80px; background:#fff; } #renew .main_cont07 { position:relative; min-width:1200px; margin:0 auto 80px; padding:32px 0; background:#f5f7fb; overflow:hidden; } #renew .main_cont08 { position:relative; min-width:1200px; margin:0 auto 80px; background:#fff; overflow:hidden; } #renew .main_cont09 { position:relative; min-width:1200px; margin:0 auto 24px; background:#fff; overflow:hidden; } #renew .main_cont09 .txt_review { text-align:right; } #renew .main_cont_inner { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; } #renew .main_cont_inner.over { overflow:unset; } #renew .main_cont_inner .m_tit { margin-bottom:40px; font-size:32px; color:#000; font-weight:700 !important; } #renew .main_cont_inner .btn_mores { position:absolute; right:0; top:4px; width:24px; height:24px; background:url("/default/images/renew/ico_mores.svg") no-repeat center center; } #renew .main_cont_inner .btn_mores em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .m_cta_box { position:absolute; left:50%; top:40px; display:flex; flex-flow:column nowrap; width:413px; margin-left:-600px; padding:24px 35px; background:#fff; border-radius:56px 56px 24px 56px; z-index:10; } #renew .m_cta_box .tit { font-size:20px; color:#000; font-weight:600; } #renew .m_cta_box .m_cta { padding-top:16px; } #renew .m_cta_box .m_cta_btns { display:flex; flex-flow:row wrap; margin-bottom:16px; gap:10px 7px; } #renew .m_cta_box .m_cta_btns button { display:inline-block; padding:8px 12px; font-size:14px; color:#333; font-weight:700; border:1px solid #de4738; border-radius:19px; } #renew .m_cta_box .m_cta_btns button.on { color:#fff; background:#de4738; } #renew .m_cta_box .m_cta_btns a { display:inline-block; padding:8px 12px; font-size:14px; color:#333; font-weight:700; border:1px solid #de4738; border-radius:19px; } #renew .m_cta_box .m_cta_btns a.on { color:#fff; background:#de4738; } #renew .m_cta_box .m_cta_list { padding-top:16px; } #renew .m_cta_box .m_cta_list li { position:relative; padding-left:103px; } #renew .m_cta_box .m_cta_list li + li { margin-top:8px; } #renew .m_cta_box .m_cta_list li .tit { position:absolute; left:0; top:11px; font-size:16px; color:#656565; font-weight:500; } #renew .m_cta_box .m_cta_list li .tit label { color:inherit; } #renew .m_cta_box .m_cta_list li .err { display:none; margin-top:8px; font-size:12px; color:#de4738; } #renew .m_cta_box .btn_m_cta { display:block; padding:15px 0; font-size:20px; color:#fff; font-weight:700; text-align:center; background:#de4738; border-radius:28px; } #renew .m_cta_box .cta_new_wrap { width:auto; margin:0; } #renew .m_cta_box .cta_new_wrap .bxmydirect { display:none; } #renew .m_cta_box .cta_new_wrap .bx_mydirect2 { margin-top:0; } #renew .m_cta_box .cta_new_wrap .bx_mydirect2:after { display:none; } #renew .m_cta_box .cta_new_wrap .bx_mydirect2 .brd { border:none; border-radius:0; box-shadow:none; } #renew .m_cta_box .cta_new_wrap .bx_mydirect2 .brd .frmbox { margin-top:0; padding:0; } #renew .m_cta_box .cta_new_wrap .bx_mydirect2 .brd .frmbox .p_tit_sub { display:none; } #renew .m_cta_box .cta_new_wrap .consult_btnset_w { margin-top:16px; } #renew .m_cta_box .cta_new_wrap .consult_btnset_w .btn_block.red { height:52px; border-radius:26px; background:#de4738; } #renew .m_cta_box .cta_new_wrap .consult_btnset_w .btn_block.red i { display:none; } #renew .m_cta_box .cta_new_wrap .group input { font-size:15px; } #renew .m_cta_box .cta_new_wrap .group input::placeholder { font-size:15px !important; color:#929292 !important; } #renew .m_cta_box .cta_new_wrap .group input::-webkit-input-placeholder { font-size:15px !important; color:#929292 !important; } #renew .m_cta_box .cta_new_wrap .group input::-moz-placeholder { font-size:15px !important; color:#929292 !important; } /* firefox 19+ */ #renew .m_cta_box .cta_new_wrap .group input:-ms-input-placeholder { font-size:15px !important; color:#929292 !important; } /* ie */ #renew .m_cta_box .cta_new_wrap .group input[type=text]:-ms-input-placeholder { font-size:15px !important; color:#929292 !important; } /* ie */ #renew .m_cta_box .cta_new_wrap .group input[type=password]:-ms-input-placeholder { font-size:15px !important; color:#929292 !important; } /* ie */ input:-moz-placeholder { color:#929292 !important; } #renew .m_cta_box .cta_new_wrap .input_box.add_placeholder:after { font-size:15px; } #renew .m_cta_box .cta_new_wrap .consult_btnset { display:none; } #renew .m_cta_box .cta_new_wrap .bx_valid { margin-top:8px; } #renew .m_cta_box .cta_new_wrap .group > label { font-size:14px; } #renew .m_cta_box .cta_new_wrap .info_sex input[type="radio"] + label { margin-top:-2px; font-size:14px; white-space:nowrap; } /* #renew .m_cta_box .cta_new_wrap .group input { font-size:14px; } */ #renew .m_cta_box .cta_new_wrap .group input:placeholder { font-size:14px; } #renew .m_cta_box .add_placeholder:after { font-size:14px; } #renew .m_cont_swiper { width:100%; height:100%; } #renew .m_cont_swiper .swiper-wrapper { width:100%; height:100%; } #renew .m_cont_swiper .swiper-slide { width:100%; height:100%; } #renew .m_cont_swiper .swiper-pagination { left:50%; bottom:40px; } #renew .m_cont_swiper .swiper-pagination .swiper-pagination-bullet { margin:0 4px; background:transparent; border:1px solid #fff; opacity:1; } #renew .m_cont_swiper .swiper-pagination .swiper-pagination-bullet-active { width:24px; background:#fff; border-radius:8px; } #renew .m_cta_cont { position:absolute; left:50%; top:70px; bottom:45px; width:720px; margin-left:-121px; } #renew .m_cta_cont .tit_s { margin-bottom:8px; font-size:24px; color:#fff; font-weight:400; line-height:1.1666; text-shadow:0 0 4px rgba(0,0,0,0.25); } #renew .m_cta_cont .tit { font-size:40px; color:#fff; font-weight:700; line-height:1.2; text-shadow:0 0 4px rgba(0,0,0,0.25); } #renew .m_cta_cont .tit sub { display:inline-block; font-size:24px; font-weight:400; vertical-align:middle; } #renew .m_cta_cont .stit { margin-top:4px; font-size:24px; color:#fff; font-weight:400; line-height:1.666; text-shadow:0 0 4px rgba(0,0,0,0.25); } #renew .m_cta_cont .cont_list { margin-top:32px; } #renew .m_cta_cont .cont_list li { position:relative; padding-left:38px; font-size:18px; color:#fff; font-weight:600; line-height:1.5; text-shadow:0 0 4px rgba(0,0,0,0.25); } #renew .m_cta_cont .cont_list li sub { display:inline-block; font-size:16px; font-weight:400; line-height:1.4; vertical-align:middle; } #renew .m_cta_cont .cont_list li sub.small { font-size:14px; } #renew .m_cta_cont p sub.very_small {margin-top: 16px; padding-left:38px; font-size:11px; font-weight: normal; line-height:0; opacity: .6;} #renew .m_cta_cont .cont_list li:before { position:absolute; left:0; top:3px; width:20px; height:20px; background:url("/default/images/renew/ico_check_2.png") no-repeat left top; background-size:contain; content:""; } #renew .m_cta_cont .cont_list li + li { margin-top:16px; } #renew .m_cta_cont .btn_area { position:relative; margin-top:24px; text-align:initial; } #renew .m_cta_cont .btn_area button { display:inline-block; padding:14px 24px; font-size:18px; color:#fff; font-weight:700; background-color:#0882c9; border-radius:24px; } #renew .m_cta_cont .deliberation_number { position:absolute; right:0; bottom:-30px; font-size:12px; color:#327fab; } /* #renew .m_cont_swiper .swiper-slide1 { background:#9996e9; } #renew .m_cont_swiper .swiper-slide2 { background:#9db6ef; } #renew .m_cont_swiper .swiper-slide3 { background:#76bbcf; } #renew .m_cont_swiper .swiper-slide4 { background:#e8acb5; } #renew .m_cont_swiper .swiper-slide5 { background:#f8d35e; } #renew .m_cont_swiper .swiper-slide6 { background:#7a97dd; } #renew .m_cont_swiper .swiper-slide7 { background:#8c8aea; } */ /* wa : 명도대비 */ #renew .m_cont_swiper .swiper-slide1 { background:#8180e6; } #renew .m_cont_swiper .swiper-slide2 { background:#7390d3; } #renew .m_cont_swiper .swiper-slide3 { background:#549cb0; } #renew .m_cont_swiper .swiper-slide4 { background:#eea0b3; } #renew .m_cont_swiper .swiper-slide5 { background:#f8d35e; } #renew .m_cont_swiper .swiper-slide6 { background:#708ccf; } #renew .m_cont_swiper .swiper-slide7 { background:#11bba7; } #renew .m_cont_swiper .swiper-slide7 .wyl250430_txt { position:relative; left:37px; bottom:-18px; width:300px; font-size:11px; color:#fff; word-break:break-all } #renew .m_cont_swiper .swiper-slide8 { background:#4a86ea; } #renew .m_cont_swiper .swiper-slide9 { background:#6c48eb; } #renew .m_cont_swiper .swiper-slide1 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_1.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide2 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_2.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide3 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_3.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide4 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_4.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide5 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_5.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide6 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_6.png"); background-repeat:no-repeat; background-position:right bottom; } #renew .m_cont_swiper .swiper-slide7 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_7.png?ver=20260202"); background-repeat:no-repeat; background-position:88% 70%; background-size:410px;} #renew .m_cont_swiper .swiper-slide8 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_8.png?ver=20250908"); background-repeat:no-repeat; background-position:right -11px; } #renew .m_cont_swiper .swiper-slide9 .m_cta_cont { background-image:url("/default/images/renew/banner/mbanner_img_9.png?ver=20260202"); background-repeat:no-repeat; background-position:right top 0px; content: "준법감시인 심의필 제2025-광고-2613호(2025.12.30~2026.12.29)"; } #renew .m_cont_swiper .swiper-control { position:absolute; left:50%; bottom:42px; width:10px; height:10px; margin-left:-13px; z-index:10; } #renew .m_cont_swiper .swiper-control button em { position:absolute; left:0; top:0; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } #renew .m_cont_swiper .swiper-control .btns { display:block; width:10px; height:10px; } #renew .m_cont_swiper .swiper-control .btn_pause { background:url("/default/images/renew/ico_pause.png") no-repeat center center; } #renew .m_cont_swiper .swiper-control .btn_play { background:url("/default/images/renew/ico_play.png") no-repeat center center; } #renew .m_cont_swiper .swiper-slide4 p { color:#111; text-shadow:none; } #renew .m_cont_swiper .swiper-slide4 li { color:#111; text-shadow:none; } #renew .m_cont_swiper .swiper-slide4 li:before { background-image:url("/default/images/renew/ico_check_3.png"); content:""; } #renew .m_cont_swiper .swiper-slide5 p { color:#111; text-shadow:none; } #renew .m_cont_swiper .swiper-slide5 li { color:#111; text-shadow:none; } #renew .m_cont_swiper .swiper-slide5 li:before { background-image:url("/default/images/renew/ico_check_3.png"); content:""; } #renew .m_cont_swiper .swiper-slide8 p { color:#fff; text-shadow:none; } #renew .m_cont_swiper .swiper-slide8 p.stit { font-size:18px; } #renew .m_cont_swiper .swiper-slide8 li { color:#fff; text-shadow:none; } #renew .m_cont_swiper .swiper-slide8 li:before { background-image:url("/default/images/renew/ico_check_2.png"); content:""; } #renew .m_cont_swiper .swiper-slide9 p { color:#fff; text-shadow:none; } #renew .m_cont_swiper .swiper-slide9 p.stit { font-size:18px; } #renew .m_cont_swiper .swiper-slide9 li { color:#fff; text-shadow:none; } #renew .m_cont_swiper .swiper-slide9 li:before { background-image:url("/default/images/renew/ico_check_2.png"); content:""; } #renew .m_direct { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; } #renew .m_direct .m_direct_cont { flex:0 80px; text-align:center; white-space:nowrap; } #renew .m_direct .m_direct_cont a { position:relative; color:#111; } #renew .m_direct .m_direct_cont a:before { position:relative; display:block; width:80px; height:80px; margin-bottom:20px; background:#f4f4f4; border-radius:32px; content:""; } #renew .m_direct .m_direct_cont:nth-child(1) a:before { background-image:url("/default/images/renew/ico_direct_1.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(2) a:before { background-image:url("/default/images/renew/ico_direct_2.svg?ver=250207_02"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(3) a:before { background-image:url("/default/images/renew/ico_direct_3.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(4) a:before { background-image:url("/default/images/renew/ico_direct_4.svg"); background-repeat:no-repeat; background-position:center center; } /* #renew .m_direct .m_direct_cont:nth-child(5) a:before { background-image:url("/default/images/renew/ico_direct_5.svg"); background-repeat:no-repeat; background-position:center center; } */ #renew .m_direct .m_direct_cont:nth-child(5) a:before { background-image:url("/default/images/renew/ico_direct_6.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(6) a:before { background-image:url("/default/images/renew/ico_direct_7.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(7) a:before { background-image:url("/default/images/renew/ico_direct_8.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(8) a:before { background-image:url("/default/images/renew/ico_direct_9.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_direct .m_direct_cont:nth-child(9) a:before { background-image:url("/default/images/renew/ico_direct_10.svg"); background-repeat:no-repeat; background-position:center center; } #renew .m_recomm { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; gap:30px; } #renew .m_recomm .m_recomm_cont { flex:0 380px; height:300px; } #renew .m_recomm .m_recomm_cont a { position:relative; display:block; width:100%; height:100%; padding:40px; border-radius:16px; overflow:hidden; } #renew .m_recomm .m_recomm_cont a:before { position:absolute; right:24px; bottom:24px; width:140px; height:140px; content:""; } #renew .m_recomm .m_recomm_cont .m_recomm_4 {position:relative; display:block; width:100%; height:100%; padding:40px; border-radius:16px; overflow:hidden;} #renew .m_recomm .m_recomm_cont .m_recomm_4:before {position:absolute; right:24px; bottom:24px; width:140px; height:140px; content:"";} #renew .m_recomm .m_recomm_cont .tit { font-size:24px; color:#111; font-weight:700; line-height:1.25; } #renew .m_recomm .m_recomm_cont .stit { display:inline-block; margin-bottom:16px; color:#fff; font-weight:400; } #renew .m_recomm .m_recomm_cont .txt { position:relative; display:inline-block; margin-top:16px; color:#666; font-weight:400; } #renew .m_recomm .m_recomm_cont .txt:before { position:absolute; right:-20px; top:50%; width:6px; height:1px; background:#666; transform:translateY(-50%) rotate(135deg); transform-origin:left; content:""; } #renew .m_recomm .m_recomm_cont .txt:after { position:absolute; right:-20px; top:50%; width:6px; height:1px; background:#666; transform:translateY(-50%) rotate(-135deg); transform-origin:left; content:""; } #renew .m_recomm .m_recomm_1 { background:#f5f1fd; } /* #renew .m_recomm .m_recomm_1 .txt { color:#a679c9; } #renew .m_recomm .m_recomm_1 .txt:before { background:#a679c9; } #renew .m_recomm .m_recomm_1 .txt:after { background:#a679c9; } */ #renew .m_recomm .m_recomm_2 { background:#eef4fe; } /* #renew .m_recomm .m_recomm_2 .txt { color:#414db9; } #renew .m_recomm .m_recomm_2 .txt:before { background:#414db9; } #renew .m_recomm .m_recomm_2 .txt:after { background:#414db9; } */ #renew .m_recomm .m_recomm_3 { background:#f7f7f7; } /* #renew .m_recomm .m_recomm_3 .txt { color:#414db9; } #renew .m_recomm .m_recomm_3 .txt:before { background:#414db9; } #renew .m_recomm .m_recomm_3 .txt:after { background:#414db9; } */ /* #renew .m_recomm .m_recomm_4 { background:#65c5cb; } */ #renew .m_recomm .m_recomm_4 { background:#ffd52c; } #renew .m_recomm .m_recomm_4 .stit { color:#111; font-weight:700; } #renew .m_recomm .m_recomm_4 .tit { color:#111; } #renew .m_recomm .m_recomm_4 .txt { color:#111; font-weight:700; } #renew .m_recomm .m_recomm_4 .txt:before { background:#111; } #renew .m_recomm .m_recomm_4 .txt:after { background:#111; } /* #renew .m_recomm .m_recomm_5 { background:#8e8deb; } */ #renew .m_recomm .m_recomm_5 { background:#8180e6; } #renew .m_recomm .m_recomm_5 .tit { color:#fff; } #renew .m_recomm .m_recomm_5 .txt { color:#fff; } #renew .m_recomm .m_recomm_5 .txt:before { background:#fff; } #renew .m_recomm .m_recomm_5 .txt:after { background:#fff; } /* #renew .m_recomm .m_recomm_6 { background:#ee7893; } */ #renew .m_recomm .m_recomm_6 { background:#dc7089; } #renew .m_recomm .m_recomm_6 .tit { color:#fff; } #renew .m_recomm .m_recomm_6 .txt { color:#fff; } #renew .m_recomm .m_recomm_6 .txt:before { background:#fff; } #renew .m_recomm .m_recomm_6 .txt:after { background:#fff; } #renew .m_recomm .m_recomm_1:before { background:url("/default/images/renew/recomm_bg_1.png") no-repeat center center; background-size:contain; } #renew .m_recomm .m_recomm_2:before { background:url("/default/images/renew/recomm_bg_2.png") no-repeat center center; background-size:contain; } #renew .m_recomm .m_recomm_3:before { background:url("/default/images/renew/recomm_bg_3.png") no-repeat center center; background-size:contain; } #renew .m_recomm .m_recomm_4:before { background:url("/default/images/renew/recomm_bg_4.png") no-repeat center center; background-size:contain; } #renew .m_recomm .m_recomm_5:before { background:url("/default/images/renew/recomm_bg_5.png") no-repeat center center; background-size:contain; } #renew .m_recomm .m_recomm_6:before { background:url("/default/images/renew/recomm_bg_6.png") no-repeat center center; background-size:contain; } #renew .m_recomm .mover_cont { position:absolute; display:none; left:0; right:0; top:0; bottom:0; padding:40px; background:inherit; z-index:2; } #renew .m_recomm .mover_cont .stit { margin:0; } #renew .m_recomm .mover_cont .tit { font-size:24px; font-weight:700; line-height:1.25; } #renew .m_recomm .mover_cont .txt { margin-top:16px; font-size:18px; line-height:1.22; } #renew .m_recomm .mover_cont .txt:before { display:none; } #renew .m_recomm .mover_cont .txt:after { display:none; } #renew .m_recomm .mover_cont:before { position:absolute; right:24px; bottom:24px; width:140px; height:140px; content:""; } #renew .m_recomm .m_recomm_4 .mover_cont .img_qr {padding:14px; background-color: #fff; position:absolute; right:24px; bottom:24px;} #renew .m_recomm .m_recomm_5 .mover_cont:before { background:#fff url("/default/images/renew/qr_direct_2_20231122.png") no-repeat center center; } #renew .m_recomm .mover_cont.on { display:block; } #renew .m_cs { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; gap:30px; } #renew .m_cs .m_cs_cont { flex:0 584px; height:200px; } #renew .m_cs .m_cs_cont a { position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; padding:0 48px; border:1px solid #dbdbdb; border-radius:16px; } #renew .m_cs .m_cs_cont a:before { position:absolute; right:48px; top:0; width:200px; height:200px; content:""; } #renew .m_cs .m_cs_cont .tit { font-size:22px; color:#111; font-weight:700; line-height:1.25; } #renew .m_cs .m_cs_cont .tit > strong { display:inline-block; margin-top:6px; font-size:38px; color:#dd2a18; font-weight:700; } #renew .m_cs .m_cs_cont .tit_bigger { font-size:27px; } #renew .m_cs .m_cs_cont .txt { position:relative; display:inline-block; margin-top:24px; font-size:20px; color:#666; font-weight:500; } #renew .m_cs .m_cs_cont .txt:after { display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("/default/images/renew/ico_arrow.png") no-repeat center center; background-size:contain; content:""; } /* #renew .m_cs .m_cs_cont .txt:after { position:absolute; right:-20px; top:50%; width:6px; height:1px; background:#111; transform:translateY(-50%) rotate(-135deg); transform-origin:left; content:""; } */ #renew .m_cs .m_cs_1 { background:#fff; } #renew .m_cs .m_cs_1:before { background:url("/default/images/renew/cs_bg_1.png?ver=20250710") no-repeat center center; } #renew .m_cs .m_cs_2 { background:#fff; } #renew .m_cs .m_cs_2:before { background:url("/default/images/renew/cs_bg_2.png?ver=20250710") no-repeat center center; } #renew .m_cs .m_cs_2 { padding-bottom:0; } /* #renew .m_cs .m_cs_2 .tit.active { margin-top:30px; } */ /* #renew .m_cs .m_cs_2 .txt.active { margin-top:10px; } */ /* 실시간 챗봇 */ #renew .m_cs .m_cs_cont a .counsel_box { position:absolute; left:auto; right:72px; top:94px; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; min-width:auto; width:130px; height:auto; padding:0; font-size:16px; color:#fff; font-weight:700; white-space:nowrap; background:none; border:0; border-radius:0; box-shadow:none; z-index:1; } #renew .m_cs .m_cs_cont a .counsel_box:before { display:none; } #renew .m_cs .m_cs_cont a .counsel_box em { color:#fff; font-weight:inherit; transform-origin:0% 100%; } #renew .m_cs .m_cs_cont a .counsel_box em:nth-of-type(odd) { animation:none; } #renew .m_cs .m_cs_cont a .counsel_box em:nth-of-type(even) { animation:none; } /* #renew .m_cs .m_cs_cont a .counsel_box em:nth-of-type(odd) { animation:txt_mov .5s .0s infinite both ease-in; } #renew .m_cs .m_cs_cont a .counsel_box em:nth-of-type(even) { animation:txt_mov .5s .25s infinite both ease-in; } */ #renew .m_cs .m_cs_cont a .counsel_box em:nth-of-type(3) { margin-right:3px; } #renew .m_cs .m_cs_cont a .counsel_box em.nums { color:#fff126; } #renew .m_cs .m_cs_cont a .counsel_box span { margin-left:6px; font-size:inherit; font-weight:inherit; } #renew .m_cs .m_cs_cont a .counsel_box .ico_bell { position:relative; left:initial; top:initial; animation:bell_mov 1.5s infinite both ease-in; transform-origin:50% 0%; } @keyframes bell_mov { 0% { transform:rotate(0); } 25% { transform:rotate(23deg); } 65% { transform:rotate(-15deg); } 100% { transform:rotate(0); } } @keyframes txt_mov { 0% { transform:scaleY(1); } 50% { transform:scaleY(1.1); } 100% { transform:scaleY(1); } } #renew .m_review { position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; gap:100px; padding:0 100px; } #renew .m_review:before { position:absolute; left:0; top:0; width:46px; height:32px; background:url("/default/images/renew/review_bg_1.png") no-repeat center center; content:""; } #renew .m_review:after { position:absolute; right:0; bottom:0; width:46px; height:32px; background:url("/default/images/renew/review_bg_2.png") no-repeat center center; content:""; } #renew .m_review .m_review_cont { position:relative; flex:1; } #renew .m_review .m_review_cont:after { position:absolute; right:-18%; top:0; bottom:0; width:1px; background:#ccc; content:""; } #renew .m_review .m_review_cont:nth-last-child(1):after { display:none; } #renew .m_review .cont_head { position:relative; height:72px; margin-bottom:16px; padding-top:7px; padding-left:96px; } #renew .m_review .cont_head:before { position:absolute; left:0; top:0; width:72px; height:72px; content:""; } #renew .m_review .cont_head .tit { font-size:20px; color:#de5d3d; font-weight:600; line-height:1.75; } #renew .m_review .cont_head .name { color:#000; font-weight:600; line-height:1.4; } #renew .m_review .cont_txt { display:-webkit-box; color:#555; line-height:1.375; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; } #renew .m_review .cont_ico_car:before { background:url("/default/images/renew/ico_review_car.svg") no-repeat center center; } #renew .m_review .cont_ico_dog:before { background:url("/default/images/renew/ico_review_dog.svg") no-repeat center center; } #renew .m_review .cont_ico_cat:before { background:url("/default/images/renew/ico_review_cat.svg") no-repeat center center; } #renew .m_slide_recomm { position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; height:300px; overflow:hidden; } #renew .m_slide_recomm .swiper-wrapper { width:100%; height:100%; } #renew .m_slide_recomm .swiper-slide { width:100%; height:100%;} #renew .recomm-button-prev { position:absolute; left:-40px; top:50%; width:24px; height:24px; background:#fff url("/default/images/renew/ico_prev.png") no-repeat center center; cursor:pointer; } #renew .recomm-button-next { position:absolute; right:-40px; top:50%; width:24px; height:24px; background:#fff url("/default/images/renew/ico_next.png") no-repeat center center; cursor:pointer; } #renew .m_banner { position:relative; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; width:auto; margin:0 auto; text-align:center; gap:50px; } #renew .m_banner .m_banner_item { flex:0; white-space:nowrap; font-size:24px; color:#000; } #renew .m_banner .m_banner_item .point * { color:#ed3722; } #renew .m_banner .m_banner_item a { padding:16px 46px; font-size:18px; color:#fff; background:#ed3722; border-radius:26px; } #renew .m_banner .m_banner_item a em { position:relative; color:inherit; white-space:nowrap; } #renew .m_banner .m_banner_item a em:after { position:absolute; right:-10px; top:50%; width:6px; height:6px; border:1px solid #fff; border-left:0; border-bottom:0; transform:translateY(-50%) rotate(45deg); content:""; } #renew .m_benefit { position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; height:180px; overflow:hidden; } #renew .m_benefit .m_benefit_cont { flex:0 385px; height:100%; border-radius:8px; overflow:hidden; } /* #renew .m_benefit .m_benefit_cont { flex:0 585px; height:100%; border-radius:8px; overflow:hidden; } 240605 수정 */ /* 우측 플로팅 박스 */ #renew .bestset_areas { position:fixed; right:40px; top:170px; width:100px; z-index:90; } #renew .chat_box { position:relative; } #renew .main_chat_bnr { position:initial; right:unset; bottom:unset; transition:unset; } #renew .main_chat_bnr.active { bottom:unset; } #renew .chat_box a { position:relative; display:block; width:100px; height:100px; color:#111; background:rgba(256,256,256,0.8); border:1px solid #fff; border-radius:50%; box-shadow:4px 8px 16px rgba(85,66,0,0.15); } #renew .chat_box a > .chat_count { position:absolute; right:0; top:-10px; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; width:37px; height:30px; font-size:16px; color:#fff; font-weight:600; background:#f2416b; border-radius:20px; z-index:2; } #renew .chat_box a > em { position:absolute; left:50%; top:50%; font-size:14px; font-weight:600; white-space:nowrap; transform:translate(-50%, -50%); } #renew .chat_box a > em:before { display:block; width:44px; height:44px; margin:0 auto 2px; background:url("/default/images/renew/ico_chat_side.png?ver=20250709") no-repeat center center; background-size:contain; content:""; } #renew .normal_box { position:relative; display:flex; flex-flow:column nowrap; margin-top:16px; padding:24px 10px; border:1px solid #fff; background-color:rgba(256,256,256,0.8); backdrop-filter:blur(5px); border-radius:50px; box-shadow:4px 8px 16px rgba(85,66,0,0.15); overflow:hidden; } #renew .normal_box .normal_cont { flex:0; } #renew .normal_box .normal_cont + .normal_cont { margin-top:16px; } #renew .normal_box .normal_cont a { position:relative; display:block; font-size:14px; color:#656565; font-weight:400; line-height:1.3; text-align:center; } #renew .normal_box .normal_cont a:before { display:block; width:32px; height:32px; margin:0 auto 8px; content:""; } #renew .normal_box .normal_cont a .point { color:#de4738; white-space:nowrap; } #renew .normal_box .normal_cont div { position:relative; display:block; font-size:14px; color:#656565; font-weight:400; line-height:1.3; text-align:center; } #renew .normal_box .normal_cont div:before { display:block; width:32px; height:32px; margin:0 auto 8px; content:""; } #renew .normal_box .normal_cont .ico_normal_2 { cursor:default; } #renew .normal_box .normal_cont .ico_normal_1:before { background:url("/default/images/renew/ico_clock.svg") no-repeat center center; background-size:contain; } #renew .normal_box .normal_cont .ico_normal_2:before { background:url("/default/images/renew/ico_headset.svg") no-repeat center center; background-size:contain; } #renew .latest_box { position:relative; display:flex; flex-flow:column nowrap; margin-top:16px; padding:32px 10px 24px; border:1px solid #fff; background:rgba(256,256,256,0.7); backdrop-filter:blur(5px); border-radius:50px; box-shadow:4px 8px 16px rgba(85,66,0,0.15); overflow:visible; } #renew .latest_box .tit { position:relative; flex:none; margin-bottom:14px; padding:4px 0; font-size:12px; color:#fff; font-weight:600; text-align:center; white-space:nowrap; background:#606060; border-radius:3px; } #renew .latest_box .tit:before { position:absolute; left:50%; bottom:-5px; border-top:5px solid #606060; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:none; border-radius:2px; transform:translateX(-50%); content:""; } #renew .latest_box .latest_cont { flex:0; position:relative; } #renew .latest_box .latest_cont + .latest_cont { margin-top:16px; } #renew .latest_box .latest_cont a { position:relative; display:block; font-size:12px; font-weight:400; line-height:1.3; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #renew .latest_box .latest_cont a:before { display:block; width:32px; height:32px; margin:0 auto 8px; background-repeat:no-repeat; background-position:center center; background-size:contain; content:""; } #renew .latest_box .latest_cont a.ico_1:before { background-image:url("/default/images/renew/ico_side_1.svg"); } #renew .latest_box .latest_cont a.ico_2:before { background-image:url("/default/images/renew/ico_side_2.svg"); } #renew .latest_box .latest_cont a.ico_3:before { background-image:url("/default/images/renew/ico_side_3.svg"); } #renew .latest_box .latest_cont a.ico_4:before { background-image:url("/default/images/renew/ico_side_4.svg"); } #renew .latest_box .latest_cont a.ico_5:before { background-image:url("/default/images/renew/ico_side_5.svg"); } #renew .latest_box .latest_cont a.ico_6:before { background-image:url("/default/images/renew/ico_side_6.svg"); } #renew .latest_box .latest_cont a.ico_7:before { background-image:url("/default/images/renew/ico_side_7.svg"); } #renew .latest_box .latest_cont a.ico_8:before { background-image:url("/default/images/renew/ico_side_8.svg"); } #renew .latest_box .latest_cont a.ico_9:before { background-image:url("/default/images/renew/ico_side_9.svg"); } #renew .latest_box .latest_cont a.ico_10:before { background-image:url("/default/images/renew/ico_side_10.svg"); } #renew .latest_box .latest_cont a.ico_11:before { background-image:url("/default/images/renew/ico_side_11.svg"); } #renew .latest_box .latest_cont a.ico_12:before { background-image:url("/default/images/renew/ico_side_12.svg"); } #renew .latest_box .latest_cont a.ico_13:before { background-image:url("/default/images/renew/ico_side_13.svg"); } #renew .latest_box .latest_cont a.ico_14:before { background-image:url("/default/images/renew/ico_side_14.svg"); } #renew .latest_box .latest_cont a.ico_15:before { background-image:url("/default/images/renew/ico_side_15.svg"); } #renew .latest_box .latest_cont a.ico_16:before { background-image:url("/default/images/renew/ico_side_16.svg"); } #renew .latest_box .latest_cont a.ico_17:before { background-image:url("/default/images/renew/ico_side_17.svg"); } #renew .latest_box .latest_cont a.ico_18:before { background-image:url("/default/images/renew/ico_side_18.svg"); } #renew .latest_box .latest_cont a.ico_19:before { background-image:url("/default/images/renew/ico_side_19.svg"); } #renew .latest_box .latest_cont a.ico_20:before { background-image:url("/default/images/renew/ico_side_20.svg"); } #renew .latest_box .latest_cont a.ico_21:before { background-image:url("/default/images/renew/ico_side_21.svg"); } #renew .latest_box .latest_cont a.ico_22:before { background-image:url("/default/images/renew/ico_side_22.svg"); } #renew .latest_box .latest_cont a.ico_23:before { background-image:url("/default/images/renew/ico_side_23.svg"); } #renew .latest_box .latest_cont a.ico_24:before { background-image:url("/default/images/renew/ico_side_24.svg"); } #renew .latest_box .latest_cont a.ico_25:before { background-image:url("/default/images/renew/ico_side_25.svg"); } #renew .latest_box .latest_cont a.ico_26:before { background-image:url("/default/images/renew/ico_side_26.svg"); } #renew .latest_box .latest_cont a.ico_27:before { background-image:url("/default/images/renew/ico_side_27.svg"); } #renew .latest_box .latest_cont a.ico_28:before { background-image:url("/default/images/renew/ico_side_6.svg"); } #renew .latest_box .latest_cont a.ico_29:before { background-image:url("/default/images/renew/ico_side_29.svg"); } #renew .latest_box .latest_cont a.ico_30:before { background-image:url("/default/images/renew/ico_side_30.svg"); } #renew .latest_box .latest_cont a.ico_31:before { background-image:url("/default/images/renew/ico_side_31.svg"); } #renew .latest_box .latest_cont .tooltip {display:none; position:absolute; bottom:-24px; right:0; width:170px; z-index:1;} #renew .latest_box .latest_cont:hover .tooltip {display:block;} #renew .latest_box .latest_cont .tooltip span { position:relative; float:right; min-width: 42px; padding:4px 8px; text-align: center; border:1px solid #c2c2c2; border-radius:50px; background-color:#f5f5f5; font-size:10px; color:#424242;} #renew .latest_box .latest_cont .tooltip span::before { position:absolute; right:24px; top:-5px; border-bottom:5px solid #c2c2c2; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none; border-radius:2px; content:""; } #renew .top_btn { margin-top:16px; } #renew .top_btn .btn_top { display:block; width:60px; height:60px; margin:0 auto; background:rgba(256,256,256,0.7); backdrop-filter:blur(5px); background-image:url("/default/images/renew/ico_top.svg"); background-repeat:no-repeat; background-position:center center; border:1px solid #e6e6e6; border-radius:50%; } #renew .top_btn .btn_top em { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; } /* 실비X파일 */ #renew .gurt20_wrap_intro .insCta .stepCon .ipt_select .select_style .slc_target.select { height:unset; padding:initial; } /* 보장분석 결과페이지 */ /* 2017-03-07 시스템 커튼배너 추가 */ #renew .top_bnnr .system_banner{position:relative;width:1200px;min-height:50px;padding:20px 0;margin:0 auto;} /* 181214수정: padding:35px 0 */ #renew .top_bnnr .system_banner .system_ico{position:absolute;left:157px;top:50%;transform: translateY(-50%);width:121px;height:68px;} /* 181213수정: top:25px */ #renew .top_bnnr .system_banner .system_ico.error_type{background:url("../images/common/ico_check_error.png") right 50% no-repeat;} #renew .top_bnnr .system_banner .system_ico.notice_type{background:url("../images/common/ico_check_notice.png") 50% 50% no-repeat; background-size:80% 80%;} #renew .top_bnnr .system_banner .sysetm_txt_wrap{margin-left:300px;text-align: left;} #renew .top_bnnr .system_banner .sys_txt_tit{font-size:18px;color:#000;} #renew .top_bnnr .system_banner .sys_txt_span{margin-top:6px;font-size:14px;color:#555;} /* 2102 WSN 폰트사이즈 수정 */ #renew .cover_top .call_cont .gurtscore_wrap * { line-height:initial; box-sizing:unset; white-space:nowrap; } #renew .membership_status dl { display:flex; flex-flow:row wrap; justify-content:space-between; } #renew .membership_status dl dt, #renew .membership_status dl dd { flex:1 0 50%; } #renew .g_status > ul { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; } #renew .g_status > ul > li { position:relative; flex:1; } #renew .g_status > ul > li:before { position:absolute; right:0; top:0; width:1px; height:100%; background:#e8e9eb; content:""; } #renew .g_status > ul > li:nth-last-child(1):before { display:none; } #renew .g_status > ul > li .inner { border:0; } #renew .drive_dlpo_wrap { background:#54b2af; } #renew .renew_bg.xfiles { background-color:#c2cdea; } /* #renew .renew_new { background-color:#88a3ec; } */ #renew .renew_new { background-color:#fff; } #renew .renew_new .chat_renew { min-height:907px; padding:0; } #renew .renew_new .chat_renew .text_sice_con #insStart { position:absolute; left:135px; top:530px; } #renew .renew_new .chat_renew .text_sice_con #insStart .btn.gurt_intro_btn_xfile { position:relative; width:290px; height:74px; line-height:74px; padding:0; font-size:22px; letter-spacing:-1px; background:url("/default/images/renew/ico_xfile_bg.png") no-repeat center center; border-radius:none; } #renew .renew_new .chat_renew .text_sice_con #insStart .btn.gurt_intro_btn_xfile:after { display:inline-block; width:24px; height:24px; margin-top:-4px; margin-left:10px; text-shadow:0 3 0 rgba(0,0,0,0.1); vertical-align:middle; background:url("/default/images/renew/ico_xfile_arrow.png") no-repeat center center; content:""; } #renew .renew_new .chat_renew .gurt_result_chat { right:130px; bottom:90px; } #renew .renew_new .insCta { width:auto; padding:0; } #renew .renew_new .stepCon { width:520px; min-height:550px; margin:64px 20px; padding:30px 20px 20px 30px; background:#fff; border-radius:12px; box-shadow:8px 8px 4px rgba(0,0,0,0.4); } #renew .renew_new .btn_area.score { margin:30px auto 0; } #renew .gurt20_wrap_intro .text_sice_con > div { opacity:1; animation:none; } #renew .gurt20_wrap_intro .text_sice_con > button { opacity:1; animation:none; } #renew .renew_new .bx_valid.error .ipt_select .txt_error { margin-top:-1px; border-width:1px; } #renew .renew_new .gurt20_wrap_intro .insCta .stepCon input[type=text], #renew .renew_new .gurt20_wrap_intro .insCta .stepCon input[type=password] { height:41px; } #renew .renew_new .gurt20_wrap_intro .insCta .stepCon .simple_certify .grouping span.bar { top:41px; bottom:unset; } #renew .renew_new .gurt20_wrap_intro .insCta .stepCon .bx_valid.phone_selector .grouping .group + .group + .group .txt_error { margin-top:-1px; border-top-width:1px; } /* 바로미터 */ #renew .insert_txt { margin-top:40px; font-size:10px; color:#bbb; } #renew .insert_txt li { position:relative; word-break:keep-all; line-height:1.4; } #renew .insert_txt li + li { margin-top:8px; } #renew .insert_txt ul li ol { } #renew .insert_txt ul li ol li { margin-top:0; padding-left:14px; } #renew .insert_txt ul li ol li:before { position:absolute; left:0; } #renew .insert_txt ul li ol li:nth-of-type(1):before { content:"①"; } #renew .insert_txt ul li ol li:nth-of-type(2):before { content:"②"; } #renew .baro_wrap .left_area .baro_slide { height:604px; } #renew .baro_wrap .left_area .baro_slide:after { left:223px; top:331px; } #renew .baro_wrap .txt_review { margin:0; margin-top:40px; padding:0; font-size:10px; color:#bbb; text-align:left; } #renew .baro_wrap .txt_review + .insert_txt { margin-top:16px; margin-bottom:60px; } #renew .ins_group .txt_review { width:500px; margin:40px auto 0; padding:0; font-size:10px; color:#bbb; text-align:center; } #renew .ins_group .txt_review + .insert_txt { width:500px; margin:16px auto 0; color:#bbb; text-align:center; } #renew .ins_group .txt_review + .insert_txt ul li ol li { padding-left:0; } #renew .ins_group .txt_review + .insert_txt ul li ol li:before { position:initial; left:initial; display:inline-block; } /* */ .fixed_floating { padding-bottom:110px; } .pet_foot_floating { position:fixed; left:0; right:0; bottom:0; height:110px; background:#7063ea; transform:translateY(130%); transition:transform .2s ease-out; z-index:100; } .pet_foot_floating.active { transform:translateY(0); } .pet_foot_floating .pet_foot_floating_inner { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; gap:20px; width:100%; max-width:1000px; height:100%; margin:0 auto; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_ico { flex:0 0 127px; height:108px; margin-bottom:27px; background:url("/petpermint/images/content/product/pet_foot_floating_ico.png") no-repeat; background-size:contain; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_txt { flex:0; padding-bottom:10px; font-size:32px; color:#fff; font-weight:700; white-space:nowrap; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_txt > i { display:inline-block; width:220px; height:45px; font-size:0; vertical-align:bottom; background:url("/petpermint/images/content/product/pet_foot_floating_logo.png") no-repeat; background-size:contain; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_txt > em { color:#15dbb0; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_btn { flex:0; margin-left:30px; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_btn .btn { display:flex; justify-content:center; align-items:center; width:264px; height:58px; font-size:22px; color:#7e6eeb; font-weight:700; background:#fff; border-radius:60px; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_btn .btn > em { font-size:inherit; color:inherit; font-weight:inherit; } .pet_foot_floating .pet_foot_floating_inner .pet_foot_ft_btn .btn > em:after { display:inline-block; width:5px; height:10px; margin-left:11px; background:url("/petpermint/images/content/product/pet_foot_floating_arrow.png") no-repeat; background-size:contain; content:""; }