.x1_user_guide_wrap{width: 100%;}
.sec_inner{width: 980px; margin: 0 auto;}
/* section1  */
.x1_user_guide_wrap .guide_sec1{background-color: #f9f9f9; padding: 70px 0;}
.guide_sec1 .sec_inner .sec1_tit_wrap{display: flex; justify-content: space-around; align-items: center;}
.guide_sec1 .sec_inner .sec1_tit_wrap .sec1_tit{width: 450px;}
.guide_sec1 .sec_inner .sec1_tit_wrap .sec1_clock{width: 260px; transform: translateY(30%);}
.guide_sec1 .sec_inner .sec1_pc_mobile_btn{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 100px;}
.guide_sec1 .sec_inner .sec1_pc_mobile_btn li{width: 45%; color: #f9f9f9; background-color: #A3A6B1; text-align: center; font-size: 18px; font-weight: bold; padding: 20px 0; border-radius: 50px; cursor: pointer; margin: 0 5px;}
.guide_sec1 .sec_inner .sec1_pc_mobile_btn li.active{background-color: #e118a9;}
.guide_sec1 .sec_inner .sec1_swiper{overflow: hidden; position: relative; display: none;}
.guide_sec1 .sec_inner .sec1_swiper.active{display: inherit;}
.guide_sec1 .sec_inner .sec1_swiper .sec1_slide{margin-top: 50px;}
.guide_sec1 .sec_inner .sec1_swiper .pagination_progress{height: 1px; z-index: 9; left: 50%; top: 85%; width: 90%; transform: translateX(-50%);}
.guide_sec1 .sec_inner .sec1_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #000; height: 1px;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap{display: flex; align-items: center; justify-content: center; width: 200px; position: absolute; right: 5%; bottom: 3%; z-index: 9;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap .swiper_pagenation{text-align: right; margin-right: 20px;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap .swiper_pagenation .current{font-weight: bold;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap .swiper_pagenation span{margin: 0 5px;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap .navi_wrap{width: 200px; display: flex; align-items: center;justify-content: center;}
.guide_sec1 .sec_inner .sec1_swiper .page_wrap .navi_wrap span{cursor: pointer;}
/* section2 */
.x1_user_guide_wrap .guide_sec2{padding: 70px 0; background: #000 url('//img.x1.co.kr/x1/images/x1guide/new_guide/web/sec2_bg.png') no-repeat center; background-size: cover;}
.guide_sec2 .sec_inner .sec2_tit_wrap{width: 350px; margin: 0 auto;}
.guide_sec2 .sec_inner .sec2_cont_wrap{display: flex; align-items: center; justify-content: space-between; margin-top: 36px;}
.guide_sec2 .sec_inner .sec2_cont_wrap .sec2_cont{width: 48%; height: 460px; border-radius: 35px; backdrop-filter: blur(4px); box-shadow: 0 0 20px 0 rgba(56, 86, 191, 0.05); background-color: rgba(31, 33, 62, 0.5); color: #e3dfdf; font-size: 40px; font-weight: bold; padding: 40px; position: relative; box-sizing: border-box;}
.guide_sec2 .sec_inner .sec2_cont_wrap .sec2_cont .sec2_icon{width: 200px; position: absolute; right: 30px; top: 30px;}
.guide_sec2 .sec_inner .sec2_cont_wrap .sec2_cont .sec2_cont_txt{margin-top: 150px; line-height: 1.4; color: #fff; font-size: inherit;}
.guide_sec2 .sec_inner .sec2_cont_wrap .sec2_cont .sec2_btn{font-size: 18px; font-weight: bold; border-radius: 30px; background-color: #e118a9; text-align: center; margin-top: 40px;}
.guide_sec2 .sec_inner .sec2_cont_wrap .sec2_cont .sec2_btn a{width: 100%; padding: 20px 0; display: inline-block; color: #fff; text-decoration: none;}
/* section3  */
.x1_user_guide_wrap .guide_sec3{padding: 70px 0; background:#000 url('//img.x1.co.kr/x1/images/x1guide/new_guide/web/sec3_bg.png') no-repeat center; background-size: cover; position: relative; z-index: 1;}
.x1_user_guide_wrap .guide_sec3::before{background-color: #000; width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; opacity: 0.8; mix-blend-mode: hard-light; z-index: -1;}
.guide_sec3 .sec3_cont{width: 480px; margin: 0 auto; border-radius: 35px; box-shadow: 0 0 20px 0 #e118a879; background-color: rgba(27, 32, 31, 0.5); padding: 70px 60px; box-sizing: border-box;}
.guide_sec3 .sec3_cont .sec3_tit_wrap{width: 360px; margin: 0 auto;}
.guide_sec3 .sec3_cont .sec3_btn_wrap{margin-top: 70px; color: #fff;}
.guide_sec3 .sec3_cont .sec3_btn_wrap .sec3_btn{font-size: 18px; font-weight: bold; border-radius: 30px; background-color: #e118a9; text-align: center; margin-top: 25px;}
.guide_sec3 .sec3_cont .sec3_btn_wrap .sec3_btn a{width: 100%; padding: 20px 0; display: inline-block; color: #fff; text-decoration: none;}
/* section4 */
.x1_user_guide_wrap .guide_sec4{padding: 70px 0; background-color: #fff;}
.guide_sec4 .sec_inner .sec4_tit_wrap{width: 365px; margin: 0 auto;}
.guide_sec4 .sec_inner .sec4_cont_wrap{margin-top: 110px; display: flex; justify-content: space-between; align-items: center;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont_left{display: flex; justify-content: center; align-items: center;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont_left .sec4_cont{margin-right: 40px;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont{width: 260px; text-align: center; height: 140px; position: relative;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont span{display: block;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont .sec4_cont_txt{font-size: 24px; font-weight: bold; color: #444653; margin-bottom: 10px;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont .sec4_btn{color: #fff; font-size: 18px; font-weight: bold; border-radius: 30px; background-color: #e118a9; position: absolute; left: 0; bottom: 20px; width: 100%;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont .sec4_btn a{padding: 10px 0; display: inline-block; width: 100%; color: #fff; text-decoration: none;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont .sec4_cont_sm_txt{color: #979797; font-size: 14px; font-weight: bold;}
.guide_sec4 .sec_inner .sec4_cont_wrap .sec4_cont .sec4_cont_big_txt{color: #322e2e; font-size: 38px; font-weight: bold; margin: 10px 0 20px;}