/*common*/
.mt20 {margin-top:20px;}
.thm-color01 {color:#111 !important;}
.thm-color02 {color:#fff !important;}
.thm-color03 {color:#006cfc !important;}
.thm-color04 {color:#ff3239 !important;}
.thm-color05 {color:#979797 !important;}

/* ¹Ì¼Ç ¹è³Ê */

/* //¹Ì¼Ç ¹è³Ê */

/* ¹Ì¼Ç °ø¿ë ¸Þ´º */
/*mainSilde*/
.mission-slide {position:relative; height:400px;}
.mission-slide .swiper-slide a {display:block;position:relative; cursor: pointer;}
.mission-slide .swiper-slide img {max-width:1300px;}
.mission-slide .swp1_page {width: auto; right: 30px; bottom:20px; left: inherit; z-index:5;}
.mission-slide .swp1_page span {width:14px; height:14px; background:#fff; opacity:1;}
.mission-slide .swp1_page span:nth-child(n+2) {margin-left:10px;}
.mission-slide .swp1_page span.on {background:#111;}
.mission-slide .user_slide_btn02 {display:block;position:absolute;top:276px;left:58px;border-radius:23px;transition:all 0.2s ease;z-index:10;cursor:pointer;}
.mission-slide .user_slide_btn02:hover {box-shadow:5px 5px 15px rgba(0,0,0,0.2);transform:translate(-1px, -1px);}

/*user*/
.mission-user  {display: flex; height:140px;  font-size:18px; font-weight: 300; color:#111;}
.mission-user .info {display:flex; align-items: center;}
.mission-user .info-ph {width:80px; height:80px; border-radius:50%; overflow:hidden;}
.mission-user .info-ph img {max-width:80px;}
.mission-user .info-nick {margin-left:15px;}
.mission-user .info-nickwrap-name {display: inline-block; vertical-align: middle;}
.mission-user .info-nickwrap-name span {display: inline-block; vertical-align: bottom;}
.mission-user .info-nickwrap-name span:first-child {font-size:24px; font-weight:600;  max-width: 220px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mission-user .info-nickwrap-ch {display: inline-block; vertical-align: middle;width:80px; height:25px; line-height:24px; margin-left:5px; padding-left:15px; border-radius:8px; font-size:12px; color:#fff; text-align:center; background:#677790 url('../../leaderscpa_new/mission/settings.png') no-repeat  center left 10px;}
.mission-user .info-nick-int {letter-spacing:-1px; color:#666;}
.mission-user .total {display:flex; align-items: center; margin-left:auto;}
.mission-user .total-item {position:relative; padding:0 36px;}
.mission-user .total-item:nth-child(n+2):before {content:""; display:block; position:absolute; width:1px; height:50px;  top:32px; left:0; background:#e8e8e8;}
.mission-user .total-item dd a {display:inline-block;}
.mission-user .total-item dd span {display:inline-block; font-family: 'Montserrat'; font-size:36px; font-weight:700; letter-spacing: 1px; padding: 8px 0 15px 0;}
.mission-user .total-crt dd span {position:relative; padding: 8px 0 15px 65px;}
.mission-user .total-crt dd a:nth-child(n+2) {margin-left:30px;}
.mission-user .total-crt dd a span:before {content:""; display:block; position:absolute; width:55px; height:55px; top:50%; left:0; margin-top:-30px; background:no-repeat center; background-image:url('../../leaderscpa_new/mission/total-i01.png');}
.mission-user .total-crt dd a:nth-child(2) span:before {background-image:url('../../leaderscpa_new/mission/total-i02.png');}
.mission-user .total-crt dd a:nth-child(3) span:before {background-image:url('../../leaderscpa_new/mission/total-i03.png');}
.mission-user .total-pss {padding-right:0;}

/*menu*/
.mission-menu {display:flex; height:60px; line-height:60px;  font-size: 18px;font-weight: 300; color:#fff; text-align:center; background:#006cfb;}
.mission-menu .left a {width:150px; margin-right:-1px; border-right:1px solid rgba(255,255,255,0.3); color:rgba(255,255,255,0.4); letter-spacing: -1px;}
.mission-menu .right {margin-left:auto; margin-right:30px; padding-top: 10px;}
.mission-menu .right .my_message_btn {position:relative; width:40px; height:40px; margin-right:10px; border-radius:7px; background:#fff url('../../leaderscpa_new/mission/message_i.png') no-repeat center;}
.mission-menu .right .my_message_btn.new:before {content:""; display:block; position:absolute; width:14px; height:14px; right:4px; top:4px; background: url('../../leaderscpa_new/mission/new_i.png') no-repeat;}
.mission-menu .right .m_guide_btn {width:142px; height: 40px; line-height: 40px; padding-left: 20px; font-size:15px; border-radius: 7px; background:no-repeat center left 25px; background-image:url('../../leaderscpa_new/mission/menu-i01-1.png'); background-color:#00b2fc;}
.mission-menu a {float:left; height:100%;}
#wrap.mission-list .mission-menu .left a:nth-child(1),#wrap.mission-my .mission-menu .left a:nth-child(3),#wrap.mission-rlt .mission-menu .left a:nth-child(2) {color:#fff; background:#003375; border-color:#003375;}

.guide_pop .top {height:550px; background:#e8f0fa;}
.guide_pop .top .swiper-slide {margin-top:55px; }
.guide_pop .top .swiper-slide .guide-txt {padding-left:35px;}
.guide_pop .top .swiper-slide .guide-txt p {line-height: 1.3; margin-top:20px; font-size:30px; font-weight:200; letter-spacing: -2.2px;}
.guide_pop .top .swiper-slide .guide-txt span {display:inline-block; margin-top:10px; font-weight:200; color:#888;}
.guide_pop .top .swiper-slide .guide-txt span strong {font-weight:300; color:#111;}
.guide_pop .top .m-guide1 .guide-img {margin-top:80px;}
.guide_pop .top .m-guide1 .guide-img02 {top: 18px; left: calc(50% - 159px);}
.guide_pop .top .m-guide1 .guide-img03 {top: 117px; left: calc(50% - 193px);}
.guide_pop .top .m-guide1 .guide-img04 {top: -4px; left: calc(50% - 197px);}
.guide_pop .top .m-guide2 .guide-img, .guide_pop .top .m-guide4 .guide-img, .guide_pop .top .m-guide6 .guide-img{margin-top:90px;}
.guide_pop .top .m-guide2 .guide-img02, .guide_pop .top .m-guide3 .guide-img02 {top: 52px; left:138px;}
.guide_pop .top .m-guide2 .guide-img03, .guide_pop .top .m-guide3 .guide-img03 {top: 100px; left:200px;}
.guide_pop .top .m-guide3 .guide-img {margin-top:128px;}
.guide_pop .top .m-guide4 .guide-img02 {top: -5px; left: calc(50% - 71px);}
.guide_pop .top .m-guide5 .guide-img {margin-top:20px;}
.guide_pop .top .m-guide5 .guide-img02 {bottom: -24px; left: calc(50% - 50px);}
.guide_pop .top .m-guide5 .guide-img03 {bottom: -20px; left: calc(50% - -30px);}
.guide_pop .top .m-guide6 .guide-img02 {top: -5px; left: calc(50% - 71px);}
.guide_pop .top .m-guide7 .guide-img {margin-top:130px;}
.guide_pop .top .m-guide7 .guide-img02 {top: -5px; right:40px;}
.guide_pop .top .m-guide7 .guide-img03 {top: 75px; right:55px;}
.guide_pop .top .m-guide8 .guide-img {margin-top:50px;}
.guide_pop .top .m-guide8 .guide-img02 {top: 15px; left:125px;}
.guide_pop .top .m-guide8 .guide-img03 {bottom: 30px; left: 135px;}
.guide_pop .top .m-guide9 .guide-img {margin-top:150px;}
.guide_pop .top .m-guide9 .guide-img02 {top: -100px; left: calc(50% - 45px);}
.guide_pop .top .m-guide9.sw-active .guide-img02 {animation: bounce1 2s both;}
.guide_pop .top .num-count {display: inline-block; width:115px; height:80px; line-height:80px; right: 77px; bottom: -5px; overflow: hidden; opacity:0; transition:all 0.6s ease 0.4s; word-break: break-all;}
.guide_pop .top .num-count-wrap {display: inline-block; width:55px; height:80px; border-radius: 10px; background: linear-gradient(#3e3e3e 50%, #252525 50%); }
.guide_pop .top .num-count-wrap span {display: inline-block; width:100%; height:100%; font-size:58px; font-weight:700; color:#fff; transform: translate(0,0); transition: all 2s cubic-bezier(0.4, 0, 0.11, 0.97) 0.4s; cursor: default;}
.guide_pop .top .m-guide3.sw-active .num-count {opacity:1; transition:all 0.6s ease 1.4s;}
.guide_pop .top .m-guide3.sw-active .num-count-wrap .n1 {transform: translate(0,-80px); transition: all 2s cubic-bezier(0.4, 0, 0.11, 0.97) 1.5s;}
.guide_pop .top .guide-list {margin-top:40px;}
.guide_pop .top .guide-list li {position:relative; padding-left: 10px; font-weight: 200; letter-spacing: -1.4px;}
.guide_pop .top .guide-list li:nth-child(n+2) {margin-top:10px;}
.guide_pop .top .guide-list li:before {content:"-"; display:block; position:absolute; left:0; top:0;}
.guide_pop .top .m-guide10 .guide-img02 {bottom: -5px; right: 40px;}
.guide_pop .top .swiper-slide.sw-active .click {animation: click 0.6s both; animation-delay:1s;}
*[class*="trans-fadeIn"] {transition:opacity 0.6s, transform 0.6s ease; opacity:0; transition-delay:0.4s;}
*[class*="trans-down"] {transition:opacity 0.6s, transform 0.6s ease; transform:translateY(-10px); opacity:0; transition-delay:0.4s;}
*[class*="trans-scale"] {transition:opacity 0.6s, transform 0.6s ease; transform:scale(0.8); opacity:0; transition-delay:0.4s;}
.sw-active *[class*="__d02"]{transition-delay:0.2s;}
.sw-active *[class*="__d04"]{transition-delay:0.4s;}
.sw-active *[class*="__d06"]{transition-delay:0.6s;}
.sw-active *[class*="__d08"]{transition-delay:0.8s;}
.sw-active *[class*="__d10"]{transition-delay:1s;}
.sw-active *[class*="trans-fadeIn"] {opacity:1; transition-duration: 800ms;}
.sw-active *[class*="trans-down"]{transform:translate(0); opacity:1; transition-duration: 800ms;}
.sw-active *[class*="trans-scale"] {transform:scale(1); opacity:1; transition-duration: 800ms;}
@keyframes click {0% {transform:scale(1); opacity:0;}50% {transform:scale(0.8) rotate(-5deg); opacity:1;}100% {transform:scale(1) rotate(0);}}
@keyframes bounce1 {0%{opacity:0;} 20%, 50%, 80%, 100% {transform: translateY(0);} 40% { opacity:0; transform: translateY(-30px);} 60% {transform: translateY(-15px);} 90%{opacity:1;}}

.guide_pop .btm {display: flex; align-items: center; justify-content: center; height:50px; background:#fff;}
.guide_pop .icon {display:block; position:absolute; width:60px; height:60px;  bottom:calc(50% - 30px); box-shadow:3px 3px 5px rgba(0,0,0,0.2); background:#fff no-repeat center; border-radius:50%; z-index:3;}
.guide_pop .icon:hover {background-color:#006af8;}
.guide_pop .swp3_prev {left:-30px;background-image:url('../../leaderscpa_new/mission/arr_prev.png');}
.guide_pop .swp3_prev:hover {background-image:url('../../leaderscpa_new/mission/arr_prev_on.png');}
.guide_pop .swp3_next {right:-30px;background-image:url('../../leaderscpa_new/mission/arr_next.png');}
.guide_pop .swp3_next:hover {background-image:url('../../leaderscpa_new/mission/arr_next_on.png');}
.guide_pop .swp_page3 span {width:10px; height:10px; margin:0 5px; background:#cacaca; opacity:1;}
.guide_pop .swp_page3 span.on {background:#006af8;}

.lw_pop {background:rgba(0,0,0,0.8) !important;}
.lw_pop .complete, .lw_pop .con-wrap {width:670px !important; margin:0 auto; color:#fff;}
.lw_pop .fail, .lw_pop.lose .con-wrap {width:530px !important; margin:0 auto;}
.lw_pop .tutorial, .lw_pop.win-t .con-wrap,
.lw_pop .roulette-chk, .lw_pop.rlt-chk .con-wrap {width:760px !important; margin:0 auto;}
.lw_pop .tutorial-skip, .lw_pop.skip-t .con-wrap {width:600px !important; margin:0 auto;}
.lw_pop .msp_con .top > span {font-size:38px; font-weight:200;}
.lw_pop .msp_con .top p {line-height: 1.3;font-size:58px; font-weight:600; letter-spacing:-3px;}
.lw_pop .msp_con .top p strong {color:#ff6161;}
.lw_pop .msp_con .top .s-txt {display:inline-block; margin-top:10px; font-size:23px;}
.lw_pop .msp_con .top .s-txt strong {position:relative; font-weight:400; letter-spacing: -0.9px;}
.lw_pop .msp_con .top .s-txt strong:before {content:""; display:block; position:absolute; width:100%; height:1px; left:0; bottom:0; background:#fff;}
.lw_pop.win .msp_con .complete .btm {height:280px; margin-top:50px; background:url('../../leaderscpa_new/mission/bonus_pop_img01.png') no-repeat top center;}
.lw_pop.win .msp_con .complete .btm .paper_wrap {width:356px; height:261px; top: 16px; left: calc(50% - 176px); overflow:hidden; color:#222;}
.lw_pop.win .msp_con .complete .btm .paper {height: 100%; padding-top: 40px; background:url('../../leaderscpa_new/mission/bonus_pop_img02.png') no-repeat top center; transform: translateY(-261px); transition: all 0.8s ease-in-out 0.3s;}
.lw_pop.win .msp_con .complete .btm .point_coin {right:84px; bottom:30px; transform:translateY(-30px); opacity:0; transition: all 0.6s ease 0.8s;}
.lw_pop.win.open .msp_con .complete .btm .point_coin {opacity:1;  transform:translateY(0);}
.lw_pop.win .msp_con .complete .btm .paper p {font-size:23px; letter-spacing: -2px;}
.lw_pop.win .msp_con .complete .btm .paper span {display: inline-block; margin-top: 68px; padding-left: 75px; font-size: 60px; font-weight: 800; color: #006af8;}
.lw_pop.win .msp_con .complete .btm .paper span:before {content:""; display:block; position:absolute; width:68px; height:68px; top:50%; left:0; margin-top:-34px; background:url('../../leaderscpa_new/mission/bonus_pop_img03.png') no-repeat center;}
.lw_pop.win.open .msp_con .complete .btm .paper {transform: translateY(0);}
.lw_pop .msp_con .fail {position:relative; padding:40px 0 160px;}
.lw_pop .msp_con .fail:before {animation: stemp 1s both; animation-delay: 0s; content:""; display:block; position:absolute; width:338px; height:272px; right:-185px; bottom:20px; background:url('../../leaderscpa_new/mission/stemp.png') no-repeat center; z-index:1;}
.lw_pop .msp_con .fail:after {animation: stempOpacity 0.8s both; animation-delay: 0.6s; content:""; display:block; position:absolute; width:177px; height:87px;  right:-15px; bottom:20px; background:url('../../leaderscpa_new/mission/stemp2.png') no-repeat center;}
.lw_pop .msp_con .fail .top p {line-height: 1.3; font-size:62px; letter-spacing:-4px;}
.lw_pop .msp_con .fail .top p span:nth-child(2) {letter-spacing: -1px;}
.lw_pop .msp_con .fail .btm .link {display:inline-block; height:50px; line-height:50px; margin-top:90px; padding-left:25px; padding-right:60px; border-radius:50px; font-size:18px; font-weight:500; color:#000; background:#ffea00 url('../../leaderscpa_new/mission/fail_arr.png') no-repeat center right 25px;}
.lw_pop .msp_con .tutorial .btm, .lw_pop .msp_con .roulette-chk .btm {height:280px;}
.lw_pop .msp_con .tutorial .box_wrap, .lw_pop .msp_con .roulette-chk .box_wrap {width:500px; height:220px; margin:40px auto 0; z-index:1;}
.lw_pop .msp_con .tutorial .box_wrap .point, .lw_pop .msp_con .roulette-chk .box_wrap .point {display: inline-block; margin-top: 68px; font-size: 60px; font-weight: 800; color: #006af8; transform: translateY(20px); opacity:0; transition: all 0.6s ease 0.5s;}
.lw_pop .msp_con .tutorial .box_wrap .point:before, .lw_pop .msp_con .roulette-chk .box_wrap .point:before {content:""; display:block; position:absolute; width:68px; height:68px; top:-30px; left:calc(50% - 34px); margin-top:-34px; background:url('../../leaderscpa_new/mission/bonus_pop_img03.png') no-repeat center;}
.lw_pop .msp_con .tutorial .point_coin, .lw_pop .msp_con .roulette-chk .point_coin {right:0; top:40px; opacity: 0; transform: translateY(-30px); transition: all 0.6s ease-in-out 0.8s;}
.lw_pop .msp_con .tutorial .point_box, .lw_pop .msp_con .roulette-chk .point_box {left: 0; top: 20px; z-index: -1; opacity:0; transition: all 0.8s ease-in-out 0.3s;}
.lw_pop .msp_con .tutorial-skip {position:relative; padding:45px 0 25px;}
.lw_pop .msp_con .tutorial-skip:before {animation: stemp 1s both; animation-delay: 0s; content:""; display:block; position:absolute; width:338px; height:272px; right: -230px; bottom: 90px; background:url('../../leaderscpa_new/mission/stemp.png') no-repeat center; z-index:1;}
.lw_pop .msp_con .tutorial-skip:after {animation: stempOpacity 0.8s both; animation-delay: 0.6s; content:""; display:block; position:absolute; width:177px; height:87px; right: -45px; bottom: 105px; background:url('../../leaderscpa_new/mission/stemp3.png') no-repeat center;}
.lw_pop .msp_con .tutorial-skip .top p {line-height: 1.3; font-size:58px; letter-spacing:-4px;}
.lw_pop .msp_con .tutorial-skip .top p span {display: block; letter-spacing: -3.4px;}
.lw_pop .msp_con .tutorial-skip .top .s-txt {letter-spacing: -1.2px;}
.lw_pop .msp_con .tutorial-skip .center {margin-top:40px; letter-spacing: -1px;}
.lw_pop .msp_con .tutorial-skip .center dt {display: inline-block; position:relative; padding-right: 264px; margin-bottom: 15px; font-size:24px; font-weight: 500; color:#fffa7c;}
.lw_pop .msp_con .tutorial-skip .center dt:before {content:""; display:block; position:absolute; width:244px; height:1px; top:50%; right:0; margin-top:0.5px; background:#fffa7c;}
.lw_pop .msp_con .tutorial-skip .center dd {display: inline-block; position:relative; height: 35px; font-size:20px; font-weight: 200; overflow:hidden;}
.lw_pop .msp_con .tutorial-skip .center dd:nth-child(n+3) { margin-top:10px;}
.lw_pop .msp_con .tutorial-skip .center dd:before {content:""; display:block; position:absolute; width:35px; height:35px; left:0; top:50%; margin-top:-18px; border-radius:50%; background:#fffa7c url('../../leaderscpa_new/mission/skip_chk.png') no-repeat center; opacity:0;}
.lw_pop .msp_con .tutorial-skip .center dd p {position:relative; padding-left:55px; transform: translateY(30px);}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:before {opacity:1; transition: opacity 0.8s ease;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd p {transform: translateY(0); transition: transform 0.6s ease;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(2):before {transition-delay: 0.4s;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(3):before {transition-delay: 1s;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(4):before {transition-delay: 1.8s;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(2) p {transition-delay: 0.5s;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(3) p {transition-delay: 1.2s;}
.lw_pop.open.skip-t .msp_con .tutorial-skip .center dd:nth-child(4) p {transition-delay: 2s;}
.lw_pop .msp_con .tutorial-skip .center dd p span {color:#ff6161;}
.lw_pop .msp_con .tutorial-skip .btm .link {display:inline-block; height:50px; line-height:50px; margin-top:70px; padding-left:24px; padding-right:58px; border-radius:50px; font-size:18px; font-weight:500; color:#111; background:#fff url('../../leaderscpa_new/mission/fail_arr.png') no-repeat center right 20px;}
.lw_pop .msp_con .tutorial-skip .btm .link2 {margin-left:20px; color:#fff; background:#006cfc url('../../leaderscpa_new/mission/fail_arr_w.png') no-repeat center right 20px;}
.lw_pop .msp_con .tutorial-skip .clz {top:-30px; right:-15px;}
.lw_pop.win-t.open .msp_con .tutorial .btm .point_box, .lw_pop.rlt-chk.open .msp_con .roulette-chk .btm .point_box {opacity:1;}
.lw_pop.win-t.open .msp_con .tutorial .btm .point,
.lw_pop.win-t.open .msp_con .tutorial .btm .point_coin,
.lw_pop.rlt-chk.open .msp_con .roulette-chk .btm .point,
.lw_pop.rlt-chk.open .msp_con .roulette-chk .btm .point_coin{ transform: translateY(0); opacity:1;}
.lw_pop .msp_con .complete, .lw_pop .msp_con .fail, .lw_pop .msp_con .tutorial, .lw_pop .msp_con .tutorial-skip, .lw_pop .msp_con .roulette-chk  {display:none;}
.lw_pop.win .msp_con .complete, .lw_pop.lose .msp_con .fail, .lw_pop.win-t .msp_con .tutorial, .lw_pop.skip-t .msp_con .tutorial-skip, .lw_pop.rlt-chk .msp_con .roulette-chk {display:block;}

@keyframes stemp {
  0% {transform: rotateZ(0) translateX(0px);}
  60% {transform: rotateZ(-35deg) translateX(-45px);}
  100% {transform: rotateZ(0) translateX(0px);}
}

@keyframes stempOpacity {
  0% {opacity:0;}
  100% {opacity:1;}
}

/**confetti**/
.lw_pop .flex-rows{display:none; position: absolute; width: 600px; top: calc(50% - 350px); left: calc(50% - 300px); z-index:2}
.lw_pop .custom-canvas {width: 100%;max-width: 800px;height: 600px;background: var(--secondary-color);}
.lw_pop.open .flex-rows {display:block;}

/* À§·Î°¡±â ¹öÆ° */
.top_btn {display:none;position:fixed;bottom:0;left:calc(50% + 599px);width:50px;height:40px;text-align:center;padding-top:10px;font-size:20px;color:#fff;font-weight:200;background:rgba(0,0,0,0.2);z-index:1000;opacity:0;transform:translateY(50px);transition:all 1s ease;}
.top_btn span {display:block;width:0;height:0;overflow:hidden;text-indent:100%;}
.top_btn.show {transform:translateY(0);opacity:1;}
.top_btn:hover {background:rgba(0,0,0,0.5)}
@media screen and (max-width:1320px) {
    .top_btn {left:inherit;right:0;}
}
/* //¹Ì¼Ç °ø¿ë ¸Þ´º */

/* ¹Ì¼Ç ¸®½ºÆ® */
.mission .note {background:#e4edf9;}
.mission .note .content {padding:75px 0;}
.mission .note dl {color:#888;}
.mission .note dt {position:relative; display:inline-block; margin-bottom:30px; padding-left:30px; color:#111;}
.mission .note dt:before {content:""; display:block; position:absolute; width:20px; height:20px; left:0; top:50%; margin-top:-10px; background:url('../../leaderscpa_new/mission/note-i.png') no-repeat;}
.mission .note dt:after {content:""; display:block; position:absolute; width:calc(100% - 30px); height:1px; left:30px; bottom:0; background:#111;}
.mission .note dd {line-height:1.8; font-weight:300;}

/*section*/
.mission-list section * {box-sizing:border-box;}
.mission-list .sct03 {background:#f7f7f7;}

/*contents*/
.mission .dim{display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.8); z-index:100;}
.mission .dim .container{display:flex; flex-direction:column; width:780px;}
.mission .dim .bg{font-size:68px; font-weight: 700; color:rgba(255,255,255, 0.15); letter-spacing:0; background:none;}
.mission .dim .txts{margin-top:25px; line-height:1; font-weight:200;color:#fff;}
.mission .dim .txt1{font-size:71px; letter-spacing: -5px;}
.mission .dim .txt2{margin:10px 0 20px; font-size:60px; font-weight: 700; letter-spacing: -3.8px;}
.mission .dim .txt3{font-size:37px; letter-spacing: -2.3px;}
.mission .dim .txt3 span{display:inline-block; position:relative; font-weight:700; color:#aeff00;}
.mission .dim .txt3 span::before{content:""; display:block; width:100%; height:1px; position:absolute; left:0; bottom:-8px; background:#aeff00;}
.mission .dim .btn{display:block; width:255px; height:55px; margin-left:auto; margin-top:65px; padding-left:34px; border-radius:50px; background:no-repeat center right 30px; background-color:#aeff00; background-image:url('../../leaderscpa_new/mission/popup/arr.png'); line-height:55px; font-size:24px; font-weight:600; letter-spacing:-1.8px; color:#000;}
.mission-list .et-type2{min-height:600px;}
.mission-list .sct03 .dim .txt3 span{color:#ff6000;}
.mission-list .sct03 .dim .txt3 span::before{background:#ff6000;}
.mission-list .sct03 .dim .btn{background-color:#ff6000; background-image:url('../../leaderscpa_new/mission/popup/arr_wh.png'); color:#fff;}
.mission-rlt .dim{top:78px; height:950px;}
.mission-list .event_quest .content {width:1300px; margin:0 auto; font-family:Noto Sans KR; font-size:18px; color:#888; font-weight:300; letter-spacing:-1px;}
.mission-list .quest_box1 {padding:70px 0;}
.mission-list .eq_tit {padding-bottom:15px;}
.mission-list .eq_tit h3 {margin-bottom:5px; line-height:1; font-size:24px;color:#111;font-weight:500;}
.mission-list .et-item-wrap {border-width:0 1px 1px 0;border-color:#e0e0e0;border-style:solid;}
.mission-list .et-item.cl-yellow .et-point:before {background-color:#fbe100;}
.mission-list .et-item.bg-blue {background-color:#e6f1ff;}
.mission-list .et-item.bg-blue .circle-progress-circle {fill:#e6f1ff; stroke:#fff;}
.mission-list .et-item.bg-yellow {background-color:#fffdec;}
.mission-list .et-item.bg-yellow .circle-progress-circle {fill:#fffdec; stroke:#f0f0f0;}
.mission-list .et-item.bg-yellow .circle-progress-value {stroke:#ffd200;}
.mission-list .et-item {display:flex;flex-wrap: wrap;position:relative;float:left;width:50%;height:210px;padding:30px 0;align-items:center;border-width:1px 0 0 1px;border-color:#e0e0e0;border-style:solid;background:#fff;}
.mission-list .et-item .et-left {position:relative;width:125px; text-align:center;}
.mission-list .et-item .et-point {display:inline-block;position:relative;padding-left:25px;margin-top:15px;font-size:20px;font-weight:bold;color:#111;}
.mission-list .et-item .et-point:before {content:"P"; display:block; position:absolute; width:20px; height:20px; line-height:20px; left:0; top:50%;margin-top:-10px; border-radius:50%; font-size:14px; background:#006cfc; color:#fff;}
.mission-list .et-item .et-double {display:none; font-size:15px; font-weight: 400; color:#999}
.mission-list .et-item .et-double p:before {content:""; display:block; position:absolute; width:110%; height:1px; left: calc(50% - 55%); top: calc(50% - 1px); background:#999;}
.mission-list .et-item.double .et-double {display:block;}
.mission-list .et-item.double:before{content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; border:3px solid #00b14a; box-sizing:border-box;}
.mission-list .et-item.double:after {content:""; display:block; position:absolute; width:66px; height:78px; top:-12px; left:0; background:url('../../leaderscpa_new/mission/double_img.png')no-repeat;}

/*list*/
.mission-list .et-list {position:relative; width:calc(100% - 125px);}
.mission-list .et-list .list-top {display:flex;align-items:center;}
.mission-list .et-list button {width:170px; height:40px; padding-left: 15px; font-size:16px; color:#111; text-align: left; background:no-repeat center right 20px}
.mission-list .et-list .list-left {width:calc(100% - 162px);}
.mission-list .et-list .list-left h3 {font-size:20px;font-weight: 500;color: #111; letter-spacing:-1.5px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.mission-list .et-list .list-left p {height:60px;margin-top:10px;font-size:18px;line-height:1.5;letter-spacing: -1.2px; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mission-list .et-list .list-right {position: absolute; width:170px; right: 0; top: calc(50% - 50px); text-align:center;}
.mission-list .et-list .list-right .et-graph p {top:calc(50% - 11px);left:0;right:0;text-align:center;color:#111;font-size:15px;font-weight:400;}
.mission-list .et-list .list-right span {display: inline-block; margin-top: 10px;text-align:center;font-size:12px;font-weight: 600;color:#006cfc;}
.mission-list .et-list .list-right span b {color:#666;font-weight:normal;}
.mission-list .et-list .circle-progress {width:83px;height:83px;}
.mission-list .et-list .circle-progress-value {stroke-width:16px;stroke:#006cfc;}
.mission-list .et-list .circle-progress-circle {stroke-width:16px;stroke:#f0f0f0;fill:#fff;}
.mission-list .et-list .circle-progress-text {display:none;}
.mission-list .et-list .list-end {width:100%;margin-top:10px;}
.mission-list .et-list .clg-btn {color:#fff; background-color:#ff3239; background-image:url('../../leaderscpa_new/mission/list-cpt.png');}
.mission-list .et-list .elt-btn {display:none; background-color:#3b5beb; color:#fff; background-image:url('../../leaderscpa_new/mission/list-elt.png');}
.mission-list .et-list .cpt-btn {display:none; background-color:#f2f2f2; background-image:url('../../leaderscpa_new/mission/list-chk.png');}

/*done*/
.mission-list .et-item.et-inprogress .clg-btn, .mission-list .et-item.et-complete .clg-btn {display:none;}
.mission-list .et-item.et-inprogress .elt-btn, .mission-list .et-item.et-complete .cpt-btn {display:block;}
.mission-list .et-item .cpt-bg {width:0; height:0; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:100; visibility: hidden;}
.mission-list .et-item.et-complete .cpt-bg {width:100%; height:100%; visibility: visible;}
.mission-list .et-item.et-complete.on .cpt-bg { animation: unfoldIn 1s cubic-bezier(0.165, 0.85, 0.44, 1) forwards; transform: scaleY(0.01) scaleX(0); }
.mission-list .et-item.et-complete .cpt-bg .z-in {width:100%; height:100%; position:relative; padding-top:126px;}
.mission-list .et-item.et-complete.on .cpt-bg .z-in {animation: opacity 0.6s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; opacity:0; }
.mission-list .et-item .cpt-bg .txt01 {text-align: center;font-size: 24px;font-weight: 500;color: #fff;}
.mission-list .et-item.et-complete.on .cpt-bg .txt01 {transform: scale(0); animation: zoomIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation-delay:1.3s;}
.mission-list .et-item.et-complete.on .circular circle.path {animation: 1s draw-circle ease-out; animation-delay:0.8s;}
.mission-list .et-item.et-complete.on .checkmark path {animation: 1s draw-check ease-out; animation-delay:0.8s;}
.mission-list .et-item.et-complete.on .closemark line {stroke-dasharray: 17; animation: draw-close 1s ease-out; animation-delay:0.8s;}
.mission-list .et-item.et-complete.on .reqkmark circle {stroke-dasharray: 50; animation: draw-reqkmark 1s ease-out; animation-delay:0.8s;}

/*svg*/
.mission-list .svg-box {display:inline-block;position:absolute; width:65px;height:65px;top: calc(50% - 50px);left: calc(50% - 32px);}
.mission-list .wh-stroke {stroke:#fff;}
.mission-list .circular circle.path {stroke-dasharray: 330; stroke-dashoffset: 0; stroke-linecap: round; fill: rgba(0,0,0,0.3);}
.mission-list .svg-box.fail .circular circle.path {fill: rgba(255,99,99,0.3);}
.mission-list .svg-box.chk .circular circle.path {fill: rgba(74,122,221,0.3);}
.mission-list .checkmark {stroke-width: 6.25; stroke-linecap: round; position:absolute; top: 50%; left: 50%;width: 60px;height: 60px; margin-left:-30px; margin-top:-27px;}
.mission-list .closemark {stroke-width: 1px; stroke-linecap: round; position:absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin-left: -22px; margin-top: -21px;}
.mission-list .reqkmark {stroke-width: 1.8px; stroke-linecap: round; position:absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin-left: -16px; margin-top: -15px;}
.mission-list .svg-box .closemark, .mission-list .svg-box .reqkmark, .mission-list .svg-box.fail .checkmark, .mission-list .svg-box.chk .checkmark {display:none;}
.mission-list .svg-box.fail .closemark, .mission-list .svg-box.chk .reqkmark {display:block;}

/*footer*/
.mission-list .foot_btm {padding:40px 0 70px;}

/*keyframe*/
@keyframes draw-circle {0% {stroke-dasharray: 0,330;stroke-dashoffset: 0;}80% {stroke-dasharray: 330,330;stroke-dashoffset: 0;}100%{}}
@keyframes draw-check {0% {stroke-dasharray: 49,80;stroke-dashoffset: 48;opacity: 0;}50% {stroke-dasharray: 49,80;stroke-dashoffset: 48;opacity: 1;}100% {stroke-dasharray: 130,80;stroke-dashoffset: 48;}}
@keyframes draw-close {0% {stroke-dashoffset: 17;}100% {stroke-dashoffset: 0;}}
@keyframes draw-reqkmark {0% {stroke-dashoffset: 50;}100% {stroke-dashoffset: 0;}}
@keyframes unfoldIn{0% {transform: scaleY(0.004) scaleX(0);}50% {transform: scaleY(0.004) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes opacity {0% {opacity:0;}100% {opacity:1;}}
@keyframes zoomIn {0% {transform:scale(0);}100% {transform:scale(1);}}
/* //¹Ì¼Ç ¸®½ºÆ® */

/* ¹Ì¼Ç Æ©Å丮¾ó */
.mission-tutorial .m-start {position:relative; background:#f4f4f4 url(../../leaderscpa_new/mission/q-list-bg.png) no-repeat top -20px right -5px; overflow:hidden;}
.mission-tutorial .m-start:before {content:""; display:block; position:absolute; width: 300px;height: 100px; right: -20px; bottom: 55px; transform: rotate(-28deg); z-index: 1;}
.mission-tutorial .m-start-txt {margin-left:40px;}
.mission-tutorial .m-start-txt__tit {margin-bottom:5px; font-size:30px; font-weight:600; color:#111;}
.mission-tutorial .m-start-txt__tit strong {color:#006cfc;}
.mission-tutorial .m-start-txt__txt {font-size:18px; font-weight:300; color:#666;}
.mission-tutorial .m-start-link {pointer-events: none; display:block; width:230px; height:115px; right:0; bottom:0; color:#fff;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission-tutorial .m-start.done .m-start-link {pointer-events: auto;}
.mission-tutorial .m-start-link:before {content:""; display:block; position:absolute; width: 300px; height: 115px;right: -45px; bottom: -60px;background: #b8b8b8; transform: rotate(-28deg); transition:all 0.6s ease;}
.mission-tutorial .m-start.done .m-start-link:before {background:#474ae5;}
.mission-tutorial .m-start-link:after {content:""; display:block; position:absolute; width:21px; height:14px; right:15px; bottom:45px; background:url('../../leaderscpa_new/mission/tutorial_arr.png');}
.mission-tutorial .m-start.done .m-start-link:hover:before {box-shadow:0px 10px 10px 10px rgba(0,0,0,0.3);}
.mission-tutorial .m-start-link__txt {right:15px; bottom:15px;}
/* //¹Ì¼Ç Æ©Å丮¾ó */

/* ¹Ì¼Ç Æ˾÷ */
/*overlay scroll*/
.os-theme-dark>.os-scrollbar>.os-scrollbar-track, .os-theme-light>.os-scrollbar>.os-scrollbar-track {background: 0 0 !important; background-color:rgba(0,0,0,0,0) !important;}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {background: #fff !important;}
.os-theme-dark>.os-scrollbar-vertical, .os-theme-light>.os-scrollbar-vertical {width:14px !important;transition: none !important;}
.os-content {visibility:hidden !important;}
.mission_pop.open .os-content {visibility:visible !important;}

/*mission popup*/
.msPopup {visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;}
.msp_inner {position:relative;width:100%;height:100%;margin:0 auto;overflow-y:auto;}
.msp_con {display:table; position:relative; width:100%; height: 100%; margin: 0 auto; }
.msp_con .resize {display: table-cell; position: relative; height: auto; padding: 30px 0; vertical-align: middle;}
.msp_con .msp_bg {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);}
.msp_con .con-wrap {position:relative; width:500px; margin:0 auto; opacity:0; transform:translateY(30px);transition: visibility 0.2s ease, transform 0.2s ease, opacity 0.2s ease; z-index:1;}
.msPopup .clz {position:absolute;right:-100px; top:-18px; width:80px; height:80px; background:url('../../leaderscpa_new/mission/close.png') no-repeat center; z-index:100;}
.mission_pop, .guide_pop, .my_pop {background:rgba(0,0,0,0);}
.mission_pop .msp_type {/*display:none;*/} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .msp_inner {/*display:block;*/}
.mission_pop .con-wrap { background:#fff;}
.mission_pop .btn_wrap {width:500px; margin:0 auto; padding:30px 0;text-align:center;background:#fff;}
.mission_pop .btn_wrap button {width:170px; height:50px; padding-left:20px; border-radius:50px;border:1px solid #ccc; font-size:18px; background: no-repeat center right 120px;}
.mission_pop .btn_wrap .end_btn {display:none; border-color:#3b5beb; background-color:#3b5beb; color:#fff; background-image: url('../../leaderscpa_new/mission/list-chk-w.png');}
.mission_pop .btn_wrap .start_btn {border-color:#ff3239; color:#fff; background-color:#ff3239; background-image: url('../../leaderscpa_new/mission/list-cpt2.png');}
.mission_pop .top {position:relative; padding:50px 30px; background:#f5f5f5;}
.mission_pop .top .bar {display:block; position:absolute; left:0; bottom:0; width:0; height:3px;/*background:#ff3239;*/} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .resize.on .top .bar {width:100%;  transition: width 0.6s ease 0.1s;}
.mission_pop .top .bar .progress2 {width:100%; height: 3px; border: none; border-radius:0; background:#e1e1e1;}
.mission_pop .top .bar .ui-widget-header {height:5px; background:#ff3239; transition: width 0.6s ease;}
.mission_pop .top .tit dt {font-size:18px; color:#666;}
.mission_pop .top .tit dt p {display: inline-block; width: 0; vertical-align: middle; overflow: hidden;}
.mission_pop .resize.on .top .tit dt p {width:52px; margin-right:10px; transition: width 0.6s ease;}
.mission_pop .top .tit dt span {display: inline-block; vertical-align:middle;}
.mission_pop .top .tit dt .prs {display: inline-block; width: 52px; height:25px; line-height:25px; border-radius:50px; font-size:12px; color:#fff; background:#ff3239; text-align: center; vertical-align: top; transform: translateY(15px); opacity:0; overflow: hidden;}
.mission_pop .resize.on .top .tit dt .prs { transform: translateY(0); opacity:1; transition:transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s;}  /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .top .tit dd {width: calc(100% - 100px); font-size:30px; font-weight:500; color:#000; letter-spacing: -2px;}
.mission_pop .top .point {position:absolute; width:90px; height:90px; top:calc(50% - 45px); right:30px; padding-top: 18px; background:#006cfc; border-radius:50%; box-sizing:border-box; color:#fff; text-align:center;}
.mission_pop .top .point p {font-size:20px;}
.mission_pop .top .point p .d-txt {display:none;position:relative; font-size:16px; color: rgba(255,255,255,.5);}
.mission_pop .top .point p .d-txt:before {content:""; display:block; position:absolute; width:110%; height:1px; left: calc(50% - 55%); top: calc(50% - 1px); background:rgba(255,255,255,.5);}
.msp_con .resize.double {padding:80px 0 30px;}
.mission_pop .resize.double .top:before {content:""; display:block; position:absolute; width:224px; height:133px; top: -120px; left: calc(50% - 224px/2); background:url('../../leaderscpa_new/mission/double_txt.png') no-repeat;}
.mission_pop .resize.double .top .point {background:#00b14a;}
.mission_pop .resize.double .top .point p .d-txt {display:inline-block;}
.mission_pop .top .point > span {font-size:22px; font-weight:700;}
.mission_pop .btm {padding: 0 30px 0;}
.mission_pop .btm > div {margin-top:20px;}
.mission_pop .btm .txt {padding-bottom: 20px; border-bottom:1px solid #d9d9d9; }
.mission_pop .btm .txt img {max-width:100%;}
.mission_pop .btm .txt-txt {line-height: 1.7; font-size:18px; font-weight:200; color:#666; white-space: pre-line; word-break: keep-all;}
.mission_pop .btm .txt-link {display: inline-block; position:relative; margin-top:35px; padding-bottom: 5px; font-size:16px; font-weight:200; color:#006cfc;}
.mission_pop .btm .txt-link:before {content:""; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#006cfc;}
.mission_pop .btm .url-list input {width:300px; height:40px; padding:0 20px; background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; color:#888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mission_pop .btm .url-list button {width:90px; height:40px; background:#006cfc; text-align:center; color:#fff;}
.mission_pop .btm .url-list .url-item button {width:40px;}
.mission_pop .btm .url-add {display:flex; justify-content: space-between; padding:20px; font-size:14px; background:#f1f1f1;}
.mission_pop .btm .url-add:nth-child(n+2) {margin-top:10px;}
.mission_pop .btm .url-item { font-size:14px; background:#f8f8f8; }
.mission_pop .btm .url-item ul li {display:flex; justify-content: space-between; padding: 0 20px 0;}
.mission_pop .btm .url-item ul li:nth-child(n+2) {padding-top:10px;}
.mission_pop .btm .url-item ul li:first-child {padding-top:20px;}
.mission_pop .btm .url-item ul li:last-child {padding-bottom:20px;}
.mission_pop .btm .url-item ul li .edit_btn {background:#888888 url('../../leaderscpa_new/mission/url_i1.png') no-repeat center;}
.mission_pop .btm .url-item ul li .check_btn {background:#a0c8ff url('../../leaderscpa_new/mission/url_i2.png') no-repeat center;}
.mission_pop .btm .url-item ul li .del_btn {border:1px solid #dbdbdb; background:#fff url('../../leaderscpa_new/mission/url_i3.png') no-repeat center;}
.mission_pop .btm .url-item ul li.readonly input {background:#f2f2f2;}
.mission_pop .btm .url-item ul li.readonly .check_btn , .mission_pop .btm .url-item ul li .edit_btn {display:none;}
.mission_pop .btm .url-item ul li.readonly .edit_btn {display:block;}
.mission_pop .btm .note {padding:20px; background:#e9f2ff; font-size:14px;}
.mission_pop .btm .note-tit {display:inline-block; position:relative; padding-left:25px; font-weight:600; color:#111;}
.mission_pop .btm .note-tit:before {content:""; display:block; position:absolute; width:20px; height:20px; left:0; top:calc(50% - 10px);background: url('../../leaderscpa_new/mission/note-i.png');}
.mission_pop .btm .note-list {line-height:1.7; margin-top:10px; font-weight:300; color:#000; letter-spacing: -1px;}
.mission_pop .btm .quiz {position:relative; width:440px;border-radius:20px; background:#006cfc; text-align:center; color:#fff; overflow:hidden; letter-spacing: -1.2px;}
.mission_pop .btm .quiz:before{content:""; display:block; position:absolute; width:132px; height:40px; top:0; left:calc(50% - 66px); background:url('../../leaderscpa_new/mission/quiz-logo.png') no-repeat; z-index: 100;}
.mission_pop .btm .quiz .layer {display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:100%; height:100%; background:#006cfc; z-index: 10;}
.mission_pop .btm .quiz .layer .img01 {width:275px; height:97px; margin-top: 30px;}
.mission_pop .btm .quiz .layer .img02 {width:313px; height:78px; padding-bottom: 40px;}
.mission_pop .btm .quiz .layer .img03 {left: calc(50% - 21px); bottom: 50px; animation:bounceAlpha 1.6s infinite;}
.mission_pop .resize.on .btm .quiz .layer {display:none;}  /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .resize.done .btm .quiz .layer {display:flex;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .resize.done .btm .quiz .layer .img01, .mission_pop .btm .quiz .layer .img02, .mission_pop .btm .quiz .layer .img03 {display:none;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .resize.done .btm .quiz .layer .img02, .mission_pop .resize.done .btm .quiz .layer .img03 {display:block;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .btm .quiz .cfm {visibility:hidden; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 10; opacity: 0; transition: all 0.3s ease;}
.mission_pop .btm .quiz .cfm.correct, .mission_pop .btm .quiz .cfm.incorrect {visibility:visible; opacity: 1;}
.mission_pop .btm .quiz .cfm-inner {display:table; width: 100%; height: 100%;  margin:0 auto;}
.mission_pop .btm .quiz .cfm-con {display: table-cell; vertical-align: middle;}
.mission_pop .btm .quiz .cfm-img {display: block; position: absolute; width:126px; height:141px; bottom: 0; left: calc(50% - 63px); transform:translateY(150px); transition: all 0.5s ease;}
.mission_pop .btm .quiz .cfm-img:before {content:""; display:block; position:absolute; width:22px; height:0; top:0; right:-15px; background: url('../../leaderscpa_new/mission/incorrect-img.png') no-repeat; overflow:hidden; }
.mission_pop .btm .quiz .cfm.incorrect .cfm-img:before {height:58px; transition:height 0.6s ease; transition-delay:0.5s;}
.mission_pop .btm .quiz .cfm-img .img {position:absolute; opacity:0; z-index:1;}
.mission_pop .btm .quiz .cfm-img .left {left:40px; top:40px;}
.mission_pop .btm .quiz .cfm-img .right {right:40px; top:40px;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img01 {animation:star_left 1.2s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img02 {animation:star_right 0.9s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img03 {animation:star_left2 0.9s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img04 {animation:star_right2 1.2s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img05 {animation:star_left3 1s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img .img06 {animation:star_right3 0.9s 0.2s forwards;}
.mission_pop .btm .quiz .cfm.correct .cfm-img {background:url('../../leaderscpa_new/mission/correct.png') no-repeat center;}
.mission_pop .btm .quiz .cfm.incorrect .cfm-img {background:url('../../leaderscpa_new/mission/incorrect.png') no-repeat center;}
.mission_pop .btm .quiz .cfm.correct .cfm-img, .mission_pop .btm .quiz .cfm.incorrect .cfm-img {transform:translateY(0);}
.mission_pop .btm .quiz .cfm-txt {height:31px; margin-bottom:90px; opacity:0; transition: opacity 0.6s ease;}
.mission_pop .btm .quiz .cfm.correct .cfm-txt {background:url('../../leaderscpa_new/mission/correct-txt.png') no-repeat center;}
.mission_pop .btm .quiz .cfm.incorrect .cfm-txt { background:url('../../leaderscpa_new/mission/incorrect-txt.png') no-repeat center;}
.mission_pop .btm .quiz .cfm.correct .cfm-txt, .mission_pop .btm .quiz .cfm.incorrect .cfm-txt{ opacity:1;}
@keyframes star_left{ 0%{top:40px;left:40px;} 50%{top: -4px;left:-10px;} 60%{top: -4px;left:-10px; opacity: 1;transform: rotate(-780deg);} 100%{top: -4px;left:-10px;opacity: 0;transform: rotate(-780deg);} }
@keyframes star_left2{ 0%{top:40px;left:40px;} 50%{top: 40px;left:-30px;} 60%{top: 40px;left:-30px; opacity: 1;transform: rotate(-780deg);} 100%{top: 40px;left:-30px;opacity: 0;transform: rotate(-780deg);} }
@keyframes star_left3{ 0%{top:40px;left:40px;} 50%{top: 90px;left:-10px;} 60%{top: 90px;left:-10px; opacity: 1;transform: rotate(-780deg);} 100%{top: 90px;left:-10px;opacity: 0;transform: rotate(-780deg);} }
@keyframes star_right{ 0%{top:40px;right:40px;} 50%{top: -4px;right: -10px;} 60%{top: -4px;right: -10px;opacity: 1; transform: rotate(780deg);} 100%{top: -4px;right: -10px;opacity: 0; transform: rotate(780deg);} }
@keyframes star_right2{ 0%{top:40px;right:40px;} 50%{top: 40px;right: -30px;} 60%{top: 40px;right: -30px;opacity: 1; transform: rotate(780deg);} 100%{top: 40px;right: -30px;opacity: 0; transform: rotate(780deg);} }
@keyframes star_right3{ 0%{top:40px;right:40px;} 50%{top: 90px;right: -10px;} 60%{top: 90px;right: -10px;opacity: 1; transform: rotate(780deg);} 100%{top: 90px;right: -10px;opacity: 0; transform: rotate(780deg);}}
@keyframes bounceAlpha {0% {opacity: 1; transform: translateY(0px) scale(1);} 25%{opacity: 0; transform:translateY(20px) scale(0.9);} 26%{opacity: 0; transform:translateY(-10px) scale(0.9);} 55% {opacity: 1; transform: translateY(0px) scale(1);}}
.mission_pop .btm .quiz-txt {font-size:20px; font-weight:200; white-space: pre-line; word-break: keep-all;}
.mission_pop .btm .quiz-txt span {letter-spacing:0;}
.mission_pop .btm .quiz-txt strong {color:#fcf900;}
.mission_pop .btm .quiz-qut-list {display: flex; justify-content: center; margin-top:25px;}
.mission_pop .btm .quiz-slide-item {display: flex; align-items: center; justify-content: center; height:auto; padding: 60px 20px 40px; box-sizing: border-box;}
.mission_pop .btm .quiz-qut01-item:nth-child(n+2) {margin-left:20px;}
.mission_pop .btm .quiz-qut01-item input {display:none;}
.mission_pop .btm .quiz-qut01-item span {display:block; width:80px; height:80px; line-height:80px; background: #fff; border-radius:10px; box-shadow: 4px 4px 3px rgba(0,0,0,0.2); text-align: center; font-size:60px; font-weight: 700; color:#333; cursor: pointer;}
.mission_pop .btm .quiz-qut02-item:nth-child(n+2) {margin-left:10px;}
.mission_pop .btm .quiz-qut02-item input {width:270px; height:60px; padding: 0 15px; border-radius:10px; text-align: left; font-size:20px; font-weight: 300; color:#000; background:#fff; box-shadow: 4px 4px 3px rgba(0,0,0,0.2); letter-spacing: -1.4px;}
.mission_pop .btm .quiz-qut02-item input::placeholder {color:#d2d2d2;}
.mission_pop .btm .quiz-qut02-item input::-webkit-input-placeholder {color:#d2d2d2;}
.mission_pop .btm .quiz-qut02-item input:-ms-input-placeholder {color:#d2d2d2 !important;}
.mission_pop .btm .quiz-qut02-item button {width:60px; height:60px; margin-left:10px; border-radius:10px; background:#ff3239 url('../../leaderscpa_new/mission/check.png') no-repeat left 15px top 18px; box-shadow: 4px 4px 3px rgba(0,0,0,0.2);}
.mission_pop .btm .quiz .pagination {width:50px; left:inherit; bottom:inherit; top:14px; right:8px; z-index: 1; font-size:14px;}
.mission_pop .btm .quiz .swiper-pagination-total{color:#84b9ff;}
.mission_pop .btm .quiz-ept { margin-top:15px; font-size:14px; font-weight:200; letter-spacing: -0.6px;}
.msPopup.open {visibility:visible;}
.msPopup.open .con-wrap {transform:translateY(0);opacity:1;transition: visibility 0.5s ease, transform 0.5s ease, opacity 0.5s ease;}
.mission_pop .resize.on .btn_wrap .start_btn {display:none;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/
.mission_pop .resize.on .btn_wrap .end_btn {display:inline-block;} /*-------- °³¹ßÂÊ¿¡¼­ ¼öÁ¤ÇÔ -------*/

/*point popup*/
.point_pop.chk .con-wrap {width:560px;}
.point_pop .con-wrap {position: relative;  z-index: 3; color:#fff;}
.point_pop .con-wrap:before {content:""; display:block; position:absolute;  width:129px; height:129px; left:50%; top:-65px; margin-left:-65px; background:no-repeat; background-image: url('../../leaderscpa_new/mission/point-pop-i2.png');}
.point_pop.done .con-wrap:before {background-image: url('../../leaderscpa_new/mission/point-pop-i.png');}
.point_pop.fail .con-wrap:before {background-image: url('../../leaderscpa_new/mission/point-pop-i3.png');}
.point_pop .con-wrap .txt {padding:40px 0;}
.point_pop .con-wrap .txt01 {background:#2985ff; letter-spacing:-2px;}
.point_pop .con-wrap .txt01 > div {padding:40px 0 0;}
.point_pop .con-wrap .txt02 {background:#fff; color:#111;}
.point_pop .con-wrap .txt p { font-family: 'sc-dream'; font-size:40px; font-weight: 600;}
.point_pop .con-wrap .txt p strong {color:#ffee00;}
.point_pop .con-wrap .txt02 p strong {color:#2985ff;}
.point_pop.chk .con-wrap .txt02-02 p {font-family: 'Noto Sans KR'; font-size:20px;  font-weight: 400; color:#666;}
.point_pop.chk .con-wrap .txt02-02 p strong {color:#111;}
.point_pop .con-wrap .txt03 , .point_pop .con-wrap .txt01 .txt01-01,  .point_pop .con-wrap .txt01 .txt01-02, .point_pop.done .con-wrap .txt02 , .point_pop.chk .con-wrap .txt02 .txt02-01, .point_pop .con-wrap .txt02 .txt02-02, .point_pop.fail .con-wrap .txt02 .txt02-01, .point_pop .con-wrap .txt02 .txt02-03{display:none;}
.point_pop .con-wrap .txt01 span {display: inline-block; position:relative; font-size:26px;}
.point_pop .con-wrap .num {display:none; padding:45px 0; background:#fff;}
.point_pop.chk .con-wrap .txt03, .point_pop.done .con-wrap .num, .point_pop.open .con-wrap .num .point .coin .side, .point_pop.done .con-wrap .txt01 .txt01-01, .point_pop.chk .con-wrap .txt01 .txt01-02, .point_pop.chk .con-wrap .txt02 .txt02-02, .point_pop.fail .con-wrap .txt02 .txt02-03 {display:block;}
.point_pop .con-wrap .num .point {display: inline-block;position:relative;line-height: 50px;padding-left: 60px;font-family: 'Montserrat', 'Noto Sans KR';font-size: 50px; font-weight: 700; color:#111;}
.point_pop.open .con-wrap .num .point .coin {position: absolute; width:58px; height:58px; top: 0;left: 0; bottom: 0;  margin: auto; transform-style: preserve-3d;animation: rotation 1s ease-out;animation-delay:0.2s;}
.point_pop .con-wrap .num .point .coin:after {content:""; display:block; position:absolute; top:2px; left: 25px;width:10px;height:50px;background: linear-gradient(#ffee00, #dccd00);transform: rotateY(-90deg) translateZ(2px);}
.point_pop .con-wrap .num .point .coin .side {display:none; position:absolute; width:58px; height:58px;left:0; top:0; transform-style: preserve-3d; z-index:1;}
.point_pop.open .con-wrap .num .point .coin .heads{background-image:url('../../leaderscpa_new/mission/coin.png');transform: rotateY(0deg) translateZ(5px);}
.point_pop.open .con-wrap .num .point .coin .heads:before {content:""; display:block; position:absolute; width:50px; height:50px; top:2px; left:3px; background:linear-gradient(#ffee00, #dccd00);; border-radius:50%;transform: rotateY(180deg) translateZ(0);z-index: -1;}
.point_pop.open .con-wrap .num .point .coin .tails{background-image:url('../../leaderscpa_new/mission/coin.png');transform: rotateY(180deg) translateZ(5px);left: -3px;}
.point_pop.open .con-wrap .num .point .coin .tails:before {content:""; display:block; position:absolute; width:50px; height:50px; top:2px; left:2px; background:linear-gradient(#ffee00, #dccd00);; border-radius:50%;transform: rotateY(180deg) translateZ(0);z-index: -1;}
@keyframes rotation {100% {transform: translateZ(0px) rotate3d(0,1,0,360deg);}}

/**confetti**/
.point_pop .flex-rows{display:none; position: absolute; width: 600px; top:-70px; left:-50px; z-index:2}
.point_pop .custom-canvas {width: 100%;max-width: 800px;height: 330px;background: var(--secondary-color);}
.point_pop.done .flex-rows {display:block;}
/* //¹Ì¼Ç Æ˾÷ */

/* ¹Ì¼Ç ¸¶ÀÌÆäÀÌÁö */
/*section*/
.mission-my section * {box-sizing:border-box;}
.mission-my .sct02 .content {padding-top: 75px; letter-spacing: -1.2px; }
.mission-my .sct03 .content {padding: 70px 0;}

/*contents*/
.mission-my .event_tab_wrap { width:1000px; margin: 0 auto 0; }
.mission-my .event .evt_list {padding:110px 0 40px !important;}
.mission-my .event .evt_list .content, .mission-my .sct01 .content, .mission-my .sct02 .content, .mission-my .sct03 .content{ width:1300px !important; }
.mission-my .quest-tit h3 { font-size:24px; font-weight:500; color:#111;}
.mission-my .quest-tit p { font-size:18px; font-weight:300; color:#888; }
.mission-my .quest-etr .list { display:flex; justify-content:space-between; margin-top:15px; color:#111; }
.mission-my .quest-etr .list-item { width:310px; border-radius:24px; border:1px solid #e0e0e0; background:#f2f8ff; }
.mission-my .quest-etr .list-item01 {background:#f6f6f6;}
.mission-my .quest-etr .list-item02 {background:#fff7f7;}
.mission-my .quest-etr .list-item03 {width:430px;}
.mission-my .quest-etr .list-item04 {width:220px; padding:25px 0 25px; background:#152943; color:#fff;}
.mission-my .quest-etr .list-item04 p {display:block; position:relative; margin:15px 0; letter-spacing: 0;}
.mission-my .quest-etr .list-item04 .counter {display: inline-block; position:relative; height:30px; line-height: 30px;  padding-left:30px; font-size:36px; font-weight:600; overflow:hidden; word-break: break-all; }
.mission-my .quest-etr .list-item04 .counter:before { content:"P"; display:block; position:absolute; width:25px; height:25px; line-height: 25px; left:0; top:50%; margin-top:-13px; border-radius:50%; background:#fcc400; font-size:16px; }

/*count*/
.mission-my .sct02 .counter span{display:inline-block; width:24px; transition:all 2s cubic-bezier(0.4, 0, 0.11, 0.97)}
.mission-my .sct02 .counter .dot{width:8px; height: 30px; line-height: 20px; vertical-align: top;}
.mission-my .sct02.active .n1{transform:translate(0,-30px)}
.mission-my .sct02.active .n2{transform:translate(0,-60px)}
.mission-my .sct02.active .n3{transform:translate(0,-90px)}
.mission-my .sct02.active .n4{transform:translate(0,-120px)}
.mission-my .sct02.active .n5{transform:translate(0,-150px)}
.mission-my .sct02.active .n6{transform:translate(0,-180px)}
.mission-my .sct02.active .n7{transform:translate(0,-210px)}
.mission-my .sct02.active .n8{transform:translate(0,-240px)}
.mission-my .sct02.active .n9{transform:translate(0,-270px)}
/*//count*/

.mission-my .quest-etr .list-item04 button { width:100px; padding:2px 0 6px; background:#ff3239; }
.mission-my .quest-etr .tit {margin: 30px 0 22px 24px; font-size:18px;}
.mission-my .quest-etr .txt span {display:block;}
.mission-my .quest-etr .txt li {width:50%; color:#555;}
.mission-my .quest-etr .txt li:first-child {border-right:1px solid #ccc;}
.mission-my .quest-etr .txt li div {display: inline-block;}
.mission-my .quest-etr .txt li div:nth-child(n+2) {padding-left:22px;}
.mission-my .quest-etr .txt li div span:first-child {font-size:22px; font-weight: 600; color:#444; letter-spacing: 0.5px;}
.mission-my .quest-tab {border-bottom:1px solid #ccc; color:#888888;}
.mission-my .quest-tab li { width:190px; border:1px solid #ccc; margin-bottom: -1px;}
.mission-my .quest-tab li:nth-child(n+2) {margin-left:-1px;}
.mission-my .quest-tab li a{ display:block; padding:14px 0; font-size:18px; text-align: center; }
.mission-my .quest-tab li.new a span:before {content:""; display:block; position:absolute; width:14px; height:14px; right:-14px; top:-4px; background:url('../../leaderscpa_new/mission/new_i.png') no-repeat center;}
.mission-my .quest-tab li.active a { background:#333333; color:#fff; }
.mission-my .quest-content { position:relative; display:none; padding-top: 40px;}
.mission-my .quese-btn button {width:80px; height:35px; line-height:35px; margin-right:-1px; border:1px solid #d9d9d9; font-size: 16px; color:#666; float:left;}
.mission-my .quese-btn a:nth-child(n+2) button {margin-left:5px;}
.mission-my .quese-btn button.on {background:#006cfc; color:#fff; border-color:#006cfc;}
.mission-my .quest-se li { height:35px; margin-right:5px; font-size:14px; color:#666; }
.mission-my .quest-se li:nth-child(2) {margin-right:10px;}
.mission-my .quest-se li:nth-child(3) {display: none;}
.mission-my .quest-se li:nth-child(3).on {display:flex;}
.mission-my .quest-se select, .quest-se input { height:100%; line-height:35px; padding:0 12px; border:1px solid #ccc; }
.mission-my .quest-se select { width:110px; background: url('../../leaderscpa_new/mission/arr.png') no-repeat 90% 50%; }
.mission-my .quest-se input { width:130px; cursor:pointer; background: url('../../leaderscpa_new/mission/calendar.png') no-repeat 90% 50%; }
.mission-my .quest-se .search_btn {width:80px; height:35px; line-height:35px; margin-left:10px; font-size: 16px; color:#fff;  background:#333;  }
.mission-my .quest-ch_list { width:100%; float:left; margin-top:20px;}
.mission-my .quest-ch_list dl {color:#333;}
.mission-my .quest-ch_list dt {display:flex; flex-wrap:wrap; height:50px; line-height:50px; border-top:1px solid #006cfc; border-bottom: 1px solid #e5e5e5; background:#f6f6f6;}
.mission-my .quest-ch_list .point_total {width:100%; height:50px; line-height:50px;background:#f2f8ff;border-bottom:1px solid #e5e5e5;}
.mission-my .quest-ch_list .point_total .point_txt {display:inline-block;width:205px;font-weight:500;}
.mission-my .quest-ch_list .point_total .point_num {display:inline-block;width:182px;padding-right: 30px;font-size:20px;font-weight:700;color:#006cfc;}
.mission-my .quest-ch_list .data {width:255px;}
.mission-my .quest-ch_list .subject {width:650px;}
.mission-my .quest-ch_list .point {width:213px;}
.mission-my .quest-ch_list .chk {width:182px;padding-right: 30px;}
/* ¸Þ¼¼Áö³»¿ª Ç׸ñ Ãß°¡*/
.mission-my .quest-ch_list .data2 {width:200px;}
.mission-my .quest-ch_list .gubun {width:50px;}
/**/
.mission-my .quest-ch_list dd .subject {display:block; padding-left:30px;}
.mission-my .quest-ch_list dd li {display:flex; flex-wrap:wrap; width:1300px; border-bottom:1px solid #e5e5e5;}
.mission-my .quest-ch_list dd li > p {display: flex; justify-content: center; align-items: center; padding:13px 0; color:#666;}
.mission-my .quest-ch_list dd li.cmt .ans_btn {display:inline-block; position:relative; max-width: 650px;}
.mission-my .quest-ch_list dd li .ans_btn .acc_img {margin:5px 0 0 5px;}
.mission-my .quest-ch_list dd li .ans_btn .new_img {margin:6px 0 0 2px;}
.mission-my .quest-ch_list dd li .txt_color1 {color:#e90303;}
.mission-my .quest-ch_list dd li .txt_color2 {color:#00b0a1;}
.mission-my .quest-ch_list dd li .txt_color3 {color:#006cfc;}
.mission-my .quest-ch_list .ans_wrap {display:none; width:100%; padding: 60px 95px 30px; border-top: 1px solid #e5e5e5; color:#888; background:#f3f3f3;}
.mission-my .quest-ch_list .answer {position:relative; line-height: 1.8;white-space: pre-line; word-break: break-all;letter-spacing: -1px;}
.mission-my .quest-ch_list .answer:before {content:""; display:block; position:absolute; width:90px; height:20px; left:0; top:-30px; background:url('../../leaderscpa_new/mission/leaders_name.png') no-repeat;}
.mission-my .quest-content02 .quest-ch_list .data {width:180px;}
.mission-my .quest-content02 .quest-ch_list .subject {width:600px;}
.mission-my .quest-content02 .quest-ch_list .point {width:210px;}
.mission-my .quest-content02 .quest-ch_list .chk {width:100px; padding-right:0;}
.mission-my .quest-content02 .quest-ch_list .balance {width:210px;}
.mission-my .quest-content02 .quest-ch_list .point_total .point_txt {width:145px;}
.mission-my .quest-paging {width: 100%; margin-top:50px;}
.mission-my .paging-btn {display:inline-block;}
.mission-my .quest-paging ul {display:inline-block; margin: 0 30px; font-family: 'Montserrat';  color: #111;}
.mission-my .quest-paging ul li {margin:0 20px}
.mission-my .quest-paging ul li:last-child {margin-right:20px !important;}
.mission-my .quest-paging ul li.active a {font-weight:600; color:#006cfc;}
.mission-my .pages-container-inner {overflow:hidden;}
.mission-my .quest-content2:first-child, .mission-my .quest-content:first-child {display:block;}

/*popup*/
.mission-my .my_pop .con-wrap > div {padding:50px 30px;}
.mission-my .my_pop .top {background:#fff;}
.mission-my .my_pop .top .txt, .mission-my .my_pop .top .form  {display: flex; align-items: center; justify-content: space-between; color:#111;}
.mission-my .my_pop .top .txt dt {font-size:20px; font-weight:500;}
.mission-my .my_pop .top .txt dd {font-size:14px; font-weight:300; color:#666; }
.mission-my .my_pop .top .txt dd span {vertical-align: top; font-size:16px; font-weight:500; color:#111;}
.mission-my .my_pop .top .form {margin-top:20px;}
.mission-my .my_pop .top .form input {width:330px; height:50px; line-height:50px; padding:0 20px; border:1px solid #dfdfdf; font-size:18px; font-weight:200; color:#888; box-sizing: border-box;}
.mission-my .my_pop .top .form button {width:100px; height:50px; font-size:16px; color:#fff; background:#006af8;}
.mission-my .my_pop .btm {background:#e4edf9;}
.mission-my .my_pop .btm .tit {display: inline-block; position: relative; padding-left: 30px; font-weight: 600; color: #111;}
.mission-my .my_pop .btm .tit:before {content:""; display:block; position:absolute; width:20px; height:20px; left:0; top:calc(50% - 8px);background: url('../../leaderscpa_new/mission/note-i.png');}
.mission-my .my_pop .btm p {position:relative; padding-left: 10px;font-size:16px; font-weight:300; color:#666; letter-spacing: -1.2px;}
.mission-my .my_pop .btm p:before {content:"-"; display:block; position:absolute; top:0; left:0;}
.mission-my .my_pop .btm p:nth-child(n+2) {margin-top:12px;}
.mission-my .my_pop .btm p strong {font-size:14px; font-weight:300;}
/* //¹Ì¼Ç ¸¶ÀÌÆäÀÌÁö */

/* ¹Ì¼Ç ·ê·¿ */
/*section*/
.mission-rlt section * {box-sizing:border-box;}

/*contents*/
.mission-rlt .event_tab_wrap { width:1000px; margin: 0 auto 0; }
.mission-rlt .event .evt_list { padding:110px 0 40px !important;}
.mission-rlt .event .evt_list .content, .mission-rlt .sct01 .content, .mission-rlt .sct02 .content { width:1300px !important;}
.mission-rlt .rlt {display: flex; flex-direction: column; padding:157px 0 230px; background: url('../../leaderscpa_new/mission/roulette.png') no-repeat center bottom 20px;}
.mission-rlt .rlt .tit {width:620px; margin-left:auto; margin-bottom: 20px; padding-right:15px; letter-spacing: -2px;}
.mission-rlt .rlt .tit01 {font-size:20px; font-weight:300; color:#666; letter-spacing: -1.2px;}
.mission-rlt .rlt .tit02 {font-size:36px; font-weight:700; color:#111; letter-spacing: -2px;}
.mission-rlt .rlt .tit02 strong {color:#006cfc;}
.mission-rlt .rlt-con { display:flex; height:340px; background:#eff4ff;}
.mission-rlt .rlt-right {display:flex; width:720px; height:100%; margin-left: auto;}
.mission-rlt .rlt-right .slide {width:365px; height:100%; overflow:hidden;}
.mission-rlt .rlt-right .slide .slide-tit {left:100px; top:30px; z-index:10;}
.mission-rlt .sl_2 .swiper-slide {background:#eff4ff;}
.mission-rlt .sl_2 .swiper-slide a {display:block; margin: 80px 0 0 95px;}
.mission-rlt .sl_2 .top img {opacity:0; transform: scale(1.2); transition: all 0.8s ease 0.1s;}
.mission-rlt .sl_2 .swiper-slide.swiper-slide-active .top img {opacity:1; transform: scale(1);}
.mission-rlt .sl_2 .btm {margin-top:20px; opacity:0; transform:translateX(-20px); transition: all 0.6s ease 0.3s;}
.mission-rlt .sl_2 .swiper-slide.swiper-slide-active .btm {opacity:1; transform:translateX(0);}
.mission-rlt .sl_2 .btm span {font-size:18px; font-weight:500; color:#111;}
.mission-rlt .sl_2 .btm p {font-weight:300; color:#666; letter-spacing: -1.4px;}
.mission-rlt .swp_page {display:inline-block; width:auto; height:10px; top:210px; left:295px !important; z-index:1;}
.mission-rlt .swp2_page span {width:10px; height:10px; margin:0 2px !important; opacity:1; background:#d2d2d2;}
.mission-rlt .swp2_page span.on {background:#ff3239;}
.mission-rlt .rlt-right .check {display: flex; justify-content: center; align-items: center;width:348px;}
.mission-rlt .check-wrap { font-size:18px; line-height: 0.8;}
.mission-rlt .check-wrap .top {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ccc; }
.mission-rlt .check-wrap .btm dl:last-child {margin-left:40px;}
.mission-rlt .check-wrap dd span {font-family: 'Montserrat'; font-size:42px; font-weight:600;}
.mission-rlt .check-wrap dl:last-child p {position:absolute; bottom:4px; left:90px; color:#888; font-weight:200;}
.mission-rlt .calendar { height:200px; background:#006cfc;}
.mission-rlt .calendar .content {width:1300px !important; padding:35px 0;}
.mission-rlt .calendar .tit p {display:inline-block;}
.mission-rlt .calendar .month-num { margin-right: 10px;font-size:36px; font-weight:600;}
.mission-rlt .calendar .month-name{font-family: 'Montserrat';  text-transform: uppercase; margin-left:5px; font-size:16px; font-weight: 400; color:rgba(255,255,255,0.5);}
.mission-rlt .calendar .datepicker {width: 100%; border:none; border-radius: 0; overflow: hidden;}
.mission-rlt .calendar .datepicker .ui-datepicker-inline {width: 100%; border: none; border-radius: inherit; background:transparent;}
.mission-rlt .calendar .datepicker .ui-datepicker-header {border: none; padding:0; font-weight: bold; font-size: 1.4em; color: #333; background:#eff4ff;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar {margin:24px 0 0;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar thead tr ,
.mission-rlt .calendar .datepicker .ui-datepicker-header .ui-datepicker-title,
.mission-rlt .calendar .datepicker .ui-datepicker-calendar .ui-datepicker-other-month {display:none;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar .date-sunday{color:#fff600 !important;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar tbody {font-family: 'Montserrat', 'Noto Sans KR'; display:flex;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar tbody tr {display:flex;}
.mission-rlt .calendar .mission-rlt .calendar .datepicker .ui-datepicker-calendar tr th,
.mission-rlt .calendar .datepicker .ui-datepicker-calendar tr td {display: inline-block; position: relative; width:35px; height:35px; line-height: 35px; margin-left:6.8px; padding:0; border: 1px solid #2e88ff; border-radius:50%; opacity:1; color:rgba(255,255,255,0.5); text-align: center; vertical-align: top;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar tr td span {position:relative; padding:0; border:none;  background:transparent; font-size: 16px; color:inherit; text-align: center; z-index:1;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar .ui-datepicker-today {border-color:#fff !important; background:#fff !important; color:#006cfc !important;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default:before {font-family: 'Montserrat'; content: "TODAY"; display: block; position: absolute; width: 50px; height: 20px; line-height: 21px; top: -28px; left: 50%; margin-left: -25px; background: #fff; border-radius: 50px; font-size: 10px; font-weight: 500; color: #006cfc; }
.mission-rlt .calendar .datepicker .ui-datepicker-calendar .chk {background: #fff600 !important; color: #000 !important; border-color: #fff600 !important;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward']{height:60px; border-radius:20px; border-color: #ff3239 !important; background: #ff3239 !important; color:#fff !important;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward'].chk {background: #fff600 !important; border-color: #fff600 !important; color: #000 !important;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward'] .re_point {position: relative; display: inline-block; line-height: 1.4; font-size: 10px; color: inherit; vertical-align: top;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward'] .re_point:before {content: "+"; display: block; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward'].chk .re_point {font-weight: 600;}
.mission-rlt .calendar .datepicker .ui-datepicker-calendar *[class*='date-reward'].done .ui-state-default:after {content:'';display:block;position:absolute;width:36px;height:20px;top:-14px;left:calc(50% - 18px);background:url('../../leaderscpa_new/mission/point_get.png');}
.mission-rlt .calendar .datepicker .ui-datepicker-header .ui-datepicker-prev, 
.mission-rlt .calendar .datepicker .ui-datepicker-header .ui-datepicker-next {display:none;}
.mission-rlt .directions .content { width:1300px !important; padding:75px 0; color:#111;}
.mission-rlt .directions h3 {font-size:22px; font-weight:600;}
.mission-rlt .directions .list-item {width:310px; height:310px; padding:170px 30px 0 30px; border:1px solid #e7e7e7; font-size:18px; font-weight:300; color:#666; background:no-repeat 30px 50px; letter-spacing:-1.4px;}
.mission-rlt .directions .list-item:nth-child(n+2) {margin-left:20px;}
.mission-rlt .directions .list-item:nth-child(2n) {background-color:#f8f8f8;}
.mission-rlt .directions .list-item:nth-child(1) {background-image:url('../../leaderscpa_new/mission/list01_bg-i.png');}
.mission-rlt .directions .list-item:nth-child(2) {background-image:url('../../leaderscpa_new/mission/list02_bg-i.png');}
.mission-rlt .directions .list-item:nth-child(3) {background-image:url('../../leaderscpa_new/mission/list03_bg-i.png');}
.mission-rlt .directions .list-item:nth-child(4) {background-image:url('../../leaderscpa_new/mission/list04_bg-i1.png');}
.mission-rlt .directions .list-item p {margin-top:25px;}
.mission-rlt .foot_btm {padding-top:40px;}

/*roulette*/
.mission-rlt .roulette_wrap{position: absolute; width: 620px; height: 620px; left: 15px; top: calc(50% - 310px); text-align: center; z-index:10;}
.mission-rlt .roulette {position:relative;width:100%;height:100%;transform:rotate(0);background:#3b5beb url('../../ssb/rl_box_bg.png') no-repeat center;border-radius:50%;}
.mission-rlt .roulette > div {position:absolute;width:568px;height:567px;top:calc(50% - 284px);left:calc(50% - 284px);background:url('../../leaderscpa_new/mission/rl_bg1.png') no-repeat  center /cover;border-radius:50%;overflow:hidden;}
.mission-rlt .roulette > div.angle60{animation:rotate1 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette > div.angle120{animation:rotate2 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette > div.angle180{animation:rotate3 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette > div.angle240{animation:rotate4 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette > div.angle300{animation:rotate5 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette > div.angle360{animation:rotate6 4.5s forwards cubic-bezier(0.4,0,0,1.15)}
.mission-rlt .roulette_wrap .start_btn {display:block;position:absolute;top:calc(50% - 110px);left:calc(50% - 110px);width:220px;height:220px;border-radius:50%;z-index:2;}
.mission-rlt .roulette_wrap .start_btn:before{content:""; display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(255,204,0,0.2);border-radius:50%;z-index: -1; transition:all 0.3s ease;}
.mission-rlt .roulette_wrap .start_btn.on:before{animation:shadow 1.4s ease infinite;}
.mission-rlt .roulette_wrap .start_btn span {font-family: 'Montserrat'; display:block;width:180px;height:180px; line-height:180px; margin:20px;background:#ffee00;border-radius:50%;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden; font-size:36px; font-weight:700; transition: all 0.4s ease;  -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.mission-rlt .roulette_wrap .start_btn:hover span {letter-spacing:1.2px; font-size:37px;}
.mission-rlt .roulette_wrap .start_btn.on:hover span {letter-spacing: inherit; font-size:36px;}
.mission-rlt .roulette_wrap .start_btn button {display:block;position:absolute;width:180px;height:180px;top:20px;left:20px;border-radius:50%;}
.mission-rlt .roulette_wrap.inert .start_btn {display:none;}
.mission-rlt .roulette_wrap .pin{position:absolute;top:-40px;left:calc(50% - 38px);width:75px;height:99px;background:url('../../ssb/pin.png');z-index:3;}
.mission-rlt .roulette_wrap .overlay {position:absolute;width:568px;height:567px;top:calc(50% - 284px);left:calc(50% - 284px);padding-top:116px; font-size:20px;color:#fff;background:rgba(0,0,0,0.8);border-radius:50%;opacity:0;z-index:1;transition:all 0.5s ease;overflow:hidden; visibility: hidden;}
.mission-rlt .roulette_wrap .overlay .oly_tit {font-size:30px;}
.mission-rlt .roulette_wrap .overlay .roundBox {position:absolute;top:calc(50% - 110px);left:calc(50% - 110px);width:220px;height:220px;background-color:rgba(255,204,0,0.2);border-radius:50%;overflow:hidden;}
.mission-rlt .roulette_wrap .overlay .roundBox .reset_btn {width:180px;height:180px;margin:20px;padding-top:32px;background:#ffee00;border-radius:50%;cursor:pointer;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden;}
.mission-rlt .roulette_wrap .overlay .roundBox dl {color:#111;line-height:1.3;}
.mission-rlt .roulette_wrap .overlay .roundBox dt {font-size:16px;font-weight:normal;}
.mission-rlt .roulette_wrap .overlay .roundBox dd {font-size:24px;font-weight:bold;}
.mission-rlt .roulette_wrap .overlay .use_point {width:110px;height:50px;margin:10px auto 0;font-size:24px;font-weight:bold;line-height:48px;letter-spacing:0;border-radius:25px;background:#ff3239;}
.mission-rlt .roulette_wrap.inert .overlay {opacity:1;visibility: visible;}
.mission-rlt .roulette_wrap .oly_countBox {position:absolute;top:420px;left:0;right:0;}
.mission-rlt .roulette_wrap .oly_countBox .oly_count {margin-top:6px;font-size:50px;color:#00be67;font-weight:bold;line-height:1;}
.mission-rlt .roulette_wrap .oly_count ul {display: inline-block;}
.mission-rlt .roulette_wrap .oly_count li {display: inline-block;vertical-align: middle;}

/*roulette_pop*/
.mission-rlt .roulette_wrap .roulette_pop {opacity:0;position: absolute;top: calc(50% - 284px);left: calc(50% - 284px); width: 568px;height: 567px;background: rgba(0,0,0,.8);border-radius: 50%;color: #111; z-index: 2; visibility: hidden; transition:all 0.5s ease;}
.mission-rlt .roulette_wrap .roulette_pop-wrap {width:100%; height:100%;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition {padding-top:154px; font-size:24px;font-weight: 500;color:#fff;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .txt01 {display: inline-block; position:relative; font-size:28px; font-weight:300;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .txt01 {padding-right: 100px;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .txt01:before {content:""; display:block; position:absolute; width:86px; height:74px; top:-40px; right:0; background:url('../../leaderscpa_new/mission/firecracker.png') no-repeat center;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .txt01:after {content:""; display:block; position:absolute; width:37px; height:0; top:-40px; right:-15px; background:url('../../leaderscpa_new/mission/frustration.png') no-repeat top; opacity:0; transition:all 0.6s ease-in-out 0.3s;}
.mission-rlt .roulette_wrap .roulette_pop.sorry .acquisition .txt01:after {opacity:1; height:58px;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .txt02 {margin-top:5px; font-size:46px; font-weight:600; letter-spacing: -2px;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .txt02-01 {color:#708aff;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .point {display: inline-block;position:relative;line-height: 50px;margin-top:35px;padding-left: 60px;font-family: 'Montserrat', 'Noto Sans KR';font-size: 50px; font-weight: 700;}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .point:before {content:""; display:block; position:absolute; top:calc(50% - 29px); left:0; width:58px; height:58px;  background: no-repeat center;}
.mission-rlt .roulette_wrap .roulette_pop.sorry .acquisition .point:before {background-image:url('../../leaderscpa_new/mission/emogi.png');}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin {position: absolute; width:58px; height:58px; top: 0;left: 0; bottom: 0;  margin: auto; transform-style: preserve-3d;animation: rotation 1s ease-out;animation-delay:0.2s;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin:after {content:""; display:block; position:absolute; top:2px; left: 25px;width:10px;height:50px;background: linear-gradient(#ffee00, #dccd00);transform: rotateY(-90deg) translateZ(2px);}
@keyframes rotation {100% {transform: translateZ(0px) rotate3d(0,1,0,360deg);}}
.mission-rlt .roulette_wrap .roulette_pop .acquisition .coin .side {display:none; position:absolute; width:58px; height:58px;left:0; top:0; transform-style: preserve-3d; z-index:1;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin .side {display:block;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin .heads{background-image:url('../../leaderscpa_new/mission/coin.png');transform: rotateY(0deg) translateZ(5px);}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin .heads:before {content:""; display:block; position:absolute; width:50px; height:50px; top:2px; left:3px; background:linear-gradient(#ffee00, #dccd00);; border-radius:50%;transform: rotateY(180deg) translateZ(0);z-index: -1;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin .tails{background-image:url('../../leaderscpa_new/mission/coin.png');transform: rotateY(180deg) translateZ(5px);left: -3px;}
.mission-rlt .roulette_wrap .roulette_pop.win .acquisition .coin .tails:before {content:""; display:block; position:absolute; width:50px; height:50px; top:2px; left:2px; background:linear-gradient(#ffee00, #dccd00);; border-radius:50%;transform: rotateY(180deg) translateZ(0);z-index: -1;}
.mission-rlt .roulette_wrap .roulette_pop .rl_pop_clz {height: 60px; margin-top:40px; padding: 0 30px 0px 30px; border-radius:50px; font-size:20px; background:#ff3239; color:#fff;}
.mission-rlt .roulette_wrap .roulette_pop .rl_pop_clz span {display:inline-block;position:relative;padding-right:45px;}
.mission-rlt .roulette_wrap .roulette_pop .rl_pop_clz span:before {content:""; display:block; position:absolute; top:calc(50% - 10px); right:0; width:21px; height:15px; background-image:url('../../leaderscpa_new/mission/roulette_chk.png');}
.mission-rlt .roulette_wrap.rotate .roulette_pop {visibility: visible; opacity:1;}

/*confetti*/
.mission-rlt .roulette_pop .flex-rows{position: absolute;top:-144px;display: block;width: 100%;z-index:10}
.mission-rlt .roulette_pop .custom-canvas {width: 100%;max-width: 1000px;height: 710px;background: var(--secondary-color);}

/*roulette_pop-point*/
.mission-rlt .roulette_wrap .roulette_pop-point {opacity:0;position: absolute;top: calc(50% - 284px);left: calc(50% - 284px); width: 568px;height: 567px; background: rgba(0,0,0,.8);border-radius: 50%;color: #111; z-index: 2; visibility: hidden; transition:all 0.5s ease;}
.mission-rlt .roulette_wrap .roulette_pop-wrap {position:relative; width:100%; height:100%; z-index:11;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition {padding-top:195px; font-size:24px;font-weight: 500;color:#fff;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition .txt01 {display: inline-block; position:relative; font-size:28px; font-weight:300;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition .txt01:after {content:""; display:block; position:absolute; width:37px; height:0; top:-40px; right:-15; background:url('../../leaderscpa_new/mission/frustration.png') no-repeat top; opacity:0; transition:all 0.6s ease-in-out 0.3s;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition .txt02 {line-height: 1.3; margin-top:5px; font-size:34px; font-weight:300; letter-spacing: -2px;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition .txt02-01 strong {font-weight:500;color:#708aff;}
.mission-rlt .roulette_wrap .roulette_pop-point .acquisition .txt02-02 {display:block;}
.mission-rlt .roulette_wrap .roulette_pop-point .confirm_btn {height: 60px; margin-top:40px; padding: 0 30px 0px 30px; border-radius:50px; font-size:20px; background:#ffea00; color:#111;}
.mission-rlt .roulette_wrap .roulette_pop-point .confirm_btn p {display:inline-block;}
.mission-rlt .roulette_wrap .roulette_pop-point .confirm_btn span {margin-left:30px; font-family: 'Montserrat'; font-weight:600;}
.mission-rlt .roulette_wrap.confirm .roulette_pop-point {visibility: visible; opacity:1;}
@keyframes shadow {0%{opacity:1;transform:scale(0.8)}35%{opacity:0.5}70%{transform:scale(1.1)}100%{opacity:0;transform:scale(1.15)}}
@keyframes rotate1 {to{transform:rotate(1110deg)}}
@keyframes rotate2 {to{transform:rotate(1170deg)}}
@keyframes rotate3 {to{transform:rotate(1230deg)}}
@keyframes rotate4 {to{transform:rotate(1290deg)}}
@keyframes rotate5 {to{transform:rotate(1350deg)}}
@keyframes rotate6 {to{transform:rotate(1410deg)}}

/* //¹Ì¼Ç ·ê·¿ */

/*µµÀüÀü ¹Ì¼Ç¿É¼Çµé */
.mission_pop .msp_type .op_view {display: none;}
.mission_pop .msp_type .op_view.on{display: block;}

.mission_pop .msp_type .img_view {display: none;}
.mission_pop .msp_type .img_view.on{display: block;}

/* popup */
.mission_popup .cont {position:absolute; top:calc(50% - 510px/2); left:calc(50% - 375px/2); color:#000; font-weight:200; transition:all 0.5s ease; transition-delay:0s; opacity:0; transform:translateY(40px); }
.mission_popup .pop_close {top:20px; right:20px}