@charset "utf-8";
/* 220718 x1 모바일 메인페이지 개편 */
/* Noto Sans KR font  */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

/* 230613 슬라이드 팝업 css */
.new_slide_pop {position: fixed; background: rgba(0,0,0,0.35);}
.new_slide_pop .new_slide_pop_wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 90%; height:95%; overflow: hidden; display: flex;flex-direction: column;justify-content: center;}
.new_slide_pop .new_slide_pop_wrap .new_slide_pop_top {max-height: calc(100% - 40px);height: auto; position: relative;}
.new_slide_pop .new_slide_pop_wrap .new_pop_slider .swiper-slide { text-align: center; max-height:100%;}
.new_slide_pop .new_slide_pop_wrap .new_pop_slider img {max-width: 100%; height:100%;}
.new_slide_pop .new_slide_pop_top .new_slide_pop_pagi {width: auto;display: flex; flex-flow:row wrap; align-items: center; position: absolute; left:50%; transform: translateX(-50%);
    z-index: 999;}
.new_slide_pop .new_slide_pop_top .new_slide_pop_pagi .swiper-pagination-bullet {width: 5px;height: 5px; background-color: #aaa;transition: .3s;opacity: 1;}
.new_slide_pop .new_slide_pop_top .new_slide_pop_pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius: 10px; background-color: #000;width: 40px;}
.new_slide_pop .new_slide_pop_bottom {background: #fff; width: 100%; margin: 0 auto; }
.new_slide_pop .new_slide_pop_bottom .close_btn {width:100%; text-align: center; display: flex; flex-flow:row wrap;}
.new_slide_pop .new_slide_pop_bottom .close_btn a { display: inline-block; text-align: center; line-height: 40px; color: #000; width:50%;}
.new_slide_pop .new_slide_pop_bottom .close_btn a:first-child {border-right:1px solid #000; }
.new_slide_pop .close_image {width: 30px; height:30px; position: absolute; top:10px; background: #fff; z-index: 999; transform: translateX(calc(-100% -  10px)); border:1px solid #000;}
.new_slide_pop .close_image img {width:100%; padding:3px;}

img{image-rendering: -webkit-optimize-contrast;}
.m_main_sec.inner{padding: 0 15px;}
.m_main_sec .title{font-size: 20px; font-weight: bold; color: #000;}
.m_main_sec .title .arrow_tit{display: flex; align-items: center;}
.m_main_sec .title .arrow_tit::after{content: ''; display: inline-block; width: 6px; height: 6px; border: 2px solid #000; transform: rotate(45deg); border-width: 2px 2px 0 0; margin-left: 5px;}
/* container  */
.m_renewal_main{width: 100%; overflow: hidden;}
/* section1 */
.m_renewal_main .m_section_1{width: 100%; margin-top: 16px;}
#sec1Swiper{overflow: hidden;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list{width: 100%;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_img_wrap{margin: 11px 0; height: 50vw; position: relative; border-radius: 5px; overflow: hidden; border: 1px solid #e6e6e6; background: #f6f6f6;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_img_wrap > img{display: inline-block; position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); width: 50%;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_img_wrap .sec1_live_ic{width: 12.6vw; height: 5.5vw; position: absolute; left: 10px; top: 10px; animation: live_ic 2s infinite forwards ease-in-out;}
/* admin 이미지일 때 */
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_img_wrap.admin{border: none; background: none;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_img_wrap.admin > img{width: 100%; top: 50%;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_txt_wrap{width: 100%; color: #000;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_txt_wrap .expert_name{font-size: 12px; font-weight: 500; color: inherit; display: inline-block;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_txt_wrap .expert_intro{font-size: 20px; font-weight: bold; color: inherit; white-space: pre-line; width: 100%; line-height: normal; margin-top: 4px; height: 60px;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_txt_wrap .extrance_btn{width: 100%; text-align: center; background-color: #383960; padding: 8.8px 0; border-radius: 5px; margin-top: 8px;}
.m_renewal_main .m_section_1 .sec1_swiper_wrap .sec1_swiper_list .sec1_txt_wrap .extrance_btn a{display: inline-block; width: 100%; font-size: 16px; color: #fff;}
.m_renewal_main .m_section_1 #sec1Swiper .sec1_pagination{width: 100%; margin-top: 35px;}
.m_renewal_main .m_section_1 #sec1Swiper .sec1_pagination .swiper-pagination-bullet{width: 5px; height: 5px; border-radius: 3px; background-color: #979797; transition: all .4s linear;}
.m_renewal_main .m_section_1 #sec1Swiper .sec1_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px; height: 5px; border-radius: 3px; background-color: #383960;}
/* 엑스원 추천 영상  */
.m_renewal_main .m_section_1 .sec1_video_area{display: block; width: 100%; height: 240px; background-color: rgba(0, 0, 0, 0.349); color: #fff; margin-top: 2vw;}
/* section2  */
.m_renewal_main .m_section_2{width: 100%; margin-top: 30px; display: flex; justify-content: space-around; align-items: center; padding: 5px 0; background-color: #f6f7f9;}
.m_renewal_main .m_section_2 a{display: inline-block; width: 100px; }
.m_renewal_main .m_section_2 a .sec2_btn{text-align: center; width: 100%; margin: 0; padding: 10px 0;  border-radius: 10px; -webkit-tap-highlight-color: #E7EAF0;}
.m_renewal_main .m_section_2 a .sec2_btn img{width: 40px; height: 40px;}
.m_renewal_main .m_section_2 a .sec2_btn .sec2_btn_txt{font-size: 12px; font-weight: bold; color: #000;}
/* section3  */
.m_renewal_main .m_section_3 .title .sec3_pagination{font-size: 13px; color: #000; font-weight: normal; position: absolute; left: 83%; bottom: 0; margin-right: 15px;}
.m_renewal_main .m_section_3 .title .sec3_pagination span{color: inherit; font-size: inherit; padding: 0 3px; display: inline-block;}
.m_renewal_main .m_section_3 .title .sec3_pagination .sec3_current_slide{font-weight: bold;}
.m_renewal_main .m_section_3 .title .sec3_pagination .sec3_current_slide::after{display: inline-block; content: ''; width: 1px; height: 10px; background-color: #000; margin-left: 6px;}
.m_renewal_main .m_section_3{width: 100%; margin-top: 24px;}
.m_renewal_main .m_section_3 .title{padding: 0 15px; position: relative;}
.m_renewal_main .m_section_3 #sec3Swiper{margin-right: 30px;}
.m_renewal_main .m_section_3 .sec3_swiper_wrap .sec3_swiper_list{height:340px;}
.m_renewal_main .m_section_3 .sec3_swiper_wrap .sec3_swiper_list .sec3_cont_top{background-color: #edbeb8;}
/* section3, section5 공통 content  */
.sec_swiper_wrap{width: 100%; margin-top: 11px; padding-left: 15px;}
.sec_swiper_wrap .slick-list{overflow: visible;}
.sec_swiper_wrap .sec_swiper_list{width: 204px; border-radius: 3px; overflow: hidden; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);}
.sec_swiper_wrap .sec_swiper_list:last-child{margin: 0;}
.sec_swiper_wrap .sec_swiper_list > a{width: 100%; display: inline-block;}
.sec_swiper_wrap .sec_swiper_list .btn_wrap{padding:0 10px 10px; display:flex; flex-direction:column;}
.sec_swiper_wrap .sec_swiper_list .btn_wrap a{display: inline-block; color: #fff; font-size: 14px; width: 100%; border-radius: 3px; background-color: #383960; width: 100%; text-align: center; padding: 6px 0; z-index: 9;}
.sec_swiper_wrap .sec_swiper_list .btn_wrap .tele_btn{}
.sec_swiper_wrap .sec_swiper_list .btn_wrap .free_btn{color:#3A3659; background:#fff; border:1px solid #3A3659; margin-top:4px; font-weight:700;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top{margin: 0; position: relative; text-align: center; height: 134px; overflow: hidden;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top > img{width: 75%; position: absolute; left: 50%; top: 75%; transform: translate(-50%, -50%);}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top .live_pay_ic{position: absolute; left: 0; top: 0;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top .live_pay_ic.live .live_icon{display: block; animation: live_ic 2s infinite forwards ease-in-out;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top .live_pay_ic.pay .pay_icon{display: block;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top .live_pay_ic.open .open_icon{display: block;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_top .live_pay_ic .l_p_ic{display: block; margin: 5px; display: none;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom{padding: 10px; color: #000; background: #fff;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom .sec_cont_expert_name{font-size: 12px; font-weight: normal; color: inherit;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom .sec_cont_expert_info{font-size: 14px; font-weight: bold; color: inherit; height: 40px;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom .hash_tag_wrap{margin-top: 10px; color: #979797; font-size: 11px; font-weight: normal;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom .hash_tag_wrap .hash_tag{display: inline-block; margin-right: 3px;}
.sec_swiper_wrap .sec_swiper_list .sec_cont_bottom .hash_tag_wrap .hash_tag:last-child{margin: 0;}
/* 더보기 btn  */
.sec_swiper_list.more{text-align: center; width: 120px; z-index: 9; height: 340px; background-color: #f6f7f9;  /*  position: absolute; right: 0; top: 0;display: none; animation: more_box .2s forwards ease-in; */}
.sec_swiper_list.more.kakao{height: 300px;}
.sec_swiper_list.more.kakao > a{padding: 130px 0;}
.sec_swiper_list.more > a{width: 100%; height: 100%; display: inline-block; padding: 145px 0;}
.sec_swiper_list.more .more_ex{display: block; font-size: 12px; color: #000;}
.sec_swiper_list.more .more_all{display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: bold; color: #000;}
.sec_swiper_list.more .more_all::after{content: ''; display: inline-block; width: 6px; height: 6px; border: 1px solid #000; transform: rotate(45deg); border-width: 1px 1px 0 0; margin-left: 2px;}
@keyframes more_box {0%{opacity: 0;} 100%{opacity: 1;}}
/* section4  */
.m_renewal_main .m_section_4{width: 100vw; margin-top: 35px;}
.m_renewal_main .m_section_4 .m_banner_wrap{width: 100%;}
.m_renewal_main .m_section_4 .m_banner_wrap .m_banner_list{width: 100%;}
.m_renewal_main .m_section_4 .m_banner_wrap .m_banner_list img{width: 100%;}
/* section5  */
.m_renewal_main .m_section_5{width: 100%; margin: 40px 0 35px;}
.m_renewal_main .m_section_5 .title{padding: 0 15px; position: relative;}
.m_renewal_main .m_section_5 .sec5_swiper_wrap .sec5_swiper_list .sec5_cont_top{background-color: #fff;}
.m_renewal_main .m_section_5 .title .sec5_pagination{font-size: 13px; color: #000; font-weight: normal; position: absolute; left: 83%; bottom: 0; margin-right: 15px;}
.m_renewal_main .m_section_5 .title .sec5_pagination span{color: inherit; font-size: inherit; padding: 0 3px; display: inline-block;}
.m_renewal_main .m_section_5 .title .sec5_pagination .sec5_current_slide{font-weight: bold;}
.m_renewal_main .m_section_5 .title .sec5_pagination .sec5_current_slide::after{display: inline-block; content: ''; width: 1px; height: 10px; background-color: #000; margin-left: 6px;}
.m_renewal_main .m_section_5 #sec5Swiper{margin-right: 30px;}
.m_renewal_main .m_section_5 #sec5Swiper .sec5_swiper_wrap .sec5_swiper_list{height: 300px;}
.m_renewal_main .m_section_5 #sec5Swiper .sec5_swiper_wrap .sec5_swiper_list .sec5_cont_bottom .reading_btn{border-radius: 3px; background-color: #383960; width: 100%; text-align: center; margin-top: 13px; padding: 6px 0; z-index: 9;}
.m_renewal_main .m_section_5 #sec5Swiper .sec5_swiper_wrap .sec5_swiper_list .sec5_cont_bottom .reading_btn button{display: inline-block; color: #fff; font-size: 14px; width: 100%;}
.m_renewal_main .m_section_5 #sec5Swiper .sec5_swiper_wrap .sec5_swiper_list .sec5_cont_bottom .reading_btn a{display: inline-block; color: #fff; font-size: 14px; width: 100%;}
/* section6  */
.m_renewal_main .m_section_6{width: 100%; background-color: #f6f7f9; padding: 19px 0 35px;}
.m_renewal_main .m_section_6 .slick-list{overflow: visible;}
.m_renewal_main .m_section_6 .title{padding: 0 15px; position: relative;}
.m_renewal_main .m_section_6 .title .sec6_pagination{font-size: 13px; color: #000; font-weight: normal; position: absolute; left: 83%; bottom: 0; margin-right: 15px;}
.m_renewal_main .m_section_6 .title .sec6_pagination span{color: inherit; font-size: inherit; padding: 0 3px; display: inline-block;}
.m_renewal_main .m_section_6 .title .sec6_pagination .sec6_current_slide{font-weight: bold;}
.m_renewal_main .m_section_6 .title .sec6_pagination .sec6_current_slide::after{display: inline-block; content: ''; width: 1px; height: 10px; background-color: #000; margin-left: 6px;}
.m_renewal_main .m_section_6 #sec6Swiper{margin-right: 30px;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap{width: 100%; margin-top: 11px; padding-left: 15px;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list{width: 305px; background-color: #fff; border-radius: 3px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); overflow: hidden;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list:last-child{margin: 0;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a{display: inline-block; width: 100%;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_top{width: 100%; height: 181px;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_top img{width: 100%; height: 100%;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_bottom{padding: 10px 10px 15px; }
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_bottom .youtube_title{display: -webkit-box; display: -ms-flexbox; display: box; width: 100%; font-size: 14px; font-weight: bold; color: #000; overflow:hidden; text-overflow: ellipsis;  word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2; height: 45px;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_bottom .youtube_views{font-size: 11px; font-weight: normal; color: #979797; display: inline-block; margin-top: 5px;}
.m_renewal_main .m_section_6 .sec6_swiper_wrap .sec6_swiper_list a .sec6_cont_bottom .youtube_views .views_count{font-size: inherit; color: inherit;}
/* section7  */
.m_renewal_main .m_section_7{width: 100%; margin: 19px 0 27px;}
.m_renewal_main .m_section_7 .sec6_review_wrap_all{display: flex; align-items: flex-start; justify-content: space-around;}
.m_renewal_main .m_section_7 .sec6_review_wrap{margin-top: 11px;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list{ width: 43vw; border-radius: 3px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 12px; margin-bottom: 10px;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list::before{content: ''; display: inline-block; width: 20px; height: 20px; background: url('//img.x1.co.kr/x1/mobile/images/main/renewal/ic_quotes.png') no-repeat center; background-size: auto; margin-bottom: 5px;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a{display: inline-block; width: 100%;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_top{padding-bottom: 12.5px; border-bottom: .5px dashed rgba(0, 0, 0, 0.2);;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_top .review_img{width: 100%; text-align: center; position: relative; max-height: 90px; overflow: hidden;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_top .review_img.cert_ok::before{content: ''; display: inline-block; width: 45px; height: 19px; background: url('//img.x1.co.kr/x1/mobile/images/main/renewal/ic_certifi.svg') no-repeat center; background-size: cover; position: absolute; left: 3px; top: 3px;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_top .review_img img{width: 100%;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_top .review_text{margin-top: 9px; display: -webkit-box; display: -ms-flexbox; display: box; font-size: 14px; font-weight: bold; color: #000; width: 100%; overflow:hidden; text-overflow: ellipsis;  word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp: 3;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_bottom{margin-top: 12.5px; width: 100%;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_bottom .review_user_name{display: block; font-size: 14px; color: #000;}
.m_renewal_main .m_section_7 .sec6_review_wrap .sec6_review_list a .review_list_bottom .review_user_id{display: inline-block; font-size: 11px; color: #979797;}
/* section8  */
.m_renewal_main .m_section_8{width: 100%; background-color: #f6f7f9; padding: 19px 0 35px;}
.m_renewal_main .m_section_8 .slick-list{width: 220px; margin: 0 auto; overflow: visible;}
.m_renewal_main .m_section_8 .title{padding: 0 15px; position: relative;}
.m_renewal_main .m_section_8 .title .sec8_pagination{font-size: 13px; color: #000; font-weight: normal; position: absolute; left: 83%; top: 30%; margin-right: 15px; width: 20%;}
.m_renewal_main .m_section_8 .title .sec8_pagination span{color: inherit; font-size: inherit; padding: 0 3px; display: inline-block;}
.m_renewal_main .m_section_8 .title .sec8_pagination .sec8_current_slide{font-weight: bold;}
.m_renewal_main .m_section_8 .title .sec8_pagination .sec8_current_slide::after{display: inline-block; content: ''; width: 1px; height: 10px; background-color: #000; margin-left: 6px;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap{width: 100%; margin-top: 30px;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list{width: 220px; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 9px; text-align: center;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list.slick-active{transform: scale(1);}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_comp{color: #fff; width: 100%; border-radius: 3px; border: solid 0 #000; background-color: #e118a9; font-size: 16px; font-weight: bold; padding: 1px 0;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_comp .sec8_comp_nm{color: inherit; font-size: inherit; font-weight: inherit;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center{width: 100%; margin-top: 5px;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center span{display: block;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center .center_percent{color: #e118a9; font-size: 24px; font-weight: normal;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center .center_percent::before{content: ''; display: inline-block; width: 0px; height: 0px; border-bottom: calc( 14px * 1.732 ) solid #e118a9; border-left: 14px solid transparent; border-right: 14px solid transparent;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center .center_percent em{color: inherit; font-size: 44px; font-weight: bold;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_center .center_expert{color: #000; font-size: 20px;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom{margin: 11px 0 10px; color: #7b7b7b; font-size: 14px; font-weight: normal;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom span{display: inline-block;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom .bottom_user{color: inherit; font-size: inherit;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom .bottom_user::after{content: ''; display: inline-block; width: 1px; height: 10px; background-color: #7b7b7b; margin: 0 4px 0 7px;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom .bottom_user em{color: inherit; font-size: inherit;}
.m_renewal_main .m_section_8 .sec8_swiper_wrap .sec8_swiper_list .sec8_bottom .bottom_date{color: inherit; font-size: inherit;}
/* 고객센터/어플 */
.m_renewal_main .m_custom_app{width: 100%; margin: 33px 0;}
.m_renewal_main .m_custom_app .custom_app_li{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.m_renewal_main .m_custom_app .custom_app_li:last-child{margin: 0;}
.m_renewal_main .m_custom_app .custom_app_li span{display: block;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_left{}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_left .left_bold{font-size: 16px; font-weight: bold; color: #000;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_left .left_small{color: #979797; font-size: 10px; font-weight: 500;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_right{border-radius: 3px; border: solid 1px #000; background-color: #fff; width: 183px; height: 40px; padding: 5px 0; text-align: center;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_right a{display: inline-block; width: 100%; height: 100%;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_right .right_btn{font-size: 16px; font-weight: bold; color: #000;display: flex; align-items: center; justify-content: center;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_right .right_btn.right_btn_ic{font-size: 20px;}
.m_renewal_main .m_custom_app .custom_app_li .custom_app_right .right_btn.right_btn_ic::before{content: ''; display: inline-block; width: 20px; height: 20px; background: url('//img.x1.co.kr/x1/mobile/images/main/renewal/ic_customer.png') no-repeat center; background-size: cover;}
/* pc버전으로 보기  */
.m_renewal_main .pc_version_btn{width: 100%; margin: 50px 0 30px; text-align: center; }
.m_renewal_main .pc_version_btn a{color: #494949; font-size: 16px; border-bottom: 1px solid #494949; padding: 0 3px;}
.m_renewal_main .pc_version_btn a::after{content: ''; display: inline-block; width: 6px; height: 6px; border: 1px solid #494949; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 3px 5px;}

/*텔레그램 팝업*/
.tele_popup_wrap{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999; display:none;}
.tele_popup{width:320px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:5px; background:#fff; z-index:999;}
.tele_popup .close_btn{border:1px solid #3A3659; background:#fff; border-radius:3px; width:140px; position:relative; left:50%; transform:translateX(-50%); margin-top:18px;}
.tele_popup .close_btn a{color:#3A3659; font-size:14px; display:block; text-align:center; padding:10px 0;}
.tele_popup .bottom{padding:18px;}
.tele_popup .thum{width:100%; height:150px; margin:0 auto; background:#f6f6f6; overflow:hidden; position:relative; border-radius:5px 5px 0 0;}
.tele_popup .thum > img {width: 60%; position: relative; top: 65%; left: 50%; transform: translate(-50%, -40%); transition: var(--main-transi);}
.tele_popup .bottom .bottom_btn_wrap{ padding:0 15px;}
.tele_popup .bottom .bottom_btn_wrap a{font-size:20px; color:#494949; font-weight:bold; text-align:left; width:100%; height:30px; display:block;}
.tele_popup .bottom .bottom_btn_wrap .home_img{position: relative; margin-left: 10px; width: 30px; height: 30px; border-radius: 50px; background: #f4f4f4; display: inline-block; vertical-align: text-top;}
.tele_popup .bottom .bottom_bottom_btn_wrap .home_img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.tele_popup .bottom .bottom_btn_wrap p{width: 100%; height: 36px; font-size: 14px; color: #979797; margin: 4px 0 10px 0; text-align: left; overflow: hidden; word-break: keep-all; word-wrap: break-word;}
.tele_popup .bottom .content{background:#F2F4F6; padding:10px 15px;}
.tele_popup .bottom .content span{color:#3A3659; font-size:16px; font-weight:700; display:block; padding:10px 0;}
.tele_popup .bottom .content .content_list{padding:4px 0; }
.tele_popup .bottom .content .content_list li{color:#3A3659; font-size:14px; line-height:26px; letter-spacing:-0.28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tele_popup .bottom .tele_btn{background:#f4f4f4; padding:10px 20px; border-radius:30px; margin-top:18px;}
.tele_popup .bottom .tele_btn a{display:flex; align-items:center; justify-content:center;}
.tele_popup .bottom .tele_btn a img{margin-right:8px; width:18px; height:18px;}
.tele_popup .bottom .tele_guide a{font-size:13px; color:#494949; letter-spacing:-0.26px; text-decoration:underline; display:block; text-align:center; margin-top:25px;}

@keyframes live_ic {
    0%{opacity: 1;} 50%{opacity: 0;} 80%{opacity: 1;}
}