.m_x1_user_guide_wrap{width: 100vw; overflow: hidden;}
.sec_inner{padding: 0 30px;}
header{border-bottom:1px solid #adadad;}
/* section1  */
.m_x1_user_guide_wrap .m_guide_sec1{padding-top: 40px;}
.m_guide_sec1 .sec1_tit_wrap{width: 230px;}
.m_guide_sec1 .sec1_icon{text-align: right;}
.m_guide_sec1 .sec1_icon img{width: 180px;}
/* section2  */
.m_x1_user_guide_wrap .m_guide_sec2{width: 100%;}
.m_guide_sec2 .sec2_btn_wrap{background-color: #f0f0f0; padding-bottom: 15px;}
.m_guide_sec2 .sec2_pc_mobile_btn{ display: flex; justify-content: space-around; align-items: center;border-bottom: 1px solid #a9a6b0;}
.m_guide_sec2 .sec2_pc_mobile_btn li{font-size: 14px; font-weight: bold;color: #a9a6b0; padding: 15px 0 5px; text-align: center; letter-spacing: normal; width: 40%; border-bottom: 1px solid #fff0;}
.m_guide_sec2 .sec2_pc_mobile_btn li.active{color: #3a3659; border-bottom: 1px solid #3a3659;}
.m_guide_sec2 .sec2_swiper{background-color: rgba(240, 240, 240, 0); padding: 20px 20px 50px; display: none;}
.m_guide_sec2 .sec2_swiper.active{display: inherit;}
.m_guide_sec2 .sec2_swiper .sec2_slide li{width: 350px;}
.m_guide_sec2 .sec2_swiper .pagination{margin-left: 10px;}
.m_guide_sec2 .sec2_swiper .pagination .swiper-pagination-bullet{width: 5px; height: 5px; background-color: #979797; transition: .3s;}
.m_guide_sec2 .sec2_swiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 3px; background-color: #000; width: 40px;}
/* section3 */
.m_x1_user_guide_wrap .m_guide_sec3{width: 100%; padding: 50px 30px; background: #000 url('//img.x1.co.kr/x1/images/x1guide/new_guide/mobile/shadow.png') no-repeat bottom; background-size: cover;}
.m_guide_sec3 .sec3_tit_wrap{width: 270px; margin: 0 auto;}
.m_guide_sec3 .sec3_cont_wrap{margin-top: 36px;}
.m_guide_sec3 .sec3_cont_wrap .sec3_cont{border-radius: 35px; border-radius: 23.3px; -webkit-backdrop-filter: blur(2.7px); backdrop-filter: blur(2.7px); box-shadow: 0 0 13.3px 0 rgba(56, 86, 191, 0.05); background-color: rgba(31, 33, 62, 1); color: #e3dfdf; font-weight: bold; padding: 40px; position: relative; margin-bottom: 10px;}
.m_guide_sec3 .sec3_cont_wrap .sec3_cont .sec3_icon{width: 160px; position: absolute; right: 20px; top: 0;}
.m_guide_sec3 .sec3_cont_wrap .sec3_cont .sec3_cont_txt{margin-top: 85px; line-height: 1.4; font-size: 6.5vw;}
.m_guide_sec3 .sec3_cont_wrap .sec3_cont .sec3_btn{font-size: 16px; font-weight: bold; border-radius: 5px; background-color: #f2f4f4; text-align: center; margin-top: 40px; color: #000;}
.m_guide_sec3 .sec3_cont_wrap .sec3_cont .sec3_btn a{width: 100%; padding: 13px 0; display: inline-block;}
/* section4 */
.m_x1_user_guide_wrap .m_guide_sec4{width: 100%; text-align: center; background: url('//img.x1.co.kr/x1/images/x1guide/new_guide/mobile/comt03.png') no-repeat center; background-size: cover; padding: 80px 30px; position: relative; z-index: 1;}
.m_x1_user_guide_wrap .m_guide_sec4::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.8; mix-blend-mode: hard-light; background-color: #000; z-index: -1;}
.m_guide_sec4 .sec4_tit_wrap{width: 290px; margin: 0 auto;}
.m_guide_sec4 .sec4_btn_wrap{margin: 100px auto 0; padding: 0 40px;}
.m_guide_sec4 .sec4_btn_wrap .sec4_btn{font-size: 16px; font-weight: bold; border-radius: 5px; background-color: #f2f4f4; text-align: center; color: #000; margin-top: 20px;}
.m_guide_sec4 .sec4_btn_wrap .sec4_btn a{width: 100%; padding: 13px 0; display: inline-block; letter-spacing: -0.5px;}
/* section4 */
.m_x1_user_guide_wrap .m_guide_sec5{width: 100%; text-align: center; background-color: #fff; }
.m_guide_sec5 .sec5_tit_wrap{padding: 80px 0 40px;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont{padding: 30px 0;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont:nth-of-type(1){border-bottom: 1px dashed rgba(0, 0, 0, 0.2);}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont span{display: block;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont .sec5_cont_tit{font-size: 24px; font-weight: bold; }
.m_guide_sec5 .sec5_cont_wrap .sec5_cont .sec5_cont_sub{margin-top: 10px; color: #979797; font-size: 14px; font-weight: bold;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont .sec5_cont_btn{font-size: 16px; border-radius: 5px; border: solid 1px #000; font-weight: bold; width: 70vw; margin: 20px auto 0;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont .sec5_cont_btn a{display: flex; align-items: center; justify-content: center; width: 100%; padding: 13px 0;}
.m_guide_sec5 .sec5_cont_wrap .sec5_cont .sec5_cont_btn.call a::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; margin-right: 10px;}