@charset "utf-8";
/* CTA : placeholder font-weight 추가 */
.cta_container .group input::placeholder{font-size:15px;letter-spacing: 0;font-weight:400;}
.cta_container .group input::-webkit-input-placeholder{font-size:15px;letter-spacing: 0;font-weight:400;}
.cta_container .group input:-moz-placeholder{font-size:15px;letter-spacing: 0;font-weight:400;}
.cta_container .group input::-moz-placeholder{font-size:15px;letter-spacing: 0;font-weight:400;}
.cta_container .group input:-ms-input-placeholder {font-size:15px;letter-spacing: 0;font-weight:400;}

/* CTA : 네이버로그인 */
.cta_wrap {background-color: #fff;border:0.2rem solid #aaa;margin:2rem 1.5rem 0 1.5rem;padding: 1.5rem;}
.cta_wrap .hgroup {display:flex;align-items: center;}
.cta_wrap .hgroup h3 {flex:1;font-size: 2rem;font-weight: bold;}
.cta_wrap .hgroup a {width: 24%;}

.cta_wrap .landing_a_lnd_guide{font-size: 1.4rem;margin-top: 1rem;color: #999;}

.cta_wrap ul {padding:1rem 0;}
.cta_wrap ul li {padding:1rem 0;}
.cta_wrap ul li dl {display:flex;}
.cta_wrap ul li dl dt {flex:1;font-size: 1.4rem;padding-top: 0.8rem;}
.cta_wrap ul li dl dd {flex:2;}
.cta_wrap ul li dl dd .chk_wrap {display:flex;align-items: center;}
.cta_wrap ul li dl dd .chk_wrap button {flex:1;font-size: 1.4rem;background-color: #bbb;height:3rem;line-height:3rem;color:#fff;}
.cta_wrap ul li dl dd .chk_wrap button.on {background-color: #f56d5d}
.cta_wrap ul li dl dd .chk_wrap button:first-child {margin-right:.7rem;}

.cta_wrap ul li.weekend dl dd .bx_valid .inner {display: flex;justify-content: space-between;align-items: center;}
.cta_wrap ul li.weekend dl dd .bx_valid .inner input {flex:9}
.cta_wrap ul li.weekend dl dd .bx_valid .inner span {flex:1;display: inline-block;font-size: 1.4rem;color: #000;text-align: right;}

.cta_wrap .btn_wrap {display:flex;align-items: center;}
.cta_wrap .btn_wrap button {flex:1;background-color: #949494;color:#fff;font-weight:bold;height:4.5rem;line-height:4.3rem;letter-spacing: -1px;}
.cta_wrap .btn_wrap button span {font-size: 1.6rem;}

/* 202104 : WSN : 수정 */
.cta_wrap .btn_wrap button:nth-child(1) {background-color: #6e8be8;}
.cta_wrap .btn_wrap button:nth-child(1) span:after {width:1.5rem;height:1.5rem;background-position: 0 0;}
.cta_wrap .btn_wrap button:nth-child(2) {background-color: #435483;}
.cta_wrap .btn_wrap button:nth-child(2) span:after {width:1.6rem;height:1.6rem;background-position: -2rem 0;}
.cta_wrap .btn_wrap button:nth-child(3) {flex:2;background-color: #ff5946;}
.cta_wrap .btn_wrap button:nth-child(3) span:after {width:1.4rem;height:1.5rem;background-position: -4rem 0;}

/* 유효성체크 메시지 */
.validate_msg p {position:relative;color: #e11b22;font-size: 1.2rem;line-height: 2;padding-left: 2rem;}
.validate_msg p:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:.5rem;z-index: 1;
    width:1.5rem;height:1.5rem;
    background: url("/default/images/product/common/ico_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: -8rem 0;
}

/* 유효성체크 메시지 - 언더라인 스타일 */
.bx_valid .txt_error {display: none;}
.bx_valid.error .txt_error {display: block;}

.validate_msg_uline .txt_error {border-top: 2px solid #e11b22;margin-top: -.1rem;}
.validate_msg_uline p {position:relative;color: #e11b22;font-size: 1.2rem;line-height: 2;padding-left: 2rem;}
.validate_msg_uline p:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:.5rem;z-index: 1;
    width:1.5rem;height:1.5rem;
    background: url("/default/images/product/common/ico_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: -8rem 0;
}

/* 인콜배너 */
.incall_warp {position:relative;margin:3rem 1.5rem 0  1.5rem;}
.incall_warp a {display:flex;justify-content:center;width:100%;height:100%;position: absolute;left:0;top:0;z-index: 1;color: #666;font-size: 1.3rem;}
.incall_warp a .time_wrap {position:relative;margin-top:15%;}
.incall_warp a span:first-child:before{content:'*'; display:block; position:absolute; left:-2vw; top:.3rem;z-index: 1;}

.incall_body { overflow: hidden; margin: 20px 0 0;}
.incall_body a { display: none !important; position: relative;}
.incall_body a:first-child { display: block !important;}
.incall_body .incall_group { position: relative;}
.incall_body.active a { display: block !important;}
/* wa : 버튼 추가 */
.bf { display: flex; align-items: center; justify-content: center; margin-top: 5px;}
.bf .pos_rel_btn { display: block; width: 16px; height: 16px; margin-left: 5px;}
.bf .pos_rel_btn em { display: block; width: 16px; height: 16px; background: url(/subscribe/images/renew/ico_incall_stop.png) no-repeat; background-size: 16px;}
.bf .pos_rel_btn.on em { background: url(/subscribe/images/renew/ico_incall_play.png) no-repeat; background-size: 16px;}
.bf .btnFelx2 { display: flex;}
.bf .btnFelx2 button { width: 8px; height: 8px; margin: 0 3px; background-color: #777; border-radius: 50%;}
.bf .btnFelx2 button.active { background-color: #e11218;}

.incall_warp a span:first-child:before { display:none; }
.newincall_banner .chat_wrap { position:absolute; left:25.5%; top:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; width:100%; height:100%; z-index:10; }
.newincall_banner .chat_wrap p { margin-bottom:3px; }
@media screen and (max-width:360px){
    .newincall_banner .chat_wrap p { font-size:17px; }
}
@media screen and (min-width:361px) and (max-width:390px){
    .newincall_banner .chat_wrap p { font-size:18px; }
}
@media screen and (min-width:391px) and (max-width:412px){
    .newincall_banner .chat_wrap p { font-size:19px; }
}
@media screen and (min-width:413px) and (max-width:430px){
    .newincall_banner .chat_wrap p { font-size:20px; }
}
.newincall_banner .chat_wrap p span { color:#333; font-weight:700; }
.newincall_banner .chat_wrap p em { color:#e42052; font-weight:700; }
.newincall_banner .chat_wrap .chat_arrow { position:relative; font-size:14px; color:#333; font-weight:400; }
.newincall_banner .chat_wrap .chat_arrow:before { position:absolute; right:-9px; top:45%; width:5px; height:5px; border:1px solid #000; border-left:0; border-bottom:0; transform:translateY(-50%) rotate(45deg); content:""; }
.newincall_banner .chat_wrap .time_show { position:relative; font-size:14px; color:#333; font-weight:400; }

/* 심의번호 */
.review_num_wrap {text-align: right;margin:0 1.5rem 2.5rem 1.5rem;}
.review_num_wrap p {font-size: 1.2rem;color: #666;}
.review_num_wrap_new { display:none; }

/* 챗봇 트리거 */
.trigger_warp {background-color: #e1e3ff;}
.trigger_warp ul {display:flex;flex-flow:row wrap;align-items: center;padding: 0 1rem 2rem 1rem;}
.trigger_warp ul li {flex:0 0 auto;margin:0 .5rem 1.2rem .5rem;}
.trigger_warp ul li a {
    display: block;height: 3.5rem;line-height: 3.5rem;
    border:1px solid #757fff;color:#595fff;
    background-color: #fff;
    border-radius: 3.5rem;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0 1.6rem;
}
.trigger_warp ul li.on a {background-color: #757fff;color:#fff;box-shadow: 0 5px 7px #ccc;}

/* ETC 버튼 */
.etc_btnset {margin:2rem 1rem;}
.etc_btnset ul {display:flex;flex-flow:row wrap;justify-content: center;}
.etc_btnset ul li {flex:1 0 45%;margin:.5rem}
.etc_btnset ul li a {display: block;font-size: 1.4rem;font-weight: bold;color: #666;border: 1px solid #ccc;text-align: center;padding:1rem;}

/* 상품정보 - 공통 */
.product_wrap {position:relative;margin:3rem 1.5rem 0  1.5rem;}
.product_wrap > p.tit {font-size: 1.8rem;font-weight: bold;line-height: 1.4;padding-bottom: 2.5rem;}
.product_wrap > p.tit strong {font-weight: bold;color: #e11b22;}
.product_wrap > p.tit span {position:relative;display: block;color: #666;font-size: 1.3rem;line-height: 1.6;padding-left: 1rem;margin:1rem .8rem 0 -.2rem;font-weight: normal;}
.product_wrap > p.tit span:before {display: block;content: '*';clear: both;position: absolute;left:0;top:.3rem;z-index: 1;}

.product_wrap > ol > li {padding-bottom: 5rem;}
.product_wrap > ol > li > dl > dt {font-size: 1.8rem;font-weight: bold;line-height: 1.4;padding-bottom: 2.5rem;text-indent: -1.6rem;padding-left: 1.6rem}
.product_wrap > ol > li > dl > dt em {font-size: 1.5rem;color: #666;}
.product_wrap > ol > li > dl > dd {padding:0 .8rem}

.product_wrap .content_area { padding-bottom:60px; box-sizing:border-box;}

/* 상품정보 1단계 - 기본블릿 */
.product_wrap > ol > li > dl > dd > ul {padding-top: 3rem;}
.product_wrap > ol > li > dl > dd > ul > li {position:relative;color:#000;font-size: 1.5rem;line-height: 1.4;padding-bottom: 1.5rem;padding-left:.8rem;}
.product_wrap > ol > li > dl > dd > ul > li:before {
    display: block;content: '';clear: both;position: absolute;left:0;top:.8rem;z-index: 1;
    width:.25rem;height:.25rem;
    background-color: #000;
}

/* 상품정보 2단계 - 기본 하위 스타일  */
.product_wrap > ol > li > dl > dd > ul > li > strong.point_txt_red {color: #e11b22;}
.product_wrap > ol > li > dl > dd > ul > li > p.cont {font-size: 1.3rem;color: #666;}
.product_wrap > ol > li > dl > dd > ul > li > .cont_fc5 {font-size: 1.3rem;color: #555;}

/* 상품정보 2단계 - "*" 스타일  */
.product_wrap > ol > li .pdt_etc_01 {position:relative;color: #777;font-size: 1.2rem;line-height: 1.6;padding-left: 1rem;margin:1rem .8rem 0 -.2rem;}
.product_wrap > ol > li .pdt_etc_01 strong {color: #333;}
.product_wrap > ol > li .pdt_etc_01:before {display: block;content: '*';clear: both;position: absolute;left:0;top:.3rem;z-index: 1;}

/* 상품정보 2단계 - "※" 스타일  */
.product_wrap > ol > li .pdt_etc_02 {position:relative;color: #777;font-size: 1.5rem;line-height: 1.6;padding-left: 1.5rem;margin:1rem .8rem 0 -.2rem;}
.product_wrap > ol > li .pdt_etc_02 strong {color: #333;}
.product_wrap > ol > li .pdt_etc_02:before {display: block;content: '※';clear: both;position: absolute;left:0;top:.1rem;z-index: 1;}

/* 상품정보 2단계 - "*" 스타일  */
.product_wrap > ol > li > dl > dd > ul > li:last-child {padding-bottom: 0;}
.product_wrap > ol > li > dl > dd > ul > li:only-child {padding-bottom: 0;}
.product_wrap > ol > li > dl > dd > ul > li p.disc {position:relative;font-size: 1.3rem;color: #777;padding:0 0 0 .8rem;margin:1.4rem 0}
.product_wrap > ol > li > dl > dd > ul > li p.disc:before {content:'*'; display:block; position:absolute; left:0; top:.2rem;z-index: 1;}

/* 상품정보 2단계 - "-" 스타일  */
.product_wrap ul li .pdt_list_type_01 dl dt {position:relative;font-size: 1.5rem;}
.product_wrap ul li .pdt_list_type_01 dl dd {position:relative;color: #666;font-size: 1.5rem;padding:.5rem 0 0 .8rem;margin-left: -.8rem;}
.product_wrap ul li .pdt_list_type_01 dl dd:last-child {padding-bottom: 0;}
.product_wrap ul li .pdt_list_type_01 dl dd:before {
    display: block;content: '';clear: both;position: absolute;left:0;top:1.3rem;z-index: 1;
    width:.3rem;height:.1rem;
    background-color: #666;
}
.product_wrap > ol > li > dl > dd > ul > li.recommand {text-indent:-.8rem;}
.product_wrap > ol > li > dl > dd > ul > li.recommand:before {background:none;}
.product_wrap ul li.recommand .pdt_list_type_01 dl dt {margin-left:-.8rem;text-indent:-999px;background:url(/default/images/product/smpcare/txt_simple_top.gif) no-repeat 0 0;background-size:8.5rem 2rem}
.product_wrap ul li.recommand .pdt_list_type_01 dl dd {text-indent:0;}

/* 상품정보 2단계 - 링크스타일 */
.product_wrap > ol > li > dl > dd .pdt_list_link_01 a {position:relative;font-size: 1.6rem;font-weight: bold;text-decoration: underline;display: inline-block;padding-right: 1.3rem;}
.product_wrap > ol > li > dl > dd .pdt_list_link_01 a strong {color: #e71821;font-weight: bold;text-decoration: underline;}
.product_wrap > ol > li > dl > dd .pdt_list_link_01 a:after {
    display: block;content: '';clear: both;position: absolute;right:0;top:.4rem;z-index: 1;
    width:.8rem;height:1.3rem;
    background: url("/default/images/product/common/ico_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: -1.5rem -2rem;
}

/* 상품정보 2단계 - TIP스타일 */
.pdt_list_tip {padding-top: 2rem;margin-left: -.8rem;}
.pdt_list_tip dl dt {position: relative;padding-left: 5rem;font-size: 1.4rem;padding-bottom: 1rem;}
.pdt_list_tip dl dt:after {
    display: block;content: '';clear: both;position: absolute;left:0;top:0;z-index: 1;
    width:4.4rem;height:1.8rem;
    background: url("/default/images/product/common/ico_sprit.png") no-repeat;background-size: 15rem 15rem;
    background-position: 0 -4rem;
}
.pdt_list_tip dl dd ol > li {font-size: 1.3rem;color: #e11b22;line-height: 1.6;}
.pdt_list_tip dl dd ol > li > ul {padding-left: 1.4rem;}
.pdt_list_tip dl dd ol > li > ul > li {font-size: 1.2rem;color: #666;line-height: 1.6;}
.pdt_list_tip dl dd ol > li > p {font-size: 1.3rem;color: #666;line-height: 1.6;padding-left: 1.8rem;}
.pdt_list_tip > p {font-size: 1.2rem;color: #777;line-height: 1.6;padding-top: 1rem;}

.pdt_list_tip dl dd.dash {position:relative;color: #666;font-size: 1.3rem;padding:.5rem 0 0 .8rem;}
.pdt_list_tip dl dd.dash:last-child {padding-bottom: 0;}
.pdt_list_tip dl dd.dash:before {
    display: block;content: '';clear: both;position: absolute;left:0;top:1.3rem;z-index: 1;
    width:.3rem;height:.1rem;
    background-color: #666;
}

/* 공통 : Input_reaio */
.input_custom_radio {position:relative;display: flex;align-items: center;justify-content: space-between;}
.input_custom_radio .inner {position:relative;flex:none;display: flex;align-items: center;justify-content: space-between;}
.input_custom_radio input[type=radio]{flex:none;visibility: hidden;width:0;height:0;}
.input_custom_radio label {position:relative;flex:0 1 auto;display: flex;align-items: center;height:2.2rem;font-size: 1.5rem;padding:0 0 0 3rem;}
.input_custom_radio label span {display: inline-block;}
.input_custom_radio label span em {font-size: 1.3rem;}
.input_custom_radio input[type=radio] + label:before{
    display:block; content:"";clear: both;
    position:absolute; top:0; left:0;z-index: 2;
    width:2.2rem; height:2.2rem;
    background:url("/default/images/product/common/ico_sprit.png") no-repeat; background-size: 15rem 15rem;
    background-position: 0 -6rem;
}
.input_custom_radio input[type=radio]:checked + label:before {background-position: -2.5rem -6rem;}
.input_custom_radio input[type=radio]:disabled + label:before {background-position: -5rem -6rem;}
.input_custom_radio input[type=radio]:disabled:checked + label:before {background-position: -7.5rem -6rem;}

/* 공통 : Input_reaio_underline */
.input_custom_radio_uline {position:relative;display: flex;align-items: center;border-bottom: 1px solid #ddd;padding-bottom: 1rem;}
.input_custom_radio_uline .inner {position:relative;flex:0 1 auto;display: flex;align-items: center;justify-content: flex-start;}
.input_custom_radio_uline input[type=radio]{flex:0 1 auto;visibility: hidden;width:0;height:0;}
.input_custom_radio_uline label {position:relative;flex:0 1 auto;display: flex;align-items: center;height:2.2rem;font-size: 1.6rem;padding:0 1.4rem 0 3rem;}
.input_custom_radio_uline label span {display: inline-block;}
.input_custom_radio_uline input[type=radio] + label:before{
    display:block; content:"";clear: both;
    position:absolute; top:0; left:0;z-index: 2;
    width:2.2rem; height:2.2rem;
    background:url("/default/images/product/common/ico_sprit.png") no-repeat; background-size: 15rem 15rem;
    background-position: 0 -6rem;
}
.input_custom_radio_uline input[type=radio]:checked + label:before {background-position: -2.5rem -6rem;}
.input_custom_radio_uline input[type=radio]:disabled + label:before {background-position: -5rem -6rem;}
.input_custom_radio_uline input[type=radio]:disabled:checked + label:before {background-position: -7.5rem -6rem;}


/* 공통 : Input_checkbox */
.input_custom_checkbox {position:relative;display: flex;align-items: center;padding:2rem 0}
.input_custom_checkbox .inner {position:relative;flex:0 1 auto;display: flex;align-items: center;justify-content: flex-start;}
.input_custom_checkbox input[type=checkbox]{flex:0 1 auto;visibility: hidden;width:0;height:0;}

.input_custom_checkbox label {position:relative;flex:0 1 auto;display: flex;align-items: center;height:2.2rem;font-size: 1.6rem;padding:0 1.4rem 0 3rem;}
.input_custom_checkbox label span {display: inline-block;}

.input_custom_checkbox input[type=checkbox] + label:before{
    display:block; content:"";clear: both;
    position:absolute; top:0; left:0;z-index: 2;
    width:2.2rem; height:2.2rem;
    background:url("/default/images/product/common/ico_sprit.png") no-repeat; background-size: 15rem 15rem;
    background-position: 0 -8.4rem;
}
.input_custom_checkbox input[type=checkbox]:checked + label:before {background-position: -2.5rem -8.4rem;}
.input_custom_checkbox input[type=checkbox]:disabled + label:before {background-position: -5rem -8.4rem;}
.input_custom_checkbox input[type=checkbox]:disabled:checked + label:before {background-position: -7.5rem -8.4rem;}


/* 상담 및 보험료확인 버튼 Fiexd */

.ui_tm_btn {display: none;position:fixed;bottom:0;left:0;width:100%;z-index:100;box-shadow: 0 -3px 15px 1px rgba(0,0,0,0.2);}
.ui_tm_btn ul {width:100%;height: 6rem;display: flex;align-items: center;}
.ui_tm_btn ul li {position: relative;display: flex;align-items: center;height: 100%;background-color: #039fc6;}
.ui_tm_btn ul li::before {display: block;content: '';position: absolute;left: 0%;z-index: 1;width: 1px;height: 60%;background-color: #fff;opacity: 0.2;}
.ui_tm_btn ul li:nth-child(1) {flex:1;}
.ui_tm_btn ul li:nth-child(2) {flex:1;}
.ui_tm_btn ul li:nth-child(3) {flex:2;}
.ui_tm_btn ul li a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #fff;letter-spacing: -1px;font-size: 1.6rem;font-weight: 600;}




/* 20200330 : KSH : 사전수신동의 양식 관련 */
.pop_agree .agree_info_wrap ul li.ad_agree_li{margin: 5px 0;}
.pop_agree .agree_info_wrap ul li.ad_agree_li>span{display: inline-block;margin: 1rem 1rem 0 0;}
.pop_agree .agree_info_wrap ul li.ad_agree_li .bx_valid{display: inline-block;vertical-align: middle;}
.pop_agree .agree_info_wrap ul li.ad_agree_li .bx_valid .input_custom_radio_uline{padding-top: 0.8rem;border-bottom: none;}
.pop_agree .agree_info_wrap ul li.ad_agree_li .bx_valid .input_custom_radio_uline label{padding: 0 2rem 0 3rem;}
.pop_agree .agree_info_wrap ul li.ad_agree_li .bx_valid .input_custom_radio_uline label span{color: #000;}
.pop_agree .agree_info_wrap ul li.ad_agree_li:before{display: block;content: ''; clear: both;position: absolute;width: 0.25rem;height: 0.25rem;background-color: #000;top: 1.7rem;left: 0;}

/* 20200526 : KJW : 직판모바일 하단 트리거 디자인 가져옴 */
.trigger_wrap {position:relative; margin:50px 1.5rem 15px;}
.clfix{*zoom:1;}
.clfix:after,.clfix:before{display:table; line-height:0; content:"";}
.clfix:after{clear:both;}
.chat_img_pop{position:relative;background: #eeefff;border-radius: 10px;}
h3.add_cont_title{position: relative;font-weight: 700;font-size: 17px;color: #000;margin:0 0 20px 28px;}
h3.add_cont_title span.small_h3{font-weight: 400;font-size: 14px;color: #333;padding-left: 5px;}
h3.add_cont_title.summary_note_title:before{position:absolute;background:url(/subscribe/images/common/chattbot/summary_note_ico.png) 0 0 no-repeat;background-size:16px 19px;content:"";width: 16px;height: 19px;left: -24px;top: 50%; margin-top:-9px}
h3.add_cont_title.category_best_title:before{position:absolute;background:url(/subscribe/images/common/chattbot/best_category_ico.png) 0 0 no-repeat;background-size:20px 19px;content:"";width: 20px;height: 19px;left: -24px;top: 2px;}
h3.add_cont_title.analy_title:before{position:absolute;background:url(/subscribe/images/common/chattbot/analy_ico.png) 0 0 no-repeat;background-size:20px 13px;content:"";width: 20px;height: 13px;left: -24px;top: 5px;}

.chat_img_pop .imgCon{position:absolute; text-align:center; z-index:1; width:100%; box-sizing:border-box; padding:0 15px; top:-17px;}
.chat_img_pop .hashTagCon{margin-top: 15px;padding-bottom:5px;height: 230px;display: flex;flex-direction: column;flex-wrap: wrap;}
.chat_img_pop .hashTagCon li:last-child:after{display:block; position:absolute;top: 120%; right: 50%;transform: translate(50px, 0);width:100px; height:100px; background:url(/subscribe/images/common/chattbot/img_chatbot_imghash.png) 0 0 no-repeat; background-size:100px 100px;content:"";}
.chat_img_pop .hashTagCon li{position: relative;}
.chat_img_pop .hashTagCon a{width: 92%;height: 40px;position: relative;display: inline-block;margin-left: 4%;border-radius: 35px;font-size:14px;color:#666;box-sizing:border-box;border:1px solid #dedede;font-family:"RixSGo B";padding:10px 26px 10px 16px; background:#fff;margin-top:5px; text-decoration:none; letter-spacing:-1px; z-index:0; line-height:1.4em;}
.chat_img_pop .hashTagCon a.on,.chat_img_pop .hashTagCon a:focus{color: #eeefff;background: #a1a7f5;border: 1px solid #a1a7f5;z-index: 1;}
.chat_img_pop .hashTagCon a:before{display:block;position: absolute;top: 50%;margin-top: -5px;right: 13px;width: 6px;height:12px;background:url(/subscribe/images/common/chattbot/arrow_right.gif) 0 0 no-repeat;background-size:6px 12px;content: "";}
.chat_img_pop .hashTagCon a.on:before{background:url(/subscribe/images/common/chattbot/check.gif) 0 0 no-repeat;background-size: 12px 8px;top: 50%;margin-top: -4px;right: 13px;width: 12px;height: 8px;}
.chat_img_pop .hashTagCon>div{width:50%;}
.chat_img_pop .hashTagCon img{width: 95px;height: 100px;margin-top: 15px;margin-left: 50%;transform: translate(-50px, 0);}
.chat_img_pop .hashTagCon div a{margin-left: 50%;transform: translate(-70px, 0);}

/* 20200709 : WYJ : 페이백 */
.payback {margin-bottom:5rem;border:0.1rem solid #bfbfbf;padding-bottom:3rem;}
.payback .box_mid {padding:2.5rem 1.8rem 0}
.payback .box_mid .tit {font-size:1.6rem;font-weight:bold;}
.payback .box_mid .tit span {color:#0096af;}
.payback .box_mid .txt {padding-top:1rem;padding-bottom:2.5rem;font-size:1.3rem;line-height:1.4;}
/* .payback .box_top {position:relative;padding:1.5rem 0;background:#f9f9f9;text-align:center;border-bottom:0.1rem solid #bfbfbf;font-size:1.7rem;font-weight:bold;line-height:1.4;}
.payback .box_top span {color:#e21b22;}
.payback .box_top:before {position:absolute;top:3rem;left:2rem;display:block;content:"";width:2.9rem;height:3.5rem;background:url(/default/images/product/cancercare/icon_payback_01.png) no-repeat 0 0;background-size:100%;}
.payback .box_top:after {position:absolute;top:3rem;right:2rem;display:block;content:"";width:2.9rem;height:3.5rem;background:url(/default/images/product/cancercare/icon_payback_02.png) no-repeat 0 0;background-size:100%;} */
.payback .box_mid .bu_star {position:relative;font-size: 1.2rem;color: #777;padding:0 0 0 .8rem;margin:2.8rem 0 0;line-height:1.4;}
.payback .box_mid .bu_star:before {content:'*'; display:block; position:absolute; left:0; top:.2rem;z-index: 1;}
/*{margin:28px 0 0;padding-left:9px;color:#777;font-size:12px;background:url(/subscribe/images/common/bu_star.gif) left 6px no-repeat;background-size:5px 5px}*/

/* 210219 : WYJ : 미동의 선택시 말풍선 추가 */
.input_custom_radio_uline {position: relative;}
.input_custom_radio_uline .ipt_tooltip {display:none;position:absolute;width:170px;top:-15px;left:150px;padding:6px 7px;background:#ecf8fa;border:1px solid #80cfdc;border-radius:5px;box-shadow:0px 5px 5px rgba(0,0,0,.2);color:#333333;font-size:12px;line-height:1.4;z-index:5;box-sizing:border-box;text-align:justify;}
.input_custom_radio_uline .ipt_tooltip.on {display:block;}
.input_custom_radio_uline .ipt_tooltip {animation:toolbum .7s infinite;}
.input_custom_radio_uline .ipt_tooltip::before {
  position:absolute;top:40%;left:-6px;
  content:"";display:inline-block;
  width:12px;height:12px;background:#ecf8fa;
  transform:rotate(45deg);
  z-index:5;
}
.input_custom_radio_uline .ipt_tooltip::after {
	position:absolute;top:40%;left:-7px;
	content:"";display:inline-block;
	width:12px;height:12px;background:#80cfdc;
	transform:rotate(45deg);
	z-index:1;
  }
.input_custom_radio_uline .ipt_tooltip span {color:#0096af;font-weight:bold;}

@keyframes toolbum {
  0% {left:150px}
  50% {left:155px}
  100% {left:150px}
}



/* 210419 : BHY : 유도상담 팝업 추가 */
.induce_consult {position:fixed;top:100px;left:50%;z-index: 110;width: 90%;min-width:32rem;transform: translateX(-50%);}
.induce_consult .innerbox {border-radius: 1rem;background-color: #fff;overflow: hidden;}
.induce_consult .head {position: relative;background-color: #f0f1ff;padding:5%;}
.induce_consult .head p img {width: 68%;}
.induce_consult .head a.btn_close {position:absolute;top:2.4rem;right:2.4rem;display:block;width:1.3rem;height:1.3rem;background:url("/default/images/common/induce/btn_close.png") 0 0 no-repeat;text-indent:-9999px;background-size: contain;}

.induce_consult .inner {padding:5%;background-color: #fff;}
.induce_consult .inner ul li {position: relative;border:1px solid #eaeaea;border-radius: 0.5rem;box-sizing: border-box;margin-bottom: 3%;}
.induce_consult .inner ul li:last-child {margin-bottom: 0;}
.induce_consult .inner ul li a {display: block;height: 100%;padding: 5% 8%;}

.induce_consult .inner dl {position: relative;line-height: 1.4;}
.induce_consult .inner dl dt {font-size: 1.6rem;padding-bottom: 3%;color: #666;}
.induce_consult .inner dl dd span {position: relative;display:inline-block;font-size: 1.6rem;font-weight: bold;color: #333;padding-right: 1.5rem;}
.induce_consult .inner dl dd span:after {display: block;content: '';position:absolute;top:7px;right:0%;width:7px;height:12px;background:url("/default/images/product/common/escape/ico_arrow.png") no-repeat 0 0;background-size:contain;}

.induce_consult .inner ul li dl:after {display: block;content: '';clear: both;position:absolute;top:50%;right:0%;}
.induce_consult .inner ul li:nth-child(1) dl:after {width:5.6rem;height:5rem;background:url("/default/images/common/induce/img_induce_01.png") no-repeat;background-size: contain;transform: translateY(-50%)}
.induce_consult .inner ul li:nth-child(2) dl:after {width:5.6rem;height:6rem;background:url("/default/images/common/induce/img_induce_02.png") no-repeat;background-size: contain;transform: translateY(-50%)}
.induce_consult .inner ul li:nth-child(3) dl:after {width:7.2rem;height:6.4rem;background:url("/default/images/common/induce/img_induce_03.png") no-repeat;background-size: contain;transform: translateY(-50%)}

.induce_consult .inner ul li:first-child + li dl dd span {font-size: 1.8rem;font-weight: 700;background: none;letter-spacing: 1px;}
.induce_consult .inner ul li:first-child + li dl dd span strong:first-child{color: #ff5133;font-weight: 700;}
.induce_consult .inner ul li:first-child + li dl dd span strong:first-child + strong{color: #1aacd1;font-weight: 700;}

.induce_consult .chk_today {text-align: center;padding-top: 3%;}
.induce_consult .chk_today .input_checkbox {position: relative;}
.induce_consult .chk_today input[type=checkbox]  {position: absolute;top: 0;left: 0;opacity: 0;}
.induce_consult .chk_today input[type=checkbox] + label {position: relative;font-size: 1.4rem;color: #d4d4d4;padding: 0 3rem 0 0;line-height: 1.9rem;}
.induce_consult .chk_today input[type=checkbox] + label:before {display: block;content: '';clear: both;position:absolute;right: 0;top:0;width: 1.9rem;height: 1.9rem;background:url("/default/images/common/induce/ico_check.png") no-repeat left top;background-size: cover;}
.induce_consult .chk_today input[type=checkbox]:checked+label:before {background-position: 0 -2.1rem;}



/* 220412 : BHY : 유도상담 팝업 추가 */
.induce_consult.ty02 {top:50%;width:80%;transform:translate(-50%,-50%)}
.induce_consult.ty02 .innerbox{text-align:center;}
.innerbox.incall {position:relative;padding:13.5rem 2.2rem 2.2rem}
.innerbox.incall p {padding:0 0.8rem;}
.innerbox.incall::after {position:absolute;content:"";display:block;top:3rem;left:50%;width:11.7rem;height:8.5rem;transform:translateX(-50%);background:url("/default/images/common/induce/bg_timeout_01.png") no-repeat 100% 0;background-size:117px 85px}
.innerbox.incall .btn_close {position:absolute;top:0;right:0;padding:17px;}
.innerbox.incall .btn_close span {display:block;width:13px;height:13px;background:url("/subscribe/images/common/ico_comm.png") -27px -48px no-repeat;background-size: 250px 250px;text-indent:-999em;}

.innerbox.incall .number a {color:#333;font-size:1.8rem;font-weight:bold;letter-spacing:1px;}
.innerbox.incall .number a strong {margin-left:-5px;}
.innerbox.incall .number a strong:first-child {color:#e21a22;}
.innerbox.incall .number a strong:last-child {color:#0096af;}
.innerbox.incall .sub_txt {font-size:1.4rem;line-height: 1.4;}
.innerbox.incall .incall_txt {margin-top:5px;font-weight:700; font-size:1.5rem;line-height: 1.4;}

.innerbox.incall .btn_incall {width:100%;}
.innerbox.incall .btn_incall li {padding: 15px 0;}
.innerbox.incall .btn_incall li:first-child {border-bottom: 1px solid #e6e6e6;}
.innerbox.incall .btn_incall li:last-child {padding-bottom: 0;}
.innerbox.incall .btn_incall li a {display: block;border-radius:10px;margin: 0 5px;}
.innerbox.incall .btn_incall li span {position:relative;display:inline-block;color:#fff;font-size:1.4rem;font-weight:bold;padding-right: 20px;}
.innerbox.incall .btn_incall li span::after {position:absolute;content:"";display:block;top:50%;right:0;width:7px;height:12px;background:url("/default/images/common/induce/bg_timeout.png") no-repeat 0 0;background-size:93px 85px;transform: translateY(-50%);}
.innerbox.incall .btn_incall li:first-child a {height:3.5rem;line-height:3.5rem;background:#ff5946;}
.innerbox.incall .btn_incall li:last-child a {height:6rem;line-height:6rem;background:#00b7c9;}



/* 210812 : BHY : CTA변경작업 */
.cta_layout {position: relative;margin:2rem 1.5rem 0 1.5rem;}
.cta_layout > .inner {padding: 5% 5% 8% 5%;border:2px solid #aaa;border-bottom: none;box-sizing: border-box;}

.cta_layout .cta_head .inbox {display: flex;justify-content: space-between;align-items: center;}
.cta_layout .cta_head .inbox h3 {font-size: 21px;color: #000;font-weight: bold;letter-spacing: -2px;}
.cta_layout .cta_head .inbox .naver_btn { width:8.5rem; }
.cta_layout .cta_head p {font-size: 14px;color: #999;padding-top: 3%;}

.cta_layout .cta_container {padding: 7% 0 0;}
.cta_layout .cta_container .info_row {height: 40px;display: flex;justify-content: space-between;margin-bottom: 1%;}
.cta_layout .cta_container .info_row .info_tit {width: 34%;color: #555;font-size: 1.6rem;display: flex;align-items: center;letter-spacing: -1.5px;}

.cta_layout .cta_container .info_row .info_sex {width: 66%;display: flex;align-items: center;justify-content: flex-end;}
.cta_layout .cta_container .info_row .info_sex input[type="radio"] {font-size: 0;opacity: 0;width: 0;height: 0;}
.cta_layout .cta_container .info_row .info_sex input[type="radio"] + label {position: relative;font-size: 1.6rem;width: 50%;height: 100%;background-color: #eee;display: flex;align-items: center;justify-content: center;}
.cta_layout .cta_container .info_row .info_sex input[type="radio"]:first-child + label:before {display: block;content: '';position: absolute;right: 0%;z-index: 1;width: 1px;height: 60%;background-color: #ddd;}
.cta_layout .cta_container .info_row .info_sex input[type="radio"]:checked + label {background-color: #e0f8fe;font-weight: bold;}
.cta_layout .cta_container .info_row .info_sex input[type="radio"]:checked + label::after {display: block;content: '';position: absolute;left: 0;top:0;z-index: 2;width: 100%;height: 100%;border:2px solid #039fc6;box-sizing: border-box;}
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"]:checked + label::after { display:none; }

.cta_layout .cta_container .info_row .info_text {width: 66%;}
.cta_layout .cta_container .info_row.group .info_text input {width: 100%;height: 100%;border-bottom: 1px solid #ddd;padding: 0;font-weight: bold;}
.cta_layout .cta_container .info_row.group .info_text em.week {font-size: 1.6rem;color: #555;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.cta_layout .cta_container .bx_valid {position: relative;}
.cta_layout .cta_container .bx_valid.mom_child {margin-bottom: 7%;}
.cta_layout .cta_container .bx_valid .validate_msg {margin:0 0 0 34%;}
.cta_layout .cta_container .bx_valid .group.error_ex + .validate_msg .txt_error {display:block;}


.cta_layout .cta_btnset {display: flex;}
.cta_layout .cta_btnset a {display: flex;justify-content: center;align-items: center;height: 55px;}
.cta_layout .cta_btnset a span {position: relative;color: #fff;font-weight: 600;font-size: 1.4rem;}
.cta_layout .cta_btnset a span::before {display: block;content: '';position: absolute;left: 0;z-index: 1;}

.cta_layout .cta_btnset a:nth-child(1) {flex:auto;background-color: #6e8be8;}
.cta_layout .cta_btnset a:nth-child(1) span {padding-left: 2.6rem;}
.cta_layout .cta_btnset a:nth-child(1) span::before {display: inline-block;width:21px;height:19px;background:url("/subscribe/images/common/ico_coment.png") no-repeat;background-size: 21px 19px;}
.cta_layout .cta_btnset a:nth-child(2) {flex:auto;background-color: #999;}
.cta_layout .cta_btnset a:nth-child(3) {flex:auto;background-color: #ff5946;width:45%;}



.cta_layout .cta_container .mom_child .group .chk_wrap {display: flex;justify-content: space-between;margin-bottom: 7%;}
.cta_layout .cta_container .mom_child .group .chk_wrap span.input_radio label em {font-size: 15px;color: #333;}
.cta_layout .cta_container .mom_child .group .chk_wrap span.input_radio label em span {font-size: 13px;}

/* 2021-11-04 cta radio 수정*/
.input_custom_radio.type01 {justify-content: start;}
.input_custom_radio.type01 .inner {width:35%;justify-content: start;}

.tm_ins_CTA_A .cta_layout .cta_container .info_row.group input {float:none;border:none; border-bottom: 1px solid #ddd;background-color: #fff; font-size:16px;}

/* 2024-07-15 */
.product_wrap .inform_title { margin-top:60px; font-size:20px; color:#111; font-weight:700; line-height:28px; }
.product_wrap .inform_title:first-child { margin-top:0; }
.product_wrap .inform_title small { font-size:16px; font-weight:400; }
.product_wrap .inform_title small.txtb { font-size:20px; }
.product_wrap .public_list { margin-top:14px; }
.product_wrap .public_list li { font-size:15px; color:#656565; font-weight:500; line-height:21px; word-break:keep-all; }
.product_wrap .public_list li ~ li { margin-top:10px; }
.product_wrap .public_list li.text_indent { padding-left:10px; font-size:13px; text-indent:-10px; }
.product_wrap .inform_img { margin-top:24px; text-align:center; }

/* 펫보험 */
.pet_wrap input, .pet_area select, .pet_area textarea, .pet_area button { line-height:1; background-color:transparent; }
.pet_wrap input { display:block; font-size:16px; color:#111; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pet_wrap .hide_txt { position:absolute; left:0; top:0; width:1px; height:1px; font-size:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.pet_wrap #footer { padding-bottom:1px; }
.pet_wrap strong { font-weight:700; }
.pet_wrap + div > .renew_helper { bottom:80px; }
.pet_wrap .bx_valid.two_error_m .group .bar:after,
.pet_wrap .bx_valid.two_error_m .group .bar:before { left:0; }

.pet_wrap .confirm_group { margin-top:20px; padding:0 12px; }
.pet_wrap .confirm_group .round_cbox { padding:24px 20px; border:2px solid #aaa; }
.pet_wrap .confirm_group h3 { font-size:20px; color:#111; font-weight:700; }
.pet_wrap .confirm_group .contents_group { margin-top:6px; }

.pet_wrap .cta_layout { margin:0; }
.pet_wrap .cta_layout .inner { display:flex; flex-flow:column nowrap; height:100%; max-height:490px; padding:0; border:0; }
.pet_wrap .cta_layout .inner .cta_head { flex:0; flex-basis:26px; }
.pet_wrap .cta_layout .inner .cta_container.pet_cta { flex:1; overflow-y:auto; }
.pet_wrap .cta_layout .inner .cta_container.pet_cta_lock { overflow:unset; }
.pet_wrap .cta_layout .cta_container.pet_cta { padding:0; }
.pet_wrap .cta_layout .cta_container fieldset { width:auto; margin:0; padding:0; min-inline-size:unset; }
.pet_wrap .cta_layout .cta_container .bx_valid { margin:0; padding:0; }
.pet_wrap .cta_layout .cta_container .info_row { display:flex; justify-content:space-between; height:auto; margin-bottom:0; }
.pet_wrap .cta_layout .cta_container .info_row .info_tit { display:flex; align-items:center; width:80px; font-size:16px; color:#656565; font-weight:500; }
.pet_wrap .cta_layout .cta_container .info_row.width120 .info_tit { width:112px; }
.pet_wrap .cta_layout .cta_container .info_row.width120 + .txt_error_tow { padding-left:112px !important; }
.pet_wrap .cta_layout .cta_container .info_row .baby_birth_box { flex:1; display:flex; align-items:center; }
.pet_wrap .cta_layout .cta_container .info_row .info_text { position:relative; flex:1; width:100%; }
.pet_wrap .cta_layout .cta_container .info_row .info_text.baby_birth { margin-right:0; }
.pet_wrap .cta_layout .cta_container .info_row.group .info_text input { width:100%; height:47px; padding:0; border-bottom:1px solid #bbb; }

.pet_wrap .cta_layout .cta_container .cate_select_box { padding-bottom:5px; overflow:hidden; }
.pet_wrap .cta_layout .cta_container .cate_select { position:relative; margin-top:10px; }
.pet_wrap .cta_layout .cta_container .radio_wrap { position:relative; display:inline-block; }
.pet_wrap .cta_layout .cta_container .radio_wrap input { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.pet_wrap .cta_layout .cta_container .radio_wrap input[type="radio"] + label.checkbox { position:relative; display:inline-block; width:auto; height:auto; margin:0; padding-left:28px; font-size:14px; color:#000; font-weight:400; line-height:1.6; box-sizing:border-box; cursor:pointer; oveflow:hidden; }
.pet_wrap .cta_layout .cta_container .radio_wrap input[type="radio"] + label.checkbox:before { position:absolute; left:0; top:1px; width:20px; height:20px; background:#ccc url("/subscribe/images/renew/ico_checkpoint.svg") no-repeat center center; background-size:50%; border-radius:50%; content:""; }
.pet_wrap .cta_layout .cta_container .radio_wrap input[type="radio"]:checked + label.checkbox:before { background-color:#de4738; }
.pet_wrap .cta_layout .cta_container .cate_select .swiper-slide { width:auto; }

.pet_wrap .confirm_group .nbtns { margin-top:30px; }
.pet_wrap .confirm_group .nbtns_box { display:flex; justify-content:space-between; }
.pet_wrap .confirm_group .nbtns button { position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:52px; font-size:16px; color:#111; font-weight:500; border-radius:6px; }
.pet_wrap .confirm_group .nbtns button.simple_btn { background-color:#fee500 !important; }
.pet_wrap .confirm_group .nbtns button.simple_btn i { display:block; width:24px; height:24px; margin-right:8px; background:url("/subscribe/images/renew/ico_kakao.svg") no-repeat; }
.pet_wrap .confirm_group .nbtns button.direct_btn { width:49%; margin-top:10px; border:1px solid #ccc; }
.pet_wrap .confirm_group .nbtns button .bubble {
    position:absolute; display:flex; justify-content:center; align-items:center; right:16px; top:-17px; height:30px; padding:0 13px; font-size:13px; color:#656565; font-weight:500; background:#fff; border:1px solid #ccc; box-shadow:0 4px 4px rgba(0,0,0,0.16); border-radius:15px;
    animation:up-down-renew 1s infinite ease-in-out alternate;
}
.pet_wrap .confirm_group .nbtns button .bubble::after { position:absolute; display:block; left:50%; bottom:-12px; width:12px; height:12px; margin-left:-6px; background:url("/subscribe/images/renew/ico_bubble_bottom.png") no-repeat; background-size:12px 12px; overflow:hidden; content:""; }
@keyframes up-down-renew {
    0% { transform:translateY(); }
    100% { transform:translateY(-5px); }
}

.pet_wrap .product_wrap { position:relative; width:100%; padding:3rem 1.5rem 0 1.5rem; margin:0; box-sizing: border-box; /* border:1px solid red; */ }
.pet_wrap .tab_group { margin-top:16px; }
.pet_wrap .position_sticky { position:sticky; top:0; padding:0 10px; background:#fff; border-bottom:1px solid #ddd; z-index:1; }
.pet_wrap .tablist { position:relative; display:flex; }
.pet_wrap .tablist .wtab { position:relative; flex:1; display:flex; justify-content:center; align-items:center; height:50px; font-size:16px; color:#aaa; font-weight:700; }
.pet_wrap .tablist .wtab.active { color:#111; }
.pet_wrap .tablist.no_animation .wtab.active::after { position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#111; border-radius:1px; content:""; }
.pet_wrap .tabpanel { display:none; padding:40px 18px 0; }
.pet_wrap .tabpanel.open { display:block; }
.pet_wrap .inform_title { font-size:20px; color:#111; font-weight:700; line-height:28px; }
.pet_wrap .inform_title:first-child { margin-top:0; }
.pet_wrap .cont_list li ~ li { margin-top:30px; }
.pet_wrap .dot_list { margin-top:14px; }
/* .pet_wrap .dot_line_wrap { padding-bottom:20px; } */
.pet_wrap .dot_list li { position:relative; padding-left:8px; font-size:15px; color:#656565; font-weight:500; line-height:21px; word-break:keep-all; }
.pet_wrap .dot_list li em { color:#333; font-weight:700; }
.pet_wrap .dot_list li:before { position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; content:""; }
.pet_wrap .dot_list li ~ li { margin-top:10px; }
.pet_wrap .inform_title_randding { margin:30px 0; }
.pet_wrap .inform_title_randding em { color:#7d6feb; font-weight:700; }
.pet_wrap .tabpanel .info_toggle { display:none; }
.pet_wrap .img_area { margin:25px 8px; }
/* .pet_wrap .tabpanel .info_toggle.open { display:block; } */
.pet_wrap .tit { margin:0 0 10px 0; font-size:18px; font-weight:700; }
.pet_wrap .btn_agree { margin-top:35px; text-align:center; }
.pet_wrap .btn_agree .btn_doc_check2 { display:flex; justify-content:center; align-items:center; width:290px; height:35px; margiN:0 auto; background:#fff; border:1px solid #ccc; border-radius:50px; box-sizing:border-box; }
.pet_wrap .btn_agree .btn_doc_check2 span { position:relative; display:inline-block; padding-left:22px; font-size:13px; color:#333; box-sizing:border-box; }
.pet_wrap .btn_agree .btn_doc_check2 span:before { position:absolute; left:0; top:0; width:15px; height:19px; background:url("/subscribe/images/renew/ico_note.png") no-repeat left top; background-size:contain; content:""; }
.pet_wrap .pet_check_bnr { margin-top:40px; }
.pet_wrap .nbtn { margin-top:24px; }
.pet_wrap .nbtn .info_toggle_btn { display:flex; justify-content:center; align-items:center; width:100%; height:50px; font-size:16px; color:#333; font-weight:500; border:1px solid #333; border-radius:6px; }
.pet_wrap .nbtn .info_toggle_btn i { display:block; width:16px; height:16px; margin-left:4px; background:url("/subscribe/images/renew/ico_arrow_left.svg") no-repeat; transform:rotate(90deg); }
.pet_wrap .nbtn .info_toggle_btn.active i { transform:rotate(-90deg); }
.pet_wrap .trust_design { margin:0px -18px 0; padding:24px 18px; background:#f5f5f5; }

.pet_wrap .preconfirm { margin-top:24px; padding:0 18px; }
.pet_wrap .preconfirm .inform_subtitle { font-size:18px; color:#111; font-weight:700; line-height:22px; }
.pet_wrap .preconfirm ul li a, .pet_area .preconfirm ul li button { display:flex; justify-content:space-between; align-items:center; width:100%; height:68px; padding-left:8px; color:#000; border-bottom:1px solid #e3e3e3; }
.pet_wrap .preconfirm ul li span { font-size:16px; color:#111; font-weight:500; }
.pet_wrap .preconfirm ul li i { display:block; width:16px; height:16px; background:url("/subscribe/images/renew/ico_arrow_left.svg") no-repeat; }

.pet_wrap .preconfirm .wyl_blind { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999rem !important;}
.pet_wrap .preconfirm .wyl_etc_btnset { margin: 2rem 1rem; }
.pet_wrap .preconfirm .wyl_etc_btnset ul { display: flex; flex-flow: row wrap; justify-content: center; }
.pet_wrap .preconfirm .wyl_etc_btnset ul li { flex: 1 0 45%; margin: 0.5rem;} 
.pet_wrap .preconfirm .wyl_etc_btnset ul li a {  display: block; font-size: 1.4rem; font-weight: bold; color: #666; border: 1px solid #ccc; text-align: center; padding: 1rem; box-sizing:border-box; height:max-content; }
.pet_wrap .preconfirm.wyl_no_padding {padding:0px;} 



.pet_wrap .layer_comm { display:none; position:fixed; left:0; top:0; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.6); opacity:0; outline:none; transition:all 0.2s; z-index:100; }
.pet_wrap .layer_comm .close_btn { position:absolute; display:block; right:24px; top:24px; width:24px; height:24px; background:url("/subscribe/images/renew/ico_layer_close.svg") no-repeat; }
.pet_wrap .layer_comm.ready { display:block; }
.pet_wrap .layer_comm.show { opacity:1; }
.pet_wrap .layer_body { position:relative; display:inline-block; text-align:left; vertical-align:middle; background:#fff; outline:none; }
.pet_wrap .layer_body.typeBot { all:unset; position:absolute; left:0; right:0; bottom:0; padding:27px 24px 38px; background:#fff; transform:translateY(100%); border-radius:16px 16px 0 0; transition:all 0.3s; }
.pet_wrap .layer_comm.show .layer_body { transform:translateY(0); }
.pet_wrap .cta_layout .cta_head .inbox h3 { font-size:20px; color:#111; font-weight:700; line-height:26px; letter-spacing:unset; }
.pet_wrap .cta_layout .cta_container .tit_ico { font-size:16px; color:#333; font-weight:700; text-align:left; }
.pet_wrap .cta_layout .cta_container .tit_ico:before { display:inline-block; width:40px; height:40px; margin-top:-5px; margin-right:12px; vertical-align:middle; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; border-radius:50%; content:""; }
.pet_wrap .cta_layout .cta_container .tit_ico_dog:before { background-image:url("/subscribe/images/renew/ico_dog.png"); }
.pet_wrap .cta_layout .cta_container .tit_ico_people:before { background-image:url("/subscribe/images/renew/ico_people.png"); }
.pet_wrap .cta_layout .cta_container .tit_ico ~ .tit_ico { margin-top:36px; }
.pet_wrap .cta_layout .cta_container .info_sex { flex:1; display:flex; align-items:center; width:100%; justify-content:flex-start; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"] { position:relative; display:inline-block; width:22px; height:22px; margin-top:-2px; margin-right:2px; vertical-align:top; border:0; outline:0; cursor:pointer; opacity:1; appearance:none; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"]:before { position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border:1px solid #ccc; border-radius:50%; border:1px solid #ccc; transition:border-color 0.2s, box-shadow 0.2s, background-color 0.2s; content:""; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex 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:""; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"]:checked:before { border-color:#de4738; background-color:#de4738; box-shadow:0 0 0 5px #de4738 inset; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"] + label { position:relative; display:flex; justify-content:flex-start; align-items:center; width:58px; height:47px; padding-left:8px; font-size:16px; color:#656565; background-color:#fff; content:""; }
.pet_wrap .cta_layout .cta_container .info_row .info_sex input[type="radio"] + label:before { display:none; }
.pet_wrap .cta_btnset { display:flex; margin-top:42px; gap:10px; }
.pet_wrap .cta_btnset a { flex:1 !important; display:flex; justify-content:center; align-items:center; height:52px; border-radius:6px; border-radius:6px; }
.pet_wrap .cta_btnset a span { font-size:16px; font-weight:700; }
.pet_wrap .cta_btnset a:nth-child(1) { display:none; }
.pet_wrap .cta_btnset a:nth-child(2) { background-color:#fff; border:1px solid #ccc; }
.pet_wrap .cta_btnset a:nth-child(2) span { color:#121619; }
.pet_wrap .cta_btnset a:nth-child(3) { background-color:#de4738; }
.pet_wrap .cta_btnset a:nth-child(3) span { color:#fff; }

/* .pet_wrap .ui_tm_btn { position:fixed; left:0; bottom:0; display:block; padding:18px 18px 38px; border-top:1px solid #ddd; background:#fff; box-shadow:none; box-sizing:border-box; z-index:100; }
.pet_wrap .ui_tm_btn ul { display:flex; justify-content:center; gap:10px; }
.pet_wrap .ui_tm_btn ul li { flex:1; background:transparent; }
.pet_wrap .ui_tm_btn ul li a { display:flex; justify-content:center; align-items:center; height:52px; font-size:16px; color:#111; font-weight:700; background:#fff; border:1px solid #aaa; border-radius:6px; }
.pet_wrap .ui_tm_btn ul li:nth-child(1) { flex:0 120px; }
.pet_wrap .ui_tm_btn ul li:nth-child(2) { display:none; }
.pet_wrap .ui_tm_btn ul li:nth-child(3) a { background:#de4738; border:0; }
.pet_wrap .ui_tm_btn ul li:nth-child(3) a span { color:#fff; } */
.pet_wrap .ui_tm_btn ul li:nth-child(1) { flex:1 40%; }
.pet_wrap .ui_tm_btn ul li:nth-child(2) { flex:1 60%; }
.pet_wrap .ui_tm_btn ul li a span { font-family:Arial, Helvetica, sans-serif !important; }

.pet_wrap .cta_layout .cta_container .bx_valid.error .txt_error_tow { margin:8px 0 2px 0; padding-left:80px; }
.pet_wrap .cta_layout .cta_container .bx_valid.error .txt_error_tow .txt_error { margin:0; padding:0; font-size:12px; color:#e11b22; text-align:left; }
.pet_wrap .txt_error .ico { display:inline-block; width:15px; height:15px; margin-right:2px; vertical-align:-3px; background:url("/subscribe/images/renew/ico_caution.png") no-repeat center center; background-size:15px; }
#bottom_direct .cta_fixed { display:none; }

.pet_wrap .recommend { margin:48px 0 0; overflow:hidden; }
.pet_wrap .recommend h3 { margin:0 18px; font-size:18px; color:#111; font-weight:700; line-height:22px; }
.pet_wrap .recommend .recommend_swiper { position:relative; margin-top:17px; padding:0 18px 21px; overflow:hidden; }
.pet_wrap .recommend .recommend_swiper .swiper-slide { width:304px; }
.pet_wrap .recommend .recommend_swiper .swiper-pagination { bottom:0; }
.pet_wrap .recommend .recommend_swiper .swiper-pagination-bullet { width:5px; height:5px; margin:0 3px; background:rgba(17,17,17,0.16); border-radius:50%; opacity:1; }
.pet_wrap .recommend .recommend_swiper .swiper-pagination-bullet-active { background:#e11218; }

.pet_wrap .txt_review { margin-top:40px; margin-bottom:10px; }

.bx_auto_search { position:absolute; left:0; right:0; height:125px; background:#fff; border:1px solid #ddd; overflow-y:scroll; z-index:2; }
.bx_auto_search ul { }
.bx_auto_search ul li { }
.bx_auto_search ul li a { display:block; padding:10px 15px; font-size:15px; text-align:left; }

.pet_wrap #pop_wrap.tm_evt_pop_renew { position:fixed; bottom:0; }
.pet_wrap #pop_wrap.tm_evt_pop_renew .wyl_pop_header { position:absolute; left:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; width:100%; height:4.5rem; background-color:#475069; }
.pet_wrap #pop_wrap.tm_evt_pop_renew .wyl_pop_header h1 {color:#fff; font-weight:bold;  font-size:1.5rem;   }
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close {position:absolute; top:0; right:0; z-index:2; padding:1.5rem; }
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close span{ display:block;width:1.5rem; height:1.5rem; background: url("/default/images/product/common/ico_sprit.png") no-repeat;background-size: 15rem 15rem; background-position:-3rem -2rem; text-indent:-999rem; }
/* 
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_header { position:relative; display:flex; align-items:center; height:64px; min-height:64px; padding:0 18px; text-align:left; background:#fff; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_header h1 { font-size:20px; color:#111; font-weight:700; } 
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close { position:absolute; right:8px; top:30px; z-index:3; width:40px; height:40px; transform:translateY(-50%); }
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close span { position:absolute; left:0; top:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); overflow:hidden; }
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close:before { position:absolute; left:50%; top:50%; width:1px; height:50%; background:#111; transform:translate(-50%, -50%) rotate(45deg); content:""; }
.pet_wrap #pop_wrap.tm_evt_pop_renew .pop_close:after { position:absolute; left:50%; top:50%; width:50%; height:1px; background:#111; transform:translate(-50%, -50%) rotate(45deg); content:""; }
*/


.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content { position:absolute; top:64px; bottom:0; margin:0; background:#fff; overflow-y:auto; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .pop_content_inner { padding:17px 15px 70px; font-size:14px; line-height:20px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tit { margin-bottom:10px; font-size:16px; color:#111; font-weight:700; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .dot_list li { position:relative; padding-left:11px; font-size:14px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .dot_list li:before { position:absolute; left:0; top:initial; width:auto; height:auto; background:transparent; border-radius:none; content:"-"; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .txt_red { color:#e11b22; }

.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .pro_h2_16 { margin-top:48px; font-size:16px; color:#111; font-weight:700; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list01,
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 { width:100%; margin:10px 0 0; font-size:15px;  border-top:3px solid #000;  border-bottom:1px solid #ddd; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 thead tr th._wyle {    font-size: 1.5rem; padding: 1.2rem 0; border-bottom: 1px solid #ddd; line-height: 1.4; vertical-align: top; text-align: left; color: #333; } 
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody td,
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody th,
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 thead th { border-top:1px solid #ddd; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr th { padding:16px 0; font-size:14px; color:#111; font-weight:700; text-align:left; vertical-align:top; border-top:1px solid #ddd; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr td { padding:16px 0; font-size:14px; color:#333; border-top:1px solid #ddd; vertical-align: top; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr td.txt_r { padding-left:10px; box-sizing:border-box;}
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody.wyl_241115 tr th { font-size:15rem;  }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody.wyl_241115 tr td { font-size:15rem;  }


.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr.line_top th,
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr.line_top td { border-top:1px solid #000;}
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr:last-child th,
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody tr:last-child td { border-bottom:0px solid #111; }

.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .pro_h2_tit { margin-bottom:8px; font-size:16px; color:#111; font-weight:700; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .pro_h2_tit.txt_font12 { margin-top:4px; margin-bottom:0; font-size:14px; color:#656565; font-weight:400; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know { margin-top:24px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dt { margin:0 0 3px; padding:0; font-size:16px; color:#333; font-weight:700; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dd >ul >li { position:relative; margin:8px 0 0; padding-left:14px; color:#666; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dd >ul >li:before { position:absolute; left:0; top:-1px; content:"-"; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dd >ul >li ul { margin-top:8px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dd > ul > li ul li { position:relative; padding-left:7px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.know dd > ul > li ul li:before { position:absolute; left:0; top:8px; width:2px; height:2px; background:#333; border-radius:50%; content:""; }

.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap { margin:40px 0 0; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dt { padding:0 0 0 24px; font-size:14px; color:#111; font-weight:700; background:url("/subscribe/images/renew/ico_question.svg") no-repeat; background-size:unset; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd { padding:0; background:#fff; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd + dt { margin-top:30px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd ul { margin-top:12px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd ul li { position:relative; padding-left:11px; font-size:14px; color:#767676; line-height:20px; background:none; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd ul li ~ li { margin-top:8px; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd ul li:before { position:absolute; left:0; top:-1px; width:initial; height:initial; font-size:14px; color:#656565; content:"-"; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd .txt { position:relative; margin-top:10px; padding-left:11px; font-size:14px; color:#767676; }
.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .list_type02.wrap dd .txt:before { position:absolute; left:0; top:1px; content:"*"; }

.pet_wrap #pop_wrap .n_list li strong { color:#000; font-weight:700; }
.pet_wrap #pop_wrap .n_list li ~ li { margin-top:10px; }


.pet_wrap #pop_wrap .joinguide .txt_mj_copy { display:block; margin-bottom:30px; font-size:16px; color:#111; font-weight:700; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img { position:relative; margin-bottom:35px; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .bt_imgbox { position:absolute; left:50%; bottom:3%; width:98%; transform:translateX(-50%); overflow-x:auto; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .bt_imgbox .scroll_box { position:relative; width:113%; padding:0 10px; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .scrolltxt01 { position:absolute; right:5%; top:56%; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .scrolltxt02 { position:absolute; right:4%; top:57%; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .scrolltxt01.wyl_ { position:absolute; right:5%; top:64%; }
.pet_wrap #pop_wrap .joinguide .wrap_guide_img .scrolltxt02.wyl_ { position:absolute; right:4%; top:64%; }

.pet_wrap #pop_wrap strong.left { display:inline-block; font-size:16px; color:#111; font-weight:700; }
.pet_wrap #pop_wrap .tbl_top_area { margin:8px 0 7px; }
.pet_wrap #pop_wrap .tbl_top_area span { display:block; /* font-size:13px; */ font-size:1.3rem; color:#777; }
.pet_wrap #pop_wrap .dn_example .title_box { position:relative; margin:35px 0 0; }
.pet_wrap #pop_wrap .dn_example .title_box .sub_tit { margin:0; font-size:15px; color:#000; font-weight:700; }
.pet_wrap #pop_wrap .dn_example .title_box .sub_tit strong.left { position:relative; display:inline-block; padding-left:6px; font-size:15px; }
.pet_wrap #pop_wrap .dn_example .title_box .sub_tit strong.left:before { position:absolute; left:0; top:6px; width:3px; height:3px; background:#333; border-radius:50%; content:""; }
.pet_wrap #pop_wrap .dn_example .title_box .p_txt { position:absolute; right:0; bottom:0; font-size:15px; }
.pet_wrap #pop_wrap .tbl_list02.syle_exeample { margin-top:24px; border-top:1px solid #111; }
.pet_wrap #pop_wrap .tbl_list02.syle_exeample thead th { /* padding:16px 0; */ padding:1.45rem 0; line-height: 1.5rem; font-size:14px; }
.pet_wrap #pop_wrap .tbl_list02.syle_exeample tbody td.text_center { text-align:center; }
.pet_wrap #pop_wrap .dn_example .a_center .p_txt { font-size:13px; }
.pet_wrap #pop_wrap .dn_example .a_center { text-align:center; }
.pet_wrap #pop_wrap .txt_tip { margin-top:24px; padding:0; /* font-size:14px; line-height:20px;*/ font-size:1.3rem; line-height:1.7rem; color:#767676;  border-top:1px solid #ddd; }
.pet_wrap #pop_wrap .txt_tip.margintop_xsmall { margin-top:10px; }
.pet_wrap #pop_wrap .txt_tip span { position:relative; display:block; padding-left:11px; word-break:keep-all; }
.pet_wrap #pop_wrap .txt_tip span:before { position:absolute; left:0; top:-2px; /* font-size:14px; */ font-size:1.3rem; content:"-"; }
.pet_wrap #pop_wrap .txt_tip.no_line { border-top:0; }
.pet_wrap #pop_wrap .txt_tip + .txt_tip { margin-top:12px; }
.pet_wrap #pop_wrap .txt_tip span ~ span { margin-top:8px; }
.pet_wrap #pop_wrap .cl_red { color:#e11b22; }

.pet_wrap .pet_check_pop_wrap #pop_header { position:absolute; left:0; top:0; width:100%; padding:15px; background:#5f81ce; }
.pet_wrap .pet_check_pop_wrap #pop_header h1 { font-size:20px; color:#fff; }
.pet_wrap .pet_check_pop_wrap .pop_close { position:absolute; right:0; top:8px; padding:15px; z-index:10; }
.pet_wrap .pet_check_pop_wrap .pop_close span { display:block; width:12px; height:12px; text-indent:-999em; background:url("/subscribe/images/pet/common.png") no-repeat -10px -125px; background-size:250px 250px; }
.pet_wrap .pet_check_pop_wrap #pop_content { position:relative; margin:0; margin-top:58px !important; overflow-y:auto; }
.pet_wrap .pet_check_pop_wrap #pop_content .pop_content_inner { padding:17px 15px; font-size:14px; }
.pet_wrap .pop_content_inner > ul li { position:relative; padding:0 0 10px 7px; }
.pet_wrap .pop_content_inner > ul li:before { position:absolute; left:0; top:8px; width:3px; height:3px; background:#333; border-radius:50%; content:""; }
.pet_wrap .pop_content_inner > ul li.str_txt_red { color:#e11b22; font-weight:700; }
.pet_wrap .pet_check_accor { margin-bottom:50px; }
.pet_wrap .pet_check_accor dl dt { padding:10px 0 10px; font-size:15px; color:#000; font-weight:700; border-bottom:1px solid #ddd; }
.pet_wrap .pet_check_accor dl dt:after { position:absolute; right:15px; width:15px; height:28px; margin-top:7px; background:url("/subscribe/images/pet/accor_arrow.gif") no-repeat right 18px; background-size:15px 9px; transform:rotate(-180deg); content:""; }
.pet_wrap .pet_check_accor dl dt.on:after { position:absolute; right:15px; width:15px; height:28px; margin-top:-10px; background:url("/subscribe/images/pet/accor_arrow.gif") no-repeat right 18px; background-size:15px 9px; transform:rotate(0); content:""; }
.pet_wrap .pet_check_accor dl dd { display:none; padding:10px; background:#f4f4f4; border-bottom:1px solid #ddd; }
.pet_wrap .pet_check_accor dl dd > ul li { position:relative; padding-left:7px; padding-top:5px; font-size:16px; }
.pet_wrap .pet_check_accor dl dd > ul li:before { position:absolute; left:0; top:13px; width:3px; height:3px; background:#666; z-index:1; content:""; }

.pet_wrap .confirm_agree .ipt_tooltip { text-align:left; }

.wyl_txt { position: relative; margin-top: 10px; padding-left: 11px; font-size: 14px; color: #767676; }
.wyl_txt:before { position: absolute; left: 0; top: 1px; content: "*"; }

/* 강아지 & 고양이 랜딩 */
#wrapper.pet_wrap .dot_line_wrap { padding-bottom:20px; }
#wrapper.pet_wrap .dot_line_wrap .img img { width:100%; }
#wrapper.pet_wrap .dot_line_wrap .img + .img { margin-top:20px; }

#wrapper.pet_wrap .cont_div_head { margin-top:20px; }
#wrapper.pet_wrap .cont_div_head .txt1 { font-size:20px; color:#111; font-weight:700; line-height:28px; }
#wrapper.pet_wrap .cont_div_head .txt2 { font-size:20px; margin-top:8px;  color:#7b71e3; font-weight:700; }
#wrapper.pet_wrap .cont_div_head .txt3 { position:relative; margin-top:4px; padding-left:22px; font-size:15px; color:#333; line-height:21px; }
#wrapper.pet_wrap .cont_div_head .txt3:before { position:absolute; left:0; width:16px; height:16px; background:url("/subscribe/images/pet/product/ico_consult.svg") no-repeat center center; background-size:contain; content:""; }
#wrapper.pet_wrap .cont_div_new .cont_list { margin-top:48px; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit { position:relative; padding-left:17px; font-size:20px; color:#111; font-weight:700; line-height:1.4; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit em { position:absolute; left:0; color:inherit; font-weight:inherit; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit span { color:#7b71e3; font-weight:inherit; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit .ico_tip { display:inline-block; margin-left:-18px; margin-right:8px; padding:4px 14px; font-size:16px; color:#fff; font-weight:inherit; vertical-align:bottom; background:#7b71e3; border-radius:20px; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit.ico_zoom { padding-left:33px; font-size:16px; }
#wrapper.pet_wrap .cont_div_new .cont_list .tit.ico_zoom:before { position:absolute; display:iinline-block; left:0; width:24px; height:24px; vertical-align:top; background:url("/subscribe/images/pet/product/ico_zoom.svg") no-repeat center center; background-size:contain; content:""; }
#wrapper.pet_wrap .img_area { margin:25px 8px; }
#wrapper.pet_wrap .cont_div_new .list_dot li { position:relative; padding-left:8px; font-size:14px; color:#333; line-height:1.4; }
#wrapper.pet_wrap .cont_div_new .list_dot li:before { position:absolute; left:0; top:7px; width:2px; height:2px; background:#333; border-radius:50%; content:""; }
#wrapper.pet_wrap .cont_div_new .list_dot li ~ li { margin-top:10px; }
#wrapper.pet_wrap .cont_div_new .list_dot_s { margin-top:5px; }
#wrapper.pet_wrap .cont_div_new .list_dot_s li { position:relative; padding-left:8px; color:#333; }
#wrapper.pet_wrap .cont_div_new .list_dot_s li:before { position:absolute; left:0; top:10px; width:4px; height:1px; background:#333; content:""; }
#wrapper.pet_wrap .cont_div_new .list_dot_s li ~ li { margin-top:5px; }
#wrapper.pet_wrap .cont_div_new .flex_box { display:flex; flex-flow:row nowrap; justify-content:left; align-items:stretch; gap:20px; margin-top:32px; }
#wrapper.pet_wrap .cont_div_new .flex_box .img_area { flex:0; flex-basis:96px; margin:0; padding:0; }
#wrapper.pet_wrap .cont_div_new .flex_box .list_dot { flex:1; }
#wrapper.pet_wrap .cont_div_new .flex_box + .flex_box { margin-top:20px; padding-top:20px; border-top:1px dashed #eee; }
#wrapper.pet_wrap .cont_div_new .list_dot + .careful { position:relative; margin-top:24px; padding-left:12px; font-size:14px; line-height:1.4; }
#wrapper.pet_wrap .cont_div_new .list_dot + .careful:before { position:absolute; left:0; top:-1px; content:"※"; }
#wrapper.pet_wrap .cta_layout .cta_container .tit_ico_cat:before { background-image:url("/subscribe/images/renew/ico_cat.png"); }
#wrapper.pet_wrap #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox { width:95%; }
#wrapper.pet_wrap #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox + .scrolltxt01 { top:53%; right:4%; }
#wrapper.pet_wrap #pop_wrap .joinguide .wrap_guide_img .bt_imgbox .scroll_box { width:103%; padding:10px; }
#wrapper.pet_wrap #pop_wrap .joinguide .wrap_guide_img .bt_imgbox .scroll_box._wyl { width:110%; padding:0; }
#wrapper.pet_wrap #pop_wrap .joinguide .wrap_guide_img .cat_bt_imgbox + .wyl_ { top:58%; right:4%; }

.inform_img img  { width:initial; }


.pet_wrap #pop_wrap.tm_evt_pop_renew #pop_content .tbl_list02 tbody.wyl_241115 tr td { padding:1.55rem 0; line-height: 1.4rem; font-size: 1.5rem; color: #333; border-top: 1px solid #ddd; vertical-align: top; }
.visually_hidden_txt { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
