@charset "utf-8";
/************************************************************************
 * 파일명 :style_user.css
 * 설명 :사용가이드 스타일
 * 작성자 :plus-X
 * 작성일 :
 * 최종수정일 :
************************************************************************/

/* user_guide ************************************************************************/
body{height:100%}
.user_guide .guide_wrap{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2200}
.user_guide .btn_ok{position:fixed;left:0;right:0;bottom:0;z-index:2500;height:50px;margin:22px;border-radius:6px;background:#D31145;text-align:center;line-height:50px;color:#FFF;font-size:0.875rem;font-weight:700}
.btn_close_guide{position:fixed;top:0;right:0;z-index:2500;width:60px;height:56px}
.user_guide .guide_wrap .cont{position:absolute;left:50%}

/* intro */
.user_guide.intro .guide_wrap .cont{position:absolute;top:18%;left:0;width:100%;text-align:center}
.user_guide.finish .guide_wrap .cont{top:18%;left:0;width:100%;text-align:center}

/* popup */
.dim70{position: fixed;left:0;top:0;right:0;bottom:0;z-index:2100;overflow:hidden;width:100%;background:#000;opacity:0.7}
.ly_pop_alert2{overflow:hidden;position:absolute;left:23px;right:23px;top:50%;background:#fff;border-radius:12px;border:none;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}/* 200123 수정 */
.ly_pop_alert2 #pop_container{overflow:hidden;padding:40px 0;text-align:center}
.ly_pop_alert2 #pop_container .contents .tit{overflow:hidden;font-size:0.938rem;font-weight:700;color:#353535;line-height:1.563rem}
.ly_pop_alert2 #pop_bottom{overflow:hidden}
.ly_pop_alert2 #pop_bottom .button_bx{overflow:hidden}
.ly_pop_alert2 #pop_bottom .button_bx button{overflow:hidden;float:left;width:50%;height:50px;font-size:0.875rem;font-weight:700;line-height:50px}
.ly_pop_alert2 #pop_bottom .button_bx button.abled.cancel{background:#F0F0F0;color:#202020}
.ly_pop_alert2 #pop_bottom .button_bx button.abled.accept{background:#D31145;color:#FFF}

/* step */
.user_guide{overflow:hidden;position:fixed;left:0;top:0;right:0;bottom:0}
.user_guide .background{overflow:hidden;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1900}
.user_guide .background .bg{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1900}
.user_guide .background .bot{overflow:hidden;position:absolute;left:0;right:0;bottom:0;z-index:1910;height:57px;background:url(./../../img/userguide/bg_bottom.png) left bottom no-repeat;background-size:100% auto}
.user_guide .guide_wrap .cont .bubble{overflow:hidden;position:absolute}
.user_guide .guide_wrap .cont .txt{overflow:hidden}
.user_guide .guide_wrap .walk_graph{overflow:hidden;position:relative;height:81px;margin-top:42px}
.user_guide .guide_wrap .walk_graph .graph_bx{position:absolute;left:13px;bottom:0;width:262px;height:8px;border-radius:2.5px;background:#E8E8E8}
.user_guide .guide_wrap .walk_graph .bar{position:absolute;left:0;bottom:0;height:100%;border-radius:2.5px;background:#FECB05}
.user_guide .guide_wrap .walk_graph .goal{position:absolute;bottom:8px;width:16px;height:34px;background:url(./../../img/userguide/ic_walk_illust_goal.png) 0 0 no-repeat;background-size:16px 34px}
.user_guide .guide_wrap .walk_graph .man{position:absolute;bottom:6px;width:60px;height:75px}
.user_guide .guide_wrap .point span{display:inline-block;overflow:hidden;width:30px;height:30px;margin-right:10px;border-radius:15px}
.user_guide .guide_wrap .point .p50{background:url(./../../img/userguide/img_50p.png) 0 0 no-repeat;background-size:30px 30px}
.user_guide .guide_wrap .point .p50.on{background:url(./../../img/userguide/img_50p_on.png) 0 0 no-repeat;background-size:30px 30px}
.user_guide .guide_wrap .point .p100{background:url(./../../img/userguide/img_100p.png) 0 0 no-repeat;background-size:30px 30px}
.user_guide .guide_wrap .point .p100.on{background:url(./../../img/userguide/img_100p_on.png) 0 0 no-repeat;background-size:30px 30px}
.user_guide .guide_wrap .cont .count p{overflow:hidden;margin-top:6px}
.user_guide .guide_wrap .walk span{overflow:hidden;color:rgba(255,255,255,.5);font-size:16px;font-weight:700}
.user_guide .guide_wrap .walk span.on{color:#FECB05}
.user_guide .guide_wrap .walk span:last-child:before{content:'/';display:inline-block;margin:0 5px 0 3px}
.scene1 .background .bg,.scene3_1 .background .bg{background:url(./../../img/userguide/bg_step1_1.png) 0 0 no-repeat;background-size:100% auto}
.scene1 .guide_wrap .cont{top:33%;width:275px;margin-left:-136px}
.scene1 .guide_wrap .cont .s1_txt1{overflow:hidden;text-align:center}
.scene1 .guide_wrap .cont .s1_txt2{overflow:hidden;margin-top:33px;text-align:center}
.scene1_1 .guide_wrap .cont .bubble{top:153px;right:-12px;width:243px;height:139px;background:url(./../../img/userguide/img_bubble1_1.png) 0 0 no-repeat;background-size:243px 139px}
.scene1_2 .guide_wrap .cont .bubble{right:-30px;bottom:307px;width:223px;height:122px;background:url(./../../img/userguide/img_bubble1_2.png) 0 0 no-repeat;background-size:223px 122px}
.scene1_2 .guide_wrap .cont .graph1{overflow:hidden;height:239px;background:url(./../../img/userguide/img_point_graph1.png) 0 0 no-repeat;background-size:275px 239px}
.scene2 .background .bg,.scene3_2 .background .bg,.scene3_3 .background .bg{background:url(./../../img/userguide/bg_step2.png) 0 0 no-repeat;background-size:100% auto}
.scene2 .guide_wrap .walk_graph .graph_bx{left:13px}
.scene2 .guide_wrap .walk_graph .goal{left:167px}
.scene2 .guide_wrap .cont{top:35%;width:284px;margin-left:-142px}
.scene2 .guide_wrap .cont .bubble{left:-23px;bottom:263px;width:223px;height:120px}
.scene2 .guide_wrap .cont .count{overflow:hidden;margin-top:7px;padding:0 0 0 7px}
.scene2_1 .guide_wrap .cont .bubble{background:url(./../../img/userguide/img_bubble2_1.png) 0 0 no-repeat;background-size:223px auto}
.scene2_3 .guide_wrap .cont .bubble{background:url(./../../img/userguide/img_bubble2_3.png) 0 0 no-repeat;background-size:223px auto}
.scene2_1 .guide_wrap .walk_graph .man{left:0;background:url(./../../img/userguide/img_walk_illust_man1.png) 0 0 no-repeat;background-size:60px 75px}
.scene2_2 .guide_wrap .walk_graph .man{left:38px;background:url(./../../img/userguide/img_walk_illust_man2.png) 0 0 no-repeat;background-size:60px 75px;-webkit-transition:left 1.0s;transition:left 1.0s}
.scene2_2 .guide_wrap .walk_graph.on .man{left:122px}
.scene2_2 .guide_wrap .walk_graph .bar{width:32px;-webkit-transition:width 1.0s;transition:width 1.0s}
.scene2_2 .guide_wrap .walk_graph.on .bar{width:157px}
.scene2_3 .guide_wrap .walk_graph .man{left:122px;background:url(./../../img/userguide/img_walk_illust_man3.png) 0 0 no-repeat;background-size:60px 75px}
.scene3_2 .guide_wrap .walk_graph .man{left:120px;background:url(./../../img/userguide/img_walk_illust_man2.png) 0 0 no-repeat;background-size:60px 75px;-webkit-transition:left 1.0s;transition:left 1.0s}
.scene3_2 .guide_wrap .walk_graph.on .man{left:216px}
.scene3_2 .guide_wrap .walk_graph .bar{width:157px;-webkit-transition:width 1.0s;transition:width 1.0s}
.scene3_2 .guide_wrap .walk_graph.on .bar{width:262px}
.scene3 .guide_wrap .walk_graph .graph_bx{left:5px}
.scene3 .guide_wrap .walk_graph .goal{right:2px}
.scene3 .guide_wrap .cont .count{overflow:hidden;margin-top:9px}
.scene3 .guide_wrap .cont .graph1{overflow:hidden;height:269px;background:url(./../../img/userguide/img_s3_graph1.png) 0 0 no-repeat;background-size:277px 269px}
.scene3_1 .guide_wrap .cont{top:33%;width:277px;margin-left:-135px}
.scene3_1 .guide_wrap .cont .bubble{left:-38px;bottom:324px;width:243px;height:139px;background:url(./../../img/userguide/img_bubble3_1.png) 0 0 no-repeat;background-size:243px 139px}
.scene3_2 .guide_wrap .cont,.scene3_3 .guide_wrap .cont{top:36%;width:277px;margin-left:-135px}
.scene3_3 .guide_wrap .cont .bubble{left:-30px;bottom:262px;width:223px;height:120px;background:url(./../../img/userguide/img_bubble3_3.png) 0 0 no-repeat;background-size:223px 120px}
.scene3_3 .guide_wrap .walk_graph .man{right:0;background:url(./../../img/userguide/img_walk_illust_man3.png) 0 0 no-repeat;background-size:60px 75px}
.scene4 .background .bg,.scene5 .background .bg{background:url(./../../img/userguide/bg_step1_4.png) 0 0 no-repeat;background-size:100% auto}
.scene4 .guide_wrap .cont .bubble{left:-31px;bottom:276px;width:223px;height:205px;background:url(./../../img/userguide/img_bubble4.png) 0 0 no-repeat;background-size:223px 205px}
.scene4 .guide_wrap .cont{top:43%;width:270px;margin-left:-134px}
.scene4 .guide_wrap .cont .graph{overflow:hidden;height:260px;margin-top:7px;background:url(./../../img/userguide/img_s4_graph1.png) 0 0 no-repeat;background-size:248px 260px}
.scene5 .guide_wrap .cont .bubble{left:13px;bottom:390px;width:223px;height:120px;background:url(./../../img/userguide/img_bubble5.png) 0 0 no-repeat;background-size:223px 120px}
.scene5 .guide_wrap .cont{top:28%;width:358px;margin-left:-178px}
.scene5 .guide_wrap .cont .graph{overflow:hidden;height:385px;background:url(./../../img/userguide/img_s5_graph.png) 0 0 no-repeat;background-size:358px 385px}
.scene6 .guide_wrap .cont{position:absolute;top:6%;left:50%;width:326px;margin-left:-163px}
.scene6 .guide_wrap .cont .tit{overflow:hidden;margin-top:5px;color:#FFF;font-size:18px;font-weight:700;text-align:center}
.scene6 .guide_wrap .cont .week_wrap{overflow:hidden;position:relative;margin-top:38px}
.scene6 .guide_wrap .cont .date_wrap{position:absolute;left:50%;top:13px;z-index:10;overflow:hidden;width:310px;height:68px;margin-left:-155px;}
.scene6 .guide_wrap .cont .date_wrap .date1{display:none;overflow:hidden;width:310px;height:68px;background:url(../../img/userguide/img_weekly1_1.png) 0 0 no-repeat;background-size:310px 68px}
.scene6 .guide_wrap .cont .date_wrap .date2{display:none;overflow:hidden;width:310px;height:68px;background:url(../../img/userguide/img_weekly1_2.png) 0 0 no-repeat;background-size:310px 68px}
.scene6 .guide_wrap .cont .date_wrap .date3{display:none;overflow:hidden;width:310px;height:68px;background:url(../../img/userguide/img_weekly1_3.png) 0 0 no-repeat;background-size:310px 68px}
.first.scene6 .guide_wrap .cont .date_wrap .date1 {display:block}
.sec.scene6 .guide_wrap .cont .date_wrap .date2 {display:block}
.last.scene6 .guide_wrap .cont .date_wrap .date3 {display:block}
.scene6 .guide_wrap .cont .btn_bx{position:absolute;top:0;left:0;z-index:20;width:100%;height:40px}
.scene6 .guide_wrap .cont .btn_bx .btn_prev{position:absolute;top:0;width:40px;height:40px;right:0;background:url(./../../img/userguide/btn_next_on.png) 0 0 no-repeat;background-size:40px 40px}
.scene6 .guide_wrap .cont .btn_bx .btn_prev.swiper-button-disabled{background:url(./../../img/userguide/btn_next.png) 0 0 no-repeat;background-size:40px 40px}
.scene6 .guide_wrap .cont .btn_bx .btn_next{position:absolute;top:0;width:40px;height:40px;left:0;background:url(./../../img/userguide/btn_prev_on.png) 0 0 no-repeat;background-size:40px 40px}
.scene6 .guide_wrap .cont .btn_bx .btn_next{background:url(./../../img/userguide/btn_prev_on.png) 0 0 no-repeat;background-size:40px 40px}
.scene6 .guide_wrap .cont .btn_bx .btn_next.swiper-button-disabled{background:url(./../../img/userguide/btn_prev.png) 0 0 no-repeat;background-size:40px 40px}
.scene6 .background .bg {display:none}
.scene6 .background .bg1 {background:url(./../../img/userguide/bg_step6_1.png) 0 0 no-repeat;background-size:100% auto}
.scene6 .background .bg2 {background:url(./../../img/userguide/bg_step6_2.png) 0 0 no-repeat;background-size:100% auto}
.scene6 .background .bg3 {background:url(./../../img/userguide/bg_step6_3.png) 0 0 no-repeat;background-size:100% auto}
.first.scene6 .background .bg1 {display:block}
.sec.scene6 .background .bg2 {display:block}
.last.scene6 .background .bg3 {display:block}
.scene6 .guide_wrap .cont .weekly{position:relative;overflow:hidden;width:310px;height:30px;margin:91px 8px 0;z-index:2200}
.scene6 .guide_wrap .cont .weekly .w1{overflow:hidden;width:310px;height:30px;margin:0 auto;background:url(./../../img/userguide/img_weekly1.png) 0 0 no-repeat;background-size:310px 30px}
.scene6 .guide_wrap .cont .weekly .w2{overflow:hidden;width:310px;height:30px;margin:0 auto;background:url(./../../img/userguide/img_weekly2.png) 0 0 no-repeat;background-size:310px 30px}
.scene6 .guide_wrap .cont .weekly .w3{overflow:hidden;width:310px;height:30px;margin:0 auto;background:url(./../../img/userguide/img_weekly3.png) 0 0 no-repeat;background-size:310px 30px}
.scene6 .guide_wrap .cont .weekly.swiper-container{overflow:hidden;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.scene6 .guide_wrap .cont .weekly.swiper-container .swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}
.scene6 .guide_wrap .cont .weekly.swiper-container .swiper-wrapper .swiper-slide{position:relative;overflow:hidden;-webkit-flex-shrink:0;flex-shrink:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.scene6 .guide_wrap .cont .arrow{overflow:hidden;margin:10px 8px 0;height:22px;background:url(./../../img/userguide/img_arrow.png) 0 0 no-repeat;background-size:310px 22px}
.scene6 .guide_wrap .cont .bubble{left:50%;top:217px;width:243px;height:139px;margin-left:-120px;background:url(./../../img/userguide/img_bubble6.png) 0 0 no-repeat;background-size:243px 139px}
.scene7 .guide_wrap .cont{top:0;width:274px;margin:0 0 0 -135px}
.scene7 .guide_wrap .cont .graph{overflow:hidden;height:261px;margin:7px 0 0 -3px}
.scene7 .guide_wrap .cont .pop{position:fixed;display:-webkit-box;left:50%;top:50%;bottom:auto;z-index:10;width:334px;height:493px;margin:-242px 0 0 -165px;text-align:center;-webkit-box-orient:vertical;-webkit-box-pack:center}
.scene7 .guide_wrap .cont .pop img{width:20%;height:auto;vertical-align:middle}
.scene7 .guide_wrap .cont .gra{position:fixed;left:50%;top:50%;z-index:10;width:314px;height:182px;margin:55px 0 0 -157px;background:url(./../../img/userguide/bg_dim_gra.png) 0 0 no-repeat;background-size:314px 182px}
.scene7 .background .bg{background:url(./../../img/userguide/bg_step1_1.png) 0 0 no-repeat;background-size:100% auto}
.scene7_1 .guide_wrap .cont .graph{background:url(./../../img/userguide/img_s7_graph1.png) center center no-repeat;background-size:360px 261px}
.scene7_2 .guide_wrap .cont .graph{background:url(./../../img/userguide/img_s7_graph2.png) center center no-repeat;background-size:360px 261px}
.scene7_3 .guide_wrap .cont .graph{margin:4px 0 0 -3px;background:url(./../../img/userguide/img_s7_graph3.png) center center no-repeat;background-size:360px 261px}
.scene7_3 .guide_wrap .ceremony{position:absolute;top:-460px;left:50%;z-index:2200;width:369px;height:453px;margin-left:-185px;background:url(./../../img/userguide/img_ceremony.png) 0 0 no-repeat;background-size:369px 453px;-webkit-transition:top 1.0s;transition:top 1.0s}
.scene7_3 .guide_wrap .ceremony.on {top:0}
.scene7_3 .guide_wrap .cont .bubble{position:absolute;left:-29px;bottom:62%;z-index:2210;width:223px;height:120px;background:url(./../../img/userguide/img_bubble7_1.png) 0 0 no-repeat;background-size:223px 120px}
.scene7_1 .guide_wrap .cont .txt,.scene7_2 .guide_wrap .cont .txt,.scene7_3 .guide_wrap .cont .txt{margin-top:215px}
.scene7_4 .background .bg{background:url(./../../img/userguide/bg_step7_2.png) 0 0 no-repeat;background-size:100% auto}
.scene7_4 .guide_wrap .cont .bubble{position:fixed;top:77%;left:50%;z-index:20;width:223px;height:120px;margin:-4px 0 0 -152px;background:url(./../../img/userguide/img_bubble7_2.png)0 0 no-repeat;background-size:223px 120px}/* 190604 수정 */
.scene8 .cont{top:50%;width:243px;margin-left:-119px}
.scene8 .cont .point{position:absolute;left:121px;top:4px;width:70px;height:70px}
.scene8 .cont .point.p250{background:url(./../../img/userguide/img_point_250p.png) 0 0 no-repeat;background-size:70px 70px}
.scene8 .cont .point.p300{background:url(./../../img/userguide/img_point_300p.png) 0 0 no-repeat;background-size:70px 70px}
.scene8 .cont .point.p200{background:url(./../../img/userguide/img_point_200p.png) 0 0 no-repeat;background-size:70px 70px}
.scene8 .background .bg{background:url(./../../img/userguide/bg_step7_3.png) 0 0 no-repeat;background-size:100% auto}
.scene8 .guide_wrap .cont .bubble{top:74px;width:243px;height:139px}
.scene8 .guide_wrap .cont .bubble.pit{background:url(./../../img/userguide/img_bubble8_1.png) 0 0 no-repeat;background-size:243px 139px}
.scene8 .guide_wrap .cont .bubble.up{background:url(./../../img/userguide/img_bubble8_2.png) 0 0 no-repeat;background-size:243px 139px}
.scene8 .guide_wrap .cont .bubble.down{background:url(./../../img/userguide/img_bubble8_3.png) 0 0 no-repeat;background-size:243px 139px}
.sh_scene1_1 .guide_wrap .cont{top:30%;width:274px;margin-left:-135px}
.sh_scene1_1 .guide_wrap .cont .ico{margin-top:27px;height:136px;background:url(./../../img/userguide_sh/img_ic.png) center top no-repeat;background-size:118px 136px}
.sh_scene1_1 .guide_wrap .btn_connect{display:block;width:101px;height:36px;margin:19px auto 0;background:url(./../../img/userguide_sh/btn_connect.png) 0 0 no-repeat;background-size:101px 36px;text-indent:-9999px}
.sh_scene1_1 .guide_wrap .cont .bubble{left:50%;top:255px;width:228px;height:120px;margin-left:-116px;background:url(./../../img/userguide_sh/img_bubble1_1.png) 0 0 no-repeat;background-size:228px 120px}
.sh_scene1_1 .background .bg{background:url(./../../img/userguide_sh/bg_step1_1.png) 0 0 no-repeat;background-size:100% auto}
.sh_scene1_2 .background .bg,.sh_scene1_3 .background .bg{background:url(./../../img/userguide_sh/bg_step1_2.png) 0 0 no-repeat;background-size:100% auto}
.sh_scene1_2 .guide_wrap .cont{top:15%;width:314px;margin-left:-157px}
.sh_scene1_2 .guide_wrap .cont .option_bx{height:52px;background:url(./../../img/userguide_sh/img_option_box1.png) 0 0 no-repeat;background-size:314px 52px}
.sh_scene1_2 .guide_wrap .cont .bubble{top:57px;right:0;width:228px;height:120px;background:url(./../../img/userguide_sh/img_bubble1_2.png) 0 0 no-repeat;background-size:228px 120px}
.sh_scene1_3 .guide_wrap .cont{top:61%;width:314px;margin-left:-158px}
.sh_scene1_3 .guide_wrap .cont .option_bx{height:88px;background:url(./../../img/userguide_sh/img_option_box2.png) 0 0 no-repeat;background-size:314px 88px}
.sh_scene1_3 .guide_wrap .cont .bubble{bottom:95px;right:0;width:258px}
.sh_scene1_3 .guide_wrap .cont .bubble.bb1{height:120px;background:url(./../../img/userguide_sh/img_bubble1_3.png) 0 0 no-repeat;background-size:258px 120px}
.sh_scene1_3 .guide_wrap .cont .bubble.bb2{height:138px;background:url(./../../img/userguide_sh/img_bubble1_4.png) 0 0 no-repeat;background-size:258px 138px}
.sh_scene2_1 .guide_wrap .cont{left:50%;top:50%;width:334px;margin:-109px 0 0 -165px}
.sh_scene2_1 .guide_wrap .cont .pop_img{position:absolute;width:100%}
.sh_scene2_1 .guide_wrap .cont .pop_img.p1{height:226px;background:url(./../../img/userguide_sh/img_pop2_1.png) 0 0 no-repeat;background-size:334px 226px}
.sh_scene2_1 .guide_wrap .cont .pop_img.p2{height:251px;margin-top:-12px;background:url(./../../img/userguide_sh/img_pop2_2.png) 0 0 no-repeat;background-size:334px 251px}
.sh_scene2_1 .guide_wrap .cont .bubble{right:12px}
.sh_scene2_1 .guide_wrap .cont .bubble.bb1{width:271px;top:214px;height:120px;background:url(./../../img/userguide_sh/img_bubble2_1.png) 0 0 no-repeat;background-size:271px 120px}
.sh_scene2_1 .guide_wrap .cont .bubble.bb2{width:224px;top:227px;height:137px;background:url(./../../img/userguide_sh/img_bubble2_2.png) 0 0 no-repeat;background-size:224px 137px}
.sh_scene2_1 .background .bg{background:url(./../../img/userguide_sh/bg_step2_1.png) 0 0 no-repeat;background-size:100% auto}
.sh_scene2_2 .guide_wrap .cont{top:37%;width:284px;margin-left:-142px}
.sh_scene2_2 .guide_wrap .cont .bubble{left:-31px;bottom:252px;width:243px;height:139px;background:url(./../../img/userguide_sh/img_s2_txt2_3.png) 0 0 no-repeat;background-size:243px 139px}/* 190604 수정 */
.sh_scene2_2 .guide_wrap .cont .s1_txt{width:284px;height:62px}
.sh_scene2_2 .guide_wrap .cont .count{overflow:hidden;margin-top:7px;padding:0 0 0 7px}
.sh_scene2_2 .guide_wrap .walk_graph .man{position:absolute;left:0;bottom:0px;width:80px;height:80px;background:url(./../../img/userguide/img_walk_illust_tally.png) 0 0 no-repeat;background-size:80px 80px}/* 200122 수정 */
.sh_scene2_2 .guide_wrap .walk_graph .goal{left:167px}
.sh_scene2_2 .guide_wrap .walk_graph .graph_bx{left:13px}
.sh_scene2_2 .guide_wrap .walk_graph{margin-top:50px}/* 190604 수정 */
.sh_scene2_2 .background .bg{background:url(./../../img/userguide_sh/bg_step2_2.png) 0 0 no-repeat;background-size:100% auto}

/* 200123 추가 시작 */
.ap_scene1_1 .cont_app{position:absolute;left:0;top:31%;right:0}
.ap_scene1_1 .cont_app .ico{overflow:hidden;height:81px;background:url(./../../img/userguide_ap/img_app.png) center top no-repeat;background-size:81px 81px;font-size:0;text-indent:-9999px}
.ap_scene1_1 .cont_app .bubble{position:absolute;left:50%;top:86px;width:269px;height:122px;margin-left:-145px;background:url(./../../img/userguide_ap/img_bubble1_1.png) center top no-repeat;background-size:269px 122px;font-size:0;text-indent:-9999px}
.ap_scene1_1 .background .bg{background:url(./../../img/userguide_ap/bg_step1_1.png) center top no-repeat;background-size:cover}

.ap_scene1_2 .cont_btm{position:absolute;left:50%;bottom:-3px;width:85px;height:81px}
.ap_scene1_2 .cont_btm .ico{height:81px;background:url(./../../img/userguide_ap/img_menu1.png) right center no-repeat;background-size:81px 81px;font-size:0;text-indent:-9999px}
.ap_scene1_2 .cont_btm .bubble{position:absolute;right:0;bottom:88px;width:269px;height:139px;margin-right:-38px;background:url(./../../img/userguide_ap/img_bubble1_2.png) 0 0 no-repeat;background-size:269px 139px;font-size:0;text-indent:-9999px}
.ap_scene1_2 .background .bg_top{height:100%;background:#fff url(./../../img/userguide_ap/bg_step1_top1.png) 0 0 no-repeat;background-size:100% auto}
.ap_scene1_2 .background .bg_bottom{overflow:hidden;position:fixed;left:0;right:0;bottom:0}

.ap_scene1_3 .cont_app{position:absolute;left:0;top:39vw;right:0}
.ap_scene1_3 .cont_app .img{overflow:hidden}
.ap_scene1_3 .cont_app .bubble{position:absolute;left:50%;margin:5px 0 0 -103px;width:258px;height:124px;background:url(./../../img/userguide_ap/img_bubble1_3.png) no-repeat 0 0;background-size:258px 124px;font-size:0;text-indent:-9999px}
.ap_scene1_3 .background .bg_top{height:100%;background:#efeff4 url(./../../img/userguide_ap/bg_step1_top2.png) 0 0 no-repeat;background-size:100% auto}
.ap_scene1_3 .background .bg_bottom{overflow:hidden;position:fixed;left:0;right:0;bottom:0}

.ap_scene1_4 .cont_set{position:absolute;top:76vw;left:0;width:100%}
.ap_scene1_4 .cont_set .img{overflow:hidden}
.ap_scene1_4 .cont_set .bubble{position:absolute;left:50%;bottom:61vw;width:258px;height:164px;margin-left:-103px;background:url(./../../img/userguide_ap/img_bubble1_4.png) no-repeat 0 0;background-size:258px 164px;font-size:0;text-indent:-9999px}
.ap_scene1_4 .background .bg{background:#f2f2f7 url(./../../img/userguide_ap/bg_step1_4.png) 0 0 no-repeat;background-size:100% auto}

.ap_scene2_1 .cont_msg{position:absolute;left:0;top:50%;width:100%;margin-top:-44px}
.ap_scene2_1 .cont_msg .bubble{width:100%;height:88px;background:url(./../../img/userguide_ap/img_bubble2_1.png) center top no-repeat;background-size:258px 88px;font-size:0;text-indent:-9999px}
.ap_scene2_1 .background .bg{background:url(./../../img/userguide_ap/bg_step2_1.png) 0 0 no-repeat;background-size:100% auto}

.ap_scene2_2 .cont_btm{position:absolute;left:50%;bottom:-3px;width:81px;height:81px;margin-left:83px}
.ap_scene2_2 .cont_btm .ico{height:81px;background:url(./../../img/userguide_ap/img_menu2.png) 0 0 no-repeat;background-size:81px 81px;font-size:0;text-indent:-9999px}
.ap_scene2_2 .cont_btm .bubble{position:absolute;right:0;bottom:88px;width:269px;height:122px;margin-right:9px;background:url(./../../img/userguide_ap/img_bubble2_2.png) 0 0 no-repeat;background-size:269px 122px;font-size:0;text-indent:-9999px}
.ap_scene2_2 .background .bg_top{height:100%;background:#fff url(./../../img/userguide_ap/bg_step2_top1.png) 0 0 no-repeat;background-size:100% auto}
.ap_scene2_2 .background .bg_bottom{position:fixed;left:0;right:0;bottom:0}

.ap_scene2_3 .cont_set{position:absolute;left:0;top:42vw;right:0}
.ap_scene2_3 .cont_set .bubble{position:absolute;right:27px;margin:5px 0 0 0;width:258px;height:160px;background:url(./../../img/userguide_ap/img_bubble2_3.png) no-repeat 0 0;background-size:258px 160px;font-size:0;text-indent:-9999px}
.ap_scene2_3 .background .bg{background:#fff url(./../../img/userguide_ap/bg_step2_3.png) center top no-repeat;background-size:100% auto}

.ap_scene2_4 .cont_set{position:absolute;left:0;top:67vw;right:0}
.ap_scene2_4 .cont_set .bubble{position:absolute;left:50%;margin:5px 0 0 -103px;width:258px;height:179px;background:url(./../../img/userguide_ap/img_bubble2_4.png) no-repeat 0 0;background-size:258px 179px;font-size:0;text-indent:-9999px}
.ap_scene2_4 .background .bg{background:#fff url(./../../img/userguide_ap/bg_step2_4.png) center top no-repeat;background-size:100% auto}
/* 200123 추가 끝 */



/* 190530 추가 */
/* 가로 320px 해상도 이하의 디바이스 대응을 위한 미디어 쿼리 */
@media screen and (max-width:320px) { /* 190604 수정(max-width값 수정) */
.user_guide.intro .guide_wrap .cont{top:12%}
.scene1 .guide_wrap .cont{top:31%}
.scene1_2 .guide_wrap .cont .bubble{right:-13px;bottom:293px}
.scene1_2 .guide_wrap .cont .graph1{margin-top:-5px}
.scene2 .guide_wrap .cont{top:32%}
.scene2 .guide_wrap .cont .bubble{left:0;bottom:253px}
.scene3_1 .guide_wrap .cont{top:30%}
.scene3_1 .guide_wrap .cont .bubble{left:-22px;bottom:309px}
.scene3_2 .guide_wrap .cont, .scene3_3 .guide_wrap .cont{top:33%}
.scene3_3 .guide_wrap .cont .bubble{left:-15px;bottom:251px}
.scene4 .guide_wrap .cont{top:42%}
.scene4 .guide_wrap .cont .bubble{left:-13px;bottom:266px}
.scene5 .guide_wrap .cont .bubble{left:29px}
.scene5 .guide_wrap .cont .graph{background-position:center 0;background-size:315px 338px}
.scene6 .guide_wrap .cont{width:300px;margin-left:-150px}
.scene6 .guide_wrap .cont .btn_bx .btn_prev{right:-8px}
.scene6 .guide_wrap .cont .btn_bx .btn_next{left:-8px}
.scene6 .guide_wrap .cont .date_wrap{width:300px;margin-left:-150px}
.scene6 .guide_wrap .cont .date_wrap .date1{width:300px;height:65px;background-size:300px 65px}
.scene6 .guide_wrap .cont .date_wrap .date2{width:300px;height:65px;background-size:300px 65px}
.scene6 .guide_wrap .cont .date_wrap .date3{width:300px;height:65px;background-size:300px 65px}
.scene6 .guide_wrap .cont .weekly{width:300px;height:29px;margin:91px 0 0}
.scene6 .guide_wrap .cont .weekly .w1{width:300px;height:29px;background-size:300px 29px}
.scene6 .guide_wrap .cont .weekly .w2{width:300px;height:29px;background-size:300px 29px}
.scene6 .guide_wrap .cont .weekly .w3{width:300px;height:29px;background-size:300px 29px}
.scene6 .guide_wrap .cont .arrow{height:21px;margin:10px 0;background-size:300px 21px}
.scene7 .guide_wrap .cont .graph{margin:4px 0 0 -3px}
.scene7 .guide_wrap .cont .pop{width:300px;height:443px;margin:-242px 0 0 -150px}
.scene7 .guide_wrap .cont .gra{width:282px;height:163px;margin:26px 0 0 -143px;background-size:282px 163px}
.scene7_1 .guide_wrap .cont .txt, .scene7_2 .guide_wrap .cont .txt, .scene7_3 .guide_wrap .cont .txt{margin-top:180px}
.scene7_3 .guide_wrap .cont .bubble{left:-9px;bottom:64%}
.scene7_3 .guide_wrap .ceremony{margin-left:-170px}
.scene7_3 .guide_wrap .cont .graph{margin:0 0 0 -3px}
.scene7_4 .guide_wrap .cont .bubble{top:73%;margin:-4px 0 0 -143px}
.sh_scene1_2 .guide_wrap .cont{width:300px;margin-left:-150px}
.sh_scene1_2 .guide_wrap .cont .option_bx{height:50px;background-size:300px 50px}
.sh_scene1_3 .guide_wrap .cont{width:300px;margin-left:-150px}
.sh_scene1_3 .guide_wrap .cont .option_bx{background-size:300px 84px}
.sh_scene2_1 .guide_wrap .cont .pop_img.p1{height:203px;background-position:center 0;background-size:300px 203px}
.sh_scene2_1 .guide_wrap .cont .pop_img.p2{height:225px;margin-top:0;background-position:center 0;background-size:300px 225px}
.sh_scene2_1 .guide_wrap .cont .bubble{right:27px}
.sh_scene2_1 .guide_wrap .cont .bubble.bb1{top:192px}
.sh_scene2_1 .guide_wrap .cont .bubble.bb2{top:214px}
.sh_scene2_2 .guide_wrap .cont{top:34%}
.sh_scene2_2 .guide_wrap .cont .bubble{left:-15px;bottom:237px}/* 190604 수정 */
.sh_scene2_2 .guide_wrap .walk_graph{margin-top:40px}/* 190604 추가 */
.user_guide.finish .guide_wrap .cont{top:11%}
.ap_scene2_2 .cont_btm{margin-left:65px}/* 200123 추가 */
.ap_scene2_3 .cont_set .bubble{margin:5px 0 0 -118px}/* 200123 추가 */
.ap_scene2_4 .cont_set .bubble{margin:5px 0 0 -124px}/* 200123 추가 */
}
/* //190530 추가 */