/* 헤더 exp */
#hd_exp_container{position:relative;background-color:#fff;/* height:66px;overflow:hidden; */z-index:20;}
/* .hd_has_exp_area.active #hd_exp_container{min-height:52px;overflow:visible;} */
#hd_exp_container .hd_exp_area_bg_box{/* display:none; */position:absolute;top:0;left:0;right:0;width:100%;overflow:hidden;background-color:#eee;}
#hd_exp_container .hd_exp_area_bg{position:relative;max-width:1220px;height:100%;margin:0 auto;}
#hd_exp_container .hd_exp_area{position:relative;z-index:2;}
#hd_exp_container .hd_exp_content{/* display:none; */position:relative;}
/* .hd_has_exp_area.active #hd_exp_container .hd_exp_content, .hd_has_exp_area.active #hd_exp_container .hd_exp_area_bg_box{display:block;} */
#hd_exp_container .user_exp_progress{position:relative;width:100%;overflow:hidden;}
#hd_exp_container .user_exp_progress_cont{position:relative;}
#hd_exp_container .user_exp_progress .prog_bar{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.7s ease-in-out;-webkit-transition:transform 0.7s ease-in-out;transition:-webkit-transform 0.7s cubic-bezier(0.17, 0.74, 0.3, 1.1);transition:transform 0.7s cubic-bezier(0, 0, 0.2, 1);}
#hd_exp_container #user_exp_prog_exp .prog_bar{background-color:#ffca67;}
#hd_exp_container #user_exp_prog_level .prog_bar{background-color:#ef3252;}
#hd_exp_container .exp_lv_prog_txt1{position:relative;}
#hd_exp_container .exp_lv_prog_txt1 dl{position:relative;padding-left:30px;overflow:hidden;cursor:pointer;}
#hd_exp_container .exp_lv_prog_txt1 .exp_prog_txt{display:none;}
#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir{position:absolute;top:50%;left:0;width:18px;height:10px;margin-top:-4px;-webkit-animation:slide-direction-down 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;animation:slide-direction-down 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;}
#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir{margin-top:-5px;-webkit-animation:slide-direction-up 0.4s  cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;animation:slide-direction-up 0.4s  cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;}
#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:before, #hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:after{content:"";display:block;position:absolute;bottom:0;width:12px;height:2px;background-color:#707070;}
#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:before, #hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:after{bottom:auto;top:0;}
#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:before{left:0;-webkit-transform-origin:right bottom;transform-origin:right top;-webkit-transform:rotate(40deg);transform:rotate(40deg);margin-left:-2px;}
#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);margin-left:-3.5px;}
#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:after{right:0;-webkit-transform-origin:left bottom;transform-origin:left top;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);margin-right:-2px;}
#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);margin-right:-3.5px;}
#hd_exp_container .exp_lv_prog_txt1 dt, #hd_exp_container .exp_lv_prog_txt1 dd{display:inline-block;}
#hd_exp_container .exp_lv_prog_txt1 dd.prog_dir{font-size:0;}
#hd_exp_container .exp_lv_prog_txt1 dd b{position:relative;display:inline-block;border-radius:100%;}
#hd_exp_container .lv_prog_txt dd b:before{content:"";display:block;position:absolute;top:50%;left:50%;width:-webkit-calc(100% + 6px);width:-moz-calc(100% + 6px);width:calc(100% + 6px);height:-webkit-calc(100% + 6px);height:-moz-calc(100% + 6px);height:calc(100% + 6px);border-radius:100%;z-index:-1;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#hd_exp_container .exp_lv_prog_txt1 dt em{font-size:0.9em;}
#hd_exp_container .exp_lv_prog_txt2{position:relative;}
#hd_exp_container .rolling_txt_cont{text-align:right;}
#hd_exp_container .rolling_txt_cont a{position:relative;display:inline-block;max-width:100%;color:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#hd_exp_container .rolling_txt_cont .rolling_txt_st, #hd_exp_container .rolling_txt_cont .rolling_txt_ab{max-width:100%;}
/* #hd_exp_container .rolling_txt_cont .rolling_txt_st{display:inline-block;} */
#hd_exp_container .rolling_txt_cont .rolling_txt_ab{position:absolute;top:0;left:0;display:inline-block;width:0;max-width:100%;color:#a45500;text-shadow:0 0 2px rgba(255, 201, 103, 0.47);overflow:hidden;}
#hd_exp_container .txt_nvpass{position:relative;font-size:0.8em;font-weight:300;letter-spacing:0;margin:0 5px;}
#hd_exp_container .rolling_txt_ab .txt_nvpass{color:#fff;text-shadow:0 0 3px rgba(0, 0, 0, 0.5);}
#hd_exp_container .txt_nvpass::before{content:"";display:inline-block;position:absolute;top:-1px;left:-2px;right:-2px;bottom:-1px;background-color:#9fcd47;border-radius:3px;z-index:-1;}
#hd_exp_container .rolling_txt_st .txt_nvpass::before{background-color:#e1e1e1;}
#hd_exp_container .swiper-slide-active .rolling_txt_ab{-webkit-animation:txt-zero-to-full 1s linear forwards;animation:txt-zero-to-full 1s linear forwards;-webkit-animation-delay:0.3s;animation-delay:0.3s;}
#hd_exp_container .hd_exp_content .btn_close{display:block;position:absolute;top:50%;right:0;}
#hd_exp_container .hd_exp_content .btn_close:before, #hd_exp_container .hd_exp_content .btn_close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#707070;margin:-1px 0 0 -10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#hd_exp_container .hd_exp_content .btn_close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#hd_exp_container .rolling_txt_extend{display:none;position:absolute;top:100%;right:0;width:max-content;max-width:250px;min-width:100px;padding:10px 15px;line-height:1.5;background-color:#fff;border-radius:5px;border:1px solid #ddd;font-size:14px;z-index:50;margin-top:-2px;}
#hd_exp_container .rolling_txt_extend:before{content:"";display:block;position:absolute;bottom:100%;right:50%;width:12px;height:12px;background-color:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:0 -20px -6px 0;}
#hd_exp_container .rolling_txt_extend p{word-break:break-all;}
#hd_exp_container .rolling_txt_extend .btn_ext_close{position:absolute;top:0;right:0;display:block;width:20px;height:20px;border:1px solid #ddd;border-radius:100%;background-color:#fff;margin:-7px -7px 0 0;}
#hd_exp_container .rolling_txt_extend .btn_ext_close:before, #hd_exp_container .rolling_txt_extend .btn_ext_close:after{content:"";display:block;position:absolute;top:50%;left:50%;width:12px;height:1px;background-color:#707070;margin:0 0 0 -6px;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);}
#hd_exp_container .rolling_txt_extend .btn_ext_close:after{-webkit-transform:translateY(-50%) rotate(-45deg);-moz-transform:translateY(-50%) rotate(-45deg);-o-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);}
/* #hd_exp_container .btn_hd_exp_open{display:block;position:absolute;top:0;left:0;right:0;width:24px;height:24px;border:1px solid #801414;border-radius:100%;background-color:rgba(241, 241, 241, 0.7);z-index:20;opacity:0.3;transform:translateY(-100%) scale(0.2);transition-property:transform, opacity;transition-duration:0.5s;transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);margin:-8px auto 0;} */
#hd_exp_container .btn_hd_exp_open{display:block;position:absolute;top:0;left:0;right:0;width:22%;min-width:100px;height:18px;border:1px solid #e1e1e1;border-radius:0 0 10px 10px;background-color:rgba(255, 255, 255, 0.8);z-index:20;opacity:0.3;-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px rgba(0, 0, 0, 0.1);-webkit-transform:translateY(-100%) scale(0.2);transform:translateY(-100%) scale(0.2);-webkit-transition-property:-webkit-transform, opacity;-webkit-transition-property:transform, opacity;transition-property:-webkit-transform, opacity;transition-property:transform, opacity;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);transition-timing-function:cubic-bezier(0.18, 0.89, 0.32, 1.28);margin:-7px auto 0;}
.hd_has_exp_area.active #hd_exp_container .btn_hd_exp_open{display:none;}
/* #hd_exp_container .btn_hd_exp_open:before{content:"";display:block;position:absolute;top:4px;left:0;right:0;bottom:0;width:8px;height:8px;background-color:#bb1515;border-radius:100%;margin:auto;} */
#hd_exp_container .btn_hd_exp_open.slide-down{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);}
#hd_exp_container .mission_reward{margin-left:13px;}
#hd_exp_container .mission_reward a{float:left;display:block;width:100px;height:30px;line-height:30px;border-radius:3px;font-size:14px;color:#fff;color:#a45500;text-align:center;margin-top:7px;}
#hd_exp_container .mission_reward a ~ a{margin-left:7px;}
#hd_exp_container .mission_reward .btn_exp_mission{/* background:#d83e36;background:-webkit-linear-gradient(top, #ea907c, #e05d43 3px, #da483b, #d42f31 74%);background:linear-gradient(to bottom, #ea907c, #e05d43 3px, #da483b, #d42f31 74%);box-shadow:inset 0 -2px 3px #ae1b25, inset 0 -2px 3px #ae1b25, inset 0 2px 3px #e9907d; */background:#ffd995;}
#hd_exp_container .mission_reward .btn_exp_reward{/* background:#a6a6a6;-webkit-box-shadow:inset 0 -4px 4px #b2b2b2;box-shadow:inset 0 -4px 4px #b2b2b2; */background:#ffc967;}
/* 보상 알림 팝업 */
.hd_exp_levelup_noti, .hd_exp_levelup_ly, .hd_exp_mss_rewd_ly{position:absolute;top:100%;left:0;z-index:20;margin-top:2px;}
.hd_exp_levelup_ly, .hd_exp_mss_rewd_ly{-webkit-transition:margin 0.7s cubic-bezier(0, 0, 0.2, 1);transition:margin 0.7s cubic-bezier(0, 0, 0.2, 1);}
.hd_exp_levelup_noti a, .hd_exp_levelup_ly a, .hd_exp_mss_rewd_ly a{display:block;}
.hd_exp_levelup_noti img, .hd_exp_levelup_ly img{display:block;max-width:100%;}
.hd_exp_levelup_noti{top:50%;right:auto;left:0;width:141px;margin-left:30px;transform:translateY(-54%);}
.hd_exp_levelup_noti + .lv_prog_txt dd:not(.prog_dir), .hd_exp_levelup_noti + .lv_prog_txt dt{visibility:hidden;opacity:0;}
.hd_exp_levelup_noti + .lv_prog_txt .prog_dir{width:140px;}
.hd_exp_levelup_ly{width:141px;transform:translateX(-27px);}
.hd_has_exp_area.active .hd_exp_levelup_ly{display:none;}
.hd_exp_levelup_noti .lvup_giftbox_img, .hd_exp_levelup_ly .lvup_giftbox_img{position:absolute;top:50%;right:0;width:20px;margin:-10px 11px 0 0;}
.hd_exp_levelup_noti .lvup_giftbox_img.animate, .hd_exp_levelup_ly .lvup_giftbox_img.animate{animation:shake-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms both 2;}
.hd_exp_levelup_noti .lvup_giftbox_img{margin-top:-12px;}
.hd_exp_mss_rewd_ly{width:32px;transform:translateX(-16px);}
.hd_exp_mss_rewd_ly img{display:block;height:37px;margin:0 auto;}
.hd_exp_mss_rewd_ly .rewd_leng{position:absolute;top:0;left:0;padding:0 4px;min-width:14px;line-height:14px;border-radius:14px;background-color:#122c97;font-size:10px;font-weight:300;color:#fff;text-align:center;white-space:nowrap;letter-spacing:0;margin:3px 0 0 -3px;}
.hd_exp_levelup_ly .btn_hd_levelup_ly_close, .hd_exp_mss_rewd_ly .btn_hd_mss_rewd_hide, .hd_exp_levelup_noti .btn_hd_levelup_noti_close{position:absolute;top:0;right:0;width:19px;height:19px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url("https://cdn.metoon.co.kr/img/menv/ico_btn_x_bolder_brown.png?1");background-size:8px;border:1px solid #eacd86;z-index:10;margin:4px -5px 0 0;}
.hd_exp_levelup_noti .btn_hd_levelup_noti_close{margin-top:-1px;}
.hd_exp_mss_rewd_ly .btn_hd_mss_rewd_hide{top:0;width:16px;height:16px;border-color:#addde7;background-size:7.5px;margin:2px -5px 0 0;}

/* 헤더 exp - 백그라운드 애니메이션 */
#hd_exp_container .hd_exp_area_bg .bubble{position:absolute;bottom:0;left:316px;width:30px;height:30px;border-radius:100%;background-color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);}
#hd_exp_container .hd_exp_area_bg .bubble1{-webkit-animation:bubble-up 7s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-in-out infinite alternate;animation:bubble-up 6s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-in-out infinite alternate;}
#hd_exp_container .hd_exp_area_bg .bubble2{left:357px;-webkit-animation:bubble-up 3s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite alternate;animation:bubble-up 3s ease-in infinite, bubble-sideway 1.5s ease-in infinite alternate;opacity:0.7;-webkit-animation-delay:0.2s;animation-delay:0.2s;width:25px;height:25px;}
#hd_exp_container .hd_exp_area_bg .bubble3{left:352px;-webkit-animation:bubble-down-up 4s ease infinite, bubble-sideway-amp 4s ease-in infinite alternate;animation:bubble-down-up 4s ease infinite, bubble-sideway-amp 4s ease-in infinite alternate;}
#hd_exp_container .hd_exp_area_bg .bubble4{left:236px;left:214px;-webkit-animation:bubble-up 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite, bubble-sideway 2s ease-out infinite alternate;animation:bubble-up 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite, bubble-sideway 2s ease-out infinite alternate;opacity:0.4;-webkit-animation-delay:0.4s;animation-delay:0.4s;}
#hd_exp_container .hd_exp_area_bg .bubble5{left:193px;-webkit-animation:bubble-up 6s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 1.2s ease-in infinite alternate;animation:bubble-up 7s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 1.2s ease-in infinite alternate;opacity:0.4;-webkit-animation-delay:0.27s;animation-delay:0.27s;}
#hd_exp_container .hd_exp_area_bg .bubble6{left:277px;-webkit-animation:bubble-up 4s cubic-bezier(0.4, 0, 1, 1) infinite, bubble-sideway 2s ease-out infinite alternate;animation:bubble-up 4s cubic-bezier(0.4, 0, 1, 1) infinite, bubble-sideway 2s ease-out infinite alternate;width:25px;height:25px;}
#hd_exp_container .hd_exp_area_bg .bubble7{left:340px;-webkit-animation:bubble-up 6s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3.5s ease-out infinite alternate;animation:bubble-up 5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-out infinite alternate;opacity:0.8;width:25px;height:25px;}
#hd_exp_container .hd_exp_area_bg .bubble2-1{left:291px;-webkit-animation:bubble-up 6s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3.5s ease-out infinite alternate;animation:bubble-up 5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-out infinite alternate;opacity:0.8;-webkit-animation-delay:2.5s;animation-delay:1.5s;width:25px;height:25px;}
#hd_exp_container .hd_exp_area_bg .bubble2-2{left:370px;-webkit-animation:bubble-up 4s cubic-bezier(0.4, 0, 1, 1) infinite, bubble-sideway 2s ease-out infinite alternate;animation:bubble-up 4s cubic-bezier(0.4, 0, 1, 1) infinite, bubble-sideway 2s ease-out infinite alternate;-webkit-animation-delay:2.3s;animation-delay:1.3s;}
#hd_exp_container .hd_exp_area_bg .bubble2-3{left:387px;-webkit-animation:bubble-up 7s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 1.2s ease-in infinite alternate;animation:bubble-up 7s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 1.2s ease-in infinite alternate;opacity:0.4;-webkit-animation-delay:2.7s;animation-delay:1.7s;}
#hd_exp_container .hd_exp_area_bg .bubble2-4{left:272px;-webkit-animation:bubble-up 5s cubic-bezier(0.39, 0.58, 0.57, 1) infinite, bubble-sideway 2s ease-out infinite alternate;animation:bubble-up 4s cubic-bezier(0.39, 0.58, 0.57, 1) infinite, bubble-sideway 1.7s ease-out infinite alternate;opacity:0.4;-webkit-animation-delay:1.8s;animation-delay:2s;width:25px;height:25px;}
#hd_exp_container .hd_exp_area_bg .bubble2-5{left:214px;-webkit-animation:bubble-down-up 4s ease infinite, bubble-sideway-amp 4s ease-in infinite alternate;animation:bubble-up 4s cubic-bezier(0.39, 0.58, 0.57, 1) infinite, bubble-sideway 1s cubic-bezier(0.39, 0.58, 0.57, 1) infinite alternate;-webkit-animation-delay:2s;animation-delay:2.1s;}
#hd_exp_container .hd_exp_area_bg .bubble2-6{left:231px;-webkit-animation:bubble-up 3s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-in infinite alternate;animation:bubble-up 3s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-in infinite alternate;opacity:0.7;-webkit-animation-delay:2.3s;animation-delay:1.3s;}
#hd_exp_container .hd_exp_area_bg .bubble2-7{left:174px;-webkit-animation:bubble-up 7s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 3s ease-in-out infinite alternate;animation:bubble-up 6s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite, bubble-sideway 2.5s ease-in-out infinite alternate;-webkit-animation-delay:2.1s;animation-delay:1.1s;}

@media all and (min-width:1000px){
	/* 헤더 exp */
	#menv_header .hd_container{height:60px;}
	/* #menv_header.hd_has_exp_area{height:89px;} */
	.hd_has_exp_area.closed ~ #menv_cont_wrap{padding-top:69px;}
	.main_header.closed ~ #menv_cont_wrap{padding-top:8px;}
	/* #menv_header.hd_has_exp_area.active{height:133px;} */
	.hd_has_exp_area ~ #menv_cont_wrap{padding-top:113px}
	.main_header ~ #menv_cont_wrap{padding-top:52px;}
	#hd_exp_container .hd_exp_area_bg_box{padding:0 20px;height:44px;margin-top:4px;}
	#hd_exp_container .user_exp_progress{height:4px;}
	#hd_exp_container .user_exp_progress:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#hd_exp_container .hd_exp_content{max-width:1220px;padding:0 66px 0 20px;margin:0 auto;}
	#hd_exp_container .hd_exp_con_tb{display:table;table-layout:fixed;width:100%;height:44px;}
	#hd_exp_container .hd_exp_con_tb .hd_exp_item{display:table-cell;vertical-align:middle;/* overflow:hidden; */}
	#hd_exp_container .exp_lv_prog_txt1{width:230px;width:280px;}
	#hd_exp_container .exp_lv_prog_txt1 dl{height:44px;line-height:44px;}
	#hd_exp_container .exp_prog_txt dd:not(.prog_dir){margin-top:-2px;}
	#hd_exp_container .lv_prog_txt dd:not(.prog_dir){margin-top:0;margin-left:3px;}
	#hd_exp_container .exp_lv_prog_txt1 dd b{font-size:24px;}
	#hd_exp_container .exp_prog_txt dd{color:#ee3452;}
	#hd_exp_container .lv_prog_txt dd b{width:32px;height:32px;line-height:32px;font-size:20px;font-weight:700;color:#fff;text-align:center;background-color:#81797e;text-shadow:2px 2px 2px #666666, -2px -2px 2px #666666, -2px 2px 2px #666666, 2px -2px 2px #666666;}
	#hd_exp_container .lv_prog_txt dd b:before{background-color:#b8b8b8;-webkit-box-shadow:0 0 0 2px #d1d1d1;box-shadow:0 0 0 2px #d1d1d1;}
	#hd_exp_container .exp_lv_prog_txt1 dt{padding-left:5px;font-size:20px;}
	#hd_exp_container .lv_prog_txt dt{margin-left:2px;}
	#hd_exp_container .rolling_txt_extend{margin-right:220px;}
	#hd_exp_container .rolling_txt_cont, #hd_exp_container .mission_reward{float:left;}
	#hd_exp_container .rolling_txt_cont{width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px);width:calc(100% - 220px);height:44px;line-height:44px;font-size:14px;color:#707070;overflow:hidden;}
	#hd_exp_container .hd_exp_content .btn_close{width:16px;height:16px;margin-top:-8px;margin-right:20px;}
}

@media all and (max-width:999px){
	/* 헤더 exp */
	#hd_exp_container{position:relative;background-color:#eee;}
	/* #menv_header.hd_has_exp_area.active #hd_exp_container{min-height:48px;} */
	#hd_exp_container .hd_exp_area_bg_box{height:42px;background-color:#f6795c;background:-webkit-linear-gradient(left, #ffcb67, #ef3252);background:linear-gradient(to right, #ffcb67, #ef3252);margin-top:3px;}
	#hd_exp_container .user_exp_progress{height:3px;background-color:#eee;}
	.hd_has_exp_area.active #hd_exp_container #user_exp_prog_exp{margin-top:1px;}
	.hd_has_exp_area.active #hd_exp_container #user_exp_prog_level{margin-bottom:1px;}
	#hd_exp_container #user_exp_prog_exp .prog_bar{background:#1a1e5d;background:-webkit-linear-gradient(left, #1a1e5d, #122d98);background:linear-gradient(to right, #1a1e5d, #122d98);}
	#hd_exp_container #user_exp_prog_level .prog_bar{background:#fa9b01;background:-webkit-linear-gradient(left, #fa9b01 60%, #efc710);background:linear-gradient(to right, #fa9b01 60%, #efc710);}
	#hd_exp_container .hd_exp_content{padding:0 33px 0 12px;}
	#hd_exp_container .hd_exp_con_tb{height:40px;line-height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
	#hd_exp_container .exp_lv_prog_txt2{/* padding-left:15px;-webkit-flex:1 1 175px;flex:1 1 175px; */padding-right:7px;max-width:55%;min-width:0;}
	#hd_exp_container .exp_lv_prog_txt1{font-size:14px;white-space:nowrap;-webkit-flex:1;flex:1 1 175px;flex:1;}
	#hd_exp_container .exp_lv_prog_txt1 dl{padding-left:20px;padding-right:10px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 1px rgba(0, 0, 0, 0.5);}
	#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir{width:14px;height:7px;margin-top:-3px;}
	#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir{margin-top:-3px;}
	#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:before, #hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:after{width:8px;height:1px;background-color:#fff;}
	#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:before, #hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:before{margin-left:-1px;}
	#hd_exp_container .exp_lv_prog_txt1 dl .prog_dir:after{margin-right:0;}
	#hd_exp_container .exp_lv_prog_txt1 .lv_prog_txt .prog_dir:after{margin-right:-1px;}
	#hd_exp_container .exp_lv_prog_txt1 dd, #hd_exp_container .exp_lv_prog_txt1 dt em{font-weight:400;}
	#hd_exp_container .exp_lv_prog_txt1 dd, #hd_exp_container .exp_lv_prog_txt1 dt em{font-size:0.857em;}
	#hd_exp_container .exp_lv_prog_txt1 dd b{font-size:14px;}
	#hd_exp_container .exp_prog_txt dd b{padding-right:1px;text-shadow:1px 1px 1px #dd7300, -1px -1px 1px #dd7300, -1px 1px 1px #dd7300, 1px -1px 1px #dd7300;}
	#hd_exp_container .lv_prog_txt dd b{width:26px;height:26px;line-height:26px;background-color:#e9973e;text-shadow:1px 1px 1px #dd7300, -1px -1px 1px #dd7300, -1px 1px 1px #dd7300, 1px -1px 1px #dd7300;text-align:center;}
	#hd_exp_container .lv_prog_txt dd b:before{width:-webkit-calc(100% + 2px);width:-moz-calc(100% + 2px);width:calc(100% + 2px);height:-webkit-calc(100% + 2px);height:-moz-calc(100% + 2px);height:calc(100% + 2px);background-color:#f3d161;box-shadow:2px 2px 2px #f1dd9e, -2px -2px 2px #f1dd9e, -2px 2px 2px #f1dd9e, 2px -2px 2px #f1dd9e;}
	#hd_exp_container .exp_lv_prog_txt1 dt, #hd_exp_container .lv_prog_txt dt{text-shadow:0 0 3px rgba(0, 0, 0, 0.5);}
	#hd_exp_container .exp_lv_prog_txt1 dt{padding-left:1px;}
	#hd_exp_container .lv_prog_txt dt{margin-left:3px;}
	#hd_exp_container .exp_lv_prog_txt2.mission_show .rolling_txt_cont, #hd_exp_container .exp_lv_prog_txt2:not(.mission_show) .mission_reward{display:none;}
	#hd_exp_container .rolling_txt_cont{height:40px;}
	#hd_exp_container .rolling_txt_cont a{font-size:12px;}
	#hd_exp_container .rolling_txt_cont .rolling_txt_ab{color:#fff;text-shadow:0 0 2px rgba(0, 0, 0, 0.25);}
	#hd_exp_container .txt_nvpass{font-size:10px;font-weight:400;}
	#hd_exp_container .rolling_txt_ab .txt_nvpass{text-shadow:-1px 0 rgb(0 0 0 / 18%), 0 -1px rgb(0 0 0 / 18%), 0 1px rgb(0 0 0 / 18%), 1px 0 rgb(0 0 0 / 18%);}
	#hd_exp_container .rolling_txt_st .txt_nvpass::before{background-color:#ddd;}
	#hd_exp_container .hd_exp_content .btn_close{width:16px;height:16px;margin:-8px 12px 0 0;}
	#hd_exp_container .hd_exp_content .btn_close:before, #hd_exp_container .hd_exp_content .btn_close:after{width:14px;background-color:#2d1d1f;margin-left:-7px;}
	#hd_exp_container .btn_hd_exp_open{background-color:rgba(255, 255, 255, 0.7);}
	#hd_exp_container .mission_reward a{width:52px;height:22px;line-height:22px;font-size:10px;margin-top:0;}
	#hd_exp_container .mission_reward a ~ a{margin-left:5px;}
	/* 보상 알림 팝업 */
	.hd_exp_levelup_noti{max-width:calc(100% - 30px);margin-left:20px;}
	.hd_exp_levelup_noti .lvup_giftbox_img{width:14.184%;margin:-8.51% 7.801% 0 0;}
	.hd_exp_levelup_noti .btn_hd_levelup_noti_close{margin:-1px -8px 0 0;}
	/* 헤더 exp - 백그라운드 애니메이션 */
	#hd_exp_container .hd_exp_area_bg .bubble{left:28.78%;width:20px;height:20px;background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);box-shadow:inset 0 5px 10px rgba(255, 255, 255, 0.4), inset 7px 7px 7px rgba(255, 255, 255, 0.6), 0 4px 16px rgba(0, 0, 0, 0.1);-webkit-animation-name:bubble-up-m, bubble-sideway-m;animation-name:bubble-up-m, bubble-sideway-m;}
	#hd_exp_container .hd_exp_area_bg .bubble2{left:32.25%;opacity:0.8;width:17px;height:17px;}
	#hd_exp_container .hd_exp_area_bg .bubble3{left:31.83%;}
	#hd_exp_container .hd_exp_area_bg .bubble4{left:20%;left:20.14%;}
	#hd_exp_container .hd_exp_area_bg .bubble5{left:18.36%;}
	#hd_exp_container .hd_exp_area_bg .bubble6{left:25.47%;width:17px;height:17px;}
	#hd_exp_container .hd_exp_area_bg .bubble7{display:none;left:28.81%;opacity:0.9;width:17px;height:17px;}
	#hd_exp_container .hd_exp_area_bg .bubble2-1{display:none;left:26.66%;opacity:1;width:17px;height:17px;}
	#hd_exp_container .hd_exp_area_bg .bubble2-2{left:33.36%;}
	#hd_exp_container .hd_exp_area_bg .bubble2-3{display:none;left:34.8%;opacity:1;}
	#hd_exp_container .hd_exp_area_bg .bubble2-4{left:25.05%;opacity:0.9;width:17px;height:17px;}
	#hd_exp_container .hd_exp_area_bg .bubble2-5{display:none;left:20.14%;}
	#hd_exp_container .hd_exp_area_bg .bubble2-6{left:19.58%;}
	#hd_exp_container .hd_exp_area_bg .bubble2-7{left:14.75%;}
	.hd_has_exp_area ~ #menv_cont_wrap{padding-top:137px;}
	.main_header ~ #menv_cont_wrap{padding-top:48px;}
	.hd_has_exp_area.closed ~ #menv_cont_wrap{padding-top:95px;}
	.main_header.closed ~ #menv_cont_wrap{padding-top:6px;}
}

@media all and (max-width:359px){
	#hd_exp_container .exp_lv_prog_txt1 dl{font-size:12px;}
	#hd_exp_container .mission_reward{margin-left:0;}
	#hd_exp_container .mission_reward a{width:42px;}
	#hd_exp_container .rolling_txt_cont .rolling_txt_ab{display:none;}
}

@media only screen and (max-device-width:340px) and (orientation:landscape){
	#hd_exp_container .rolling_txt_cont .rolling_txt_ab{display:none;}
}