@charset "utf-8";
/*#content{background:#ebedf1;}*/
/*section:first-child{margin-top:0px;}*/
/* 섹션 공통사항 */
section .subtit{margin:18px auto;width:100%;font-size:16px;font-weight:normal;color:#4c4c4c;}
section .tit{margin:0 auto;width:100%;font-size:35px;color:#f39a00;}

/****************/
/*      홈      */
/****************/
section h1{overflow-x:hidden;height: auto;min-height: 25px; line-height: 1.5rem;padding-bottom: 14px;}
/*************/
/*비주얼 영역*/
/*************/

.owl-carousel .owl-dot:first-child{margin-left:0;}
/* 비주얼 슬라이드 sync1 */
.owl-carousel#sync1 {width:100%;height:auto;margin:0;text-align: center;background:#bdebf6;}
.owl-carousel#sync1 .item{overflow:hidden;position:relative; padding:0;margin: 0px; background: #bdebf6; color: #FFF;border-bottom:1px solid #ebedf1 ;text-align: center;}
/* 비주얼 - 배경 컬러 game color */
.owl-carousel#sync1 .item.bg-sky{background:#bdebf6;}
.owl-carousel#sync1 .item.bg-pink{background:#f0d1ca;}
.owl-carousel#sync1 .item.bg-yellowgreen{background:#c6e4b2;}
.owl-carousel#sync1 .item.bg-dk-grey{background:#a2a5ac}

.owl-carousel#sync1 .item .img{z-index:-1;box-sizing:border-box;height:260px;width:100%;border-bottom: 1px solid #212733;}
.owl-carousel#sync1 .item .visual-img{height:260px;width:100%;}
.owl-carousel#sync1 .item .img-cover{}
.owl-carousel#sync1 .item .img:after{z-index:0;height:100%;width:100%;position:absolute;left:0;top:0;
    background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/game/popular-bg.png) center top repeat-y; background-size:cover;
}

.owl-carousel#sync1 .item article.top{z-index:10;position:absolute;bottom:0;left:0;/*eft:50%;margin-left:-594px;*/word-break:normal;/*width:1188px;*/width:100%;text-align:left;}
.owl-carousel#sync1 .owl-controls{position:absolute;bottom:0;}

.owl-carousel#sync1 .owl-nav .owl-prev{position: absolute;display:block !important;left:0px;top:50%;margin-top:-51px;min-width:inherit;width:51px;height:100%;
    transition:all .2s linear;outline:none;
}
.owl-carousel#sync1 .owl-nav .owl-next{position: absolute;display:block !important;right:0px;top:50%;margin-top:-51px;min-width:inherit;width:51px;height:100%;
    transition:all .2s linear;outline:none;
}
.owl-carousel#sync1:hover .owl-nav .owl-prev{left:0px;}
.owl-carousel#sync1:hover .owl-nav .owl-next{right:0px;}

.owl-carousel#sync1 .owl-dots{overflow:hidden;display: inline-block /*none*/;position: absolute;height: 15px; top: 14rem;left: calc(50% - 550px);}
.owl-carousel#sync1 .owl-dot{float:left;display:inline-block;margin-left:10px;width:15px;min-width:0;height:15px;border-radius:7.5px;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/home/sync/pager-off.png) center no-repeat;}
.owl-carousel#sync1 .owl-dot:nth-of-type(1){margin-left:0px}
.owl-carousel#sync1 .owl-dot.active{width:15px;height:15px;border-radius:7.5px;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/home/sync/pager-on.png) center no-repeat;}
/*비주얼 탑 왼쪽 컨텐츠 */
.item article.top .visual-cont{position:relative;display:inline-block;box-sizing:border-box;width:100%;}

#visual .row-w{position: relative;width:100% !important;max-width:inherit !important;overflow: hidden;}/* 반응형 수치 변경 */
.top .text{text-transform:uppercase;position:absolute;max-width:30rem;top: 50%;left: 50%;margin-left: -550px;margin-top: -4.5rem;text-align:left;}
.top .small{display:inline-block;letter-spacing:2px;font-size:24px; font-size:1.5rem;font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.1);color:#fff;text-align:left;letter-spacing:-1px;margin-bottom:1rem;font-family:'MalgunGothic',sans-serif;}
.top .small span{letter-spacing:2px;font-size:24px; font-size:1.5rem;font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.1);color:#fff;text-align:left;letter-spacing:-1px;font-family:'MalgunGothic',sans-serif;text-transform: capitalize;}
.top .big{display:inline-block;font-size:40px; font-size:2.5rem;font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.1);color:#fff;text-align:left;letter-spacing:-0.5rem;font-family:'MalgunGothic',sans-serif;}
.top .big span{font-size:34px; font-size:2.125rem;font-weight: bold; text-shadow: 0px 0px 3px rgba(0,0,0,0.35);color:#fff;text-align:left;letter-spacing:-2px;font-family:'MalgunGothic',sans-serif;}

/* 비주얼 - 텍스트 컬러 game color */
#sync1 .color-mint{color:#00a8c1;}
#sync1 .color-dk-pink{color:#db6c53;}
#sync1 .color-dk-green{color:#3f6d3f;}
#sync1 .color-dk-grey{color:#312d2d;}
#sync1 .color-3p{color:#fff;}

/* 비주얼 미들 오른쪽 컨텐츠*/
.middle .pull-right{position:relative;width:100%;text-align:right;}
.middle .rank-link{display:inline-block;box-sizing:border-box;margin:0;padding:0;width:auto;}
.middle .rank-link li{float:left;}
.middle .rank-link li a{color:#fff;font-size:15px;font-size:0.9375rem;line-height:1; font-weight:bold;text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.middle .rank-link li a:before{content:'\00b7';color:#fff;font-size:15px;font-size:0.9375rem;line-height:1; font-weight:bold;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);margin-left:0.5rem;margin-right:0.5rem;}
.middle .rank-link li:first-child a:before{content:''}
.middle .rank-link li a .fa{color:#fff;font-size:15px;font-size:0.9375rem;line-height:1; font-weight:bold;}
.middle .rank-link li a:hover{color:#F39A00;}
.middle .rank-link li a:hover .fa{color:#F39A00;}
/* 비주얼 바틈 컨텐츠 */
.owl-carousel#sync1 .item article.bottom{z-index:10;position:relative;word-break:normal; padding-top: 0px; width:1188px;text-align:left;}
.game-desc{width:100%;}
/* 바틈, list 게임 디스크립션 */
.game-desc .pull-left  {max-width: 50%; overflow: hidden;}
.game-desc .pull-right{max-width: 50%; padding-top: 0;text-align:right;border-left:4px dotted #e9e9e9;box-sizing:border-box;}


.game-desc .game-tit {color: #444;font-weight: bold; text-align: center;font-size: 25px;}
.game-desc .game-tit a.btn{text-align:left;
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    width: auto;
    height: 1.2rem;
    vertical-align:middle;
    min-width: inherit;
    border-radius: 1.2rem;
    color: #F39A00;
    font-size: 10px;
    font-weight: bold;
    line-height: 2;
    border: 1px solid #F39A00;
    background: none;
    align-items: inherit;
    line-height:1.7;
}
.game-desc .game-tit a.btn:hover{color: #000;background: #F39A00;}
.game-desc ul li{float:none;}

/* 게임 이너 타이틀 */
section.inner-tit h1{line-height: 35px;}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;
    float:right;
    box-sizing: border-box;
    padding: 0px 14px;
    width: calc(100% - 30px);
    max-width:215px;
    border: 1px solid #b6ccd1;
    color: #4d6b72 !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    vertical-align:middle;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    background: #fff url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/arrow-default.png) no-repeat 218px 50%;
}

select:hover, select:focus, select:active, select:checked{
    box-sizing: border-box;
    padding: 0px 14px;
    width: calc(100% - 30px);
    max-width:215px;vertical-align:middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #b6ccd1;
    color: #4d6b72 !important;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    background: #fff url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/arrow-close.png) no-repeat 218px 50%;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    vertical-align:middle;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

option{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;
    border:none;
    width:100%;
    background:#fff;
    font-size: 14px;
    padding:0px 14px;
    hegiht:37px;
    line-height:37px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    font-weight:400;
    color:#6f6f6f !important;text-align:left;/*font-size:16px;font-size:1rem;*/font-size:14px;
    font-weight:400;
    font-style:normal;
}

/* check, hover 스타일 설정 IE, Chrome */
option[selected="selected"],
option:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;
    border:none;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    padding:0px 14px;
    font-weight:400;
    color:#4d6b72 !important;
    /*background: #e8eeef url('https://file.valofe.com/Valofe_file/web/vfun/images/common/select-arrow-on.png') no-repeat right 50%; *//* 화살표 아이콘 추가 */
}
/* check, hover 스타일 설정 FireFox */
select option:checked,
select option:hover {
    height: 37px;
    line-height: 37px;
    padding:0px 14px;
    font-weight:400;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    color:#4d6b72 !important;
    padding:14px 0;
    background:#e8eeef;
}
section.game-line{margin-top:0rem;}
.game-line .row-w{padding: 46px 56px;background:#fff;}
section.game-line h1{color:#238ba3;font-size:1rem;border-bottom:1px solid #e6e6e6;padding-bottom: 0;}
section.game-line h1 span{color:#238ba3;font-size:1rem;font-weight:bold;}
section.game-line h1 small{font-size:14px;font-size:0.875rem; color:#444; text-transform: uppercase;}

/* 소팅 네비 */
.sorting-nav{display:inline-block;width:auto;margin-top: 0rem;float:right;}
.sorting-nav ul{float:none;display:inline-block;width:auto;}
.sorting-nav ul li{float:left; padding-top: 0; padding-bottom: 0;border-bottom:none;}
.sorting-nav ul li:before{content:'|'; vertical-align: middle; display:inline-block; margin-left:0.5rem; margin-right:0.5rem; font-size: 14px; font-weight:normal; color: #a2a5ac;}
.sorting-nav ul li:first-child:before{display:none;}
.sorting-nav ul li:first-child{margin-left:0rem;}
.sorting-nav ul li a{display:inline-block; color: #a2a5ac; font-size: 14px; font-weight:bold;}
.sorting-nav ul li a .fa{display:inline-block; color: #a2a5ac; font-size: 14px; font-weight:bold;}
.sorting-nav ul li a:hover, .sorting-nav ul li.on a, .sorting-nav ul li.on a .fa{display:inline-block; color: #434343; font-size: 14px; font-weight:bold;}

/* 보유 포인트 */
#myPoint{box-sizing:border-box;margin-top:20px;margin-bottom:20px;width:100%;text-align:right;font-size:13px;}

#myPoint em{display:inline;margin-right:7px;vertical-align:middle;font-weight:bold;color:#000;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#myPoint em.status{color:#a2a5ac;}
#myPoint b{display:inline-block;margin-right:5px;
    height:18px;line-height:18px;width:18px;font-size:12px;
    border-radius:9px;text-align:center;vertical-align:middle;font-weight:bold;
    background:#ffcc32;
    color:#000;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#myPoint span{display:inline;vertical-align:middle;font-weight:normal;color:#000;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#myPoint a:hover em, #myPoint a:hover span{color:#5bc5dd;text-decoration:none;}
#myPoint a:hover b{background:#5bc5dd;color:#fff;text-decoration:none;}



    /* 미션 리스트 */
.game-line ul.mission-list li{float:none;padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.game-line ul.mission-list li:first-child{padding-top:0px; }
.game-line ul.mission-list li  ul li{list-style:none; float:none; border:none; padding-bottom:0;}
.game-line ul.mission-list li  ul li:before{content:'';}
.game-line ul.mission-list li:last-child{border-bottom:none;}

.game-line .game-image{position:relative;box-sizing:border-box;width:127px;height:127px;text-align:left;}
.game-line .game-image img{width:100%;}
.game-line .game-image.event:after{position: absolute;display: inline-block;content: '';left: -5px;top: 10px;width: 40px;height: 44px;background: url(https://file.valofe.com/Valofe_file/web/vfun/images/common/blit-event.png) 0 0 no-repeat;}
.game-line .game-image.new:after{position: absolute;display: inline-block;content: '';left: -5px;top: 10px;width: 40px;height: 44px;background: url(https://file.valofe.com/Valofe_file/web/vfun/images/common/blit-new.png) 0 0 no-repeat;}
.game-line .game-image.hot:after{position: absolute;display: inline-block;content: '';left: -5px;top: 10px;width: 40px;height: 44px;background: url(https://file.valofe.com/Valofe_file/web/vfun/images/common/blit-hot.png) 0 0 no-repeat;}

.game-line .game-txt{position:relative;box-sizing:border-box;padding-top: 14px;padding-left:26px;width:calc(100% - 145px);/*127 + 85 */text-align:left;}
.game-line .game-line-cont h2{margin-top:4px;margin-bottom:0px;font-size:32px;font-weight:bold; text-align:left; color:#000000; line-height:1.2; letter-spacing:-1px;}
.game-line .game-line-cont .fa{margin-right:4px;text-align:center;height:inherit;/*line-height: 1.2;*/font-size:14px;}

.game-line .game-line-cont .btn-wrap{margin-top:16px;}
.game-line .game-line-cont .game-desc{font-size:12px;font-size:0.75rem;line-height:1.2;font-weight:bold;color:#f39a00;}
.game-line .game-line-cont .game-event{font-size:12px;font-size:0.75rem;line-height:1.2;font-weight:normal;color:#444;}

.game-line .game-desc .game-info{margin-top: 17px;margin-bottom: 5px;}
.game-line .game-desc .wrap-device-all {display: inline-block;width: auto;padding: 0px 16px 0px 0;}
.game-line .wrap-device{display:inline-block;width:auto;margin-top:0px;margin-right:10px;text-align:right;}

.game-line .game-line-cont .device-txt{position:relative;padding-left:4px;font-size: 12px;color:#444;}
.game-line .game-line-cont .device-txt:after{content: '\00b7';position: absolute;left: -12px;top: 0px;margin: 0px 7px 0;display: inline-block;font-size: 16px;font-weight: bold;color: #444;}
.game-line .game-desc .fa{font-size:12px;}
.game-line .game-desc a.btn{text-align:left;
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    width: auto;
    height: 1.2rem;
    vertical-align:middle;
    min-width: inherit;
    border-radius: 1.2rem;
    color: #F39A00;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2rem;
    border: 1px solid #F39A00;
    background: none;
    align-items: inherit;
}
.game-line .game-desc a.btn:hover{color: #000;background: #F39A00;}

.game-line .download-num {color: #a2a5ac;font-size: 15px;font-size:0.9375rem;margin-left:inherit;margin-right:1rem;vertical-align: middle;}
.game-line .like-num {color: #a2a5ac;font-size: 15px;font-size:0.9375rem;margin-left:inherit;margin-right:1rem;vertical-align: middle;}

.game-line .row-w.padding-none {margin:2rem auto; padding:0; background:none; border-top:0;}
.game-line .wrap-btn { width: 100%; max-width:100%;background:none; }
.game-line .wrap-btn  a.more{margin-top: 0 ; display:block; padding:1rem 0; width:100%; color:#000;font-size:1rem;border:1px solid #e3e3e3;background:#fff;}
.game-line .wrap-btn  a.more .fa{color:#000;font-size:1rem;vertical-align:middle;}
.game-line .wrap-btn  a.more:hover, .game-line .wrap-btn  a.more:hover .fa{background:#139bb8;color:#000;}

ul.mission-list li ul.ea{float:left;width:auto; padding-left: 10px; padding-right: 30px;}
ul.mission-list li ul.ea li{float:none;width:100%;color:#444;text-align:center;}
ul.mission-list li ul.ea li.bubble span{display:none;width:58px;height:43px;line-height:40px;font-size:14px;vertical-align:middle;color:#fff;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/stamp-bubble.png) 0 0 no-repeat;}
ul.mission-list li.times ul.ea li.bubble span{display:inline-block;}

ul.mission-list li ul.ea li div{width:96px;display:block;text-align:center;margin-top:24px;}
ul.mission-list li ul.ea li div i{}/* 모바일일 때만 히든 */
ul.mission-list li.times ul.ea li.bubble  + li div{margin-top:0;}
ul.mission-list li ul.ea li em{font-weight:bold;text-align:center;}

ul.mission-list li ul.status{float:right;width:auto;padding-right:10px;padding-left:36px;}
ul.mission-list li ul.status li {position:relative;width:96px;height:96px;color:#444;text-align:center;}
ul.mission-list li ul.status li a {cursor:default;display:block;width:100%;height:100%;margin-top: -24px;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/stamp-dim.png) 0 0 no-repeat;background-size:cover;}
ul.mission-list li.complete ul.status li a {display:block;width:100%;height:100%;background:url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/stamp-active.png) 0 0 no-repeat;background-size:cover;}
ul.mission-list li ul.status li label{visibility:hidden;}
.stamp-status[type="checkbox"] {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;*/
    position:relative;
    box-sizing:border-box;
    margin-left: -60px;
    margin-top:2px;
    width:24px;
    height:24px;
    border-radius:6px;
    background:#fff !important;
    border: 1px solid #D4D4D4 !important;
}
.stamp-status[type="checkbox"]:checked{
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;
    background:transparent;*/
    box-sizing:border-box;
    background:#fff;
    width:24px;
    height:24px;
    border-radius:6px;
    border:none;
    border: 1px solid #D4D4D4 !important;
}
.stamp-status[type="checkbox"]:checked:after {
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor:pointer;
    outline:none;*/
    content: '';
    display: inline-block;
    box-sizing:border-box;
    position: absolute;
    margin: 0;
    top: -1px;
    left: -1px;
    border:none;
    border: 1px solid #5bc5dd !important;
    border-radius:6px;
    width: 24px;
    height: 24px;
    background: #5bc5dd url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/blit-check-white.png) center center no-repeat;
    background-size:cover;
}

/* 미션 리스트 상세 설명*/
.game-line .desc{font-size:13px;color:#444;padding-left:17px;line-height:1.4;height:55px;}
.reset-time{margin-top: 15px;font-size:13px;color:#444;padding-left:0px;line-height:1.4;}
.show-mobile{display:none;}
.show-desktop{display:inline;}
.reset-time .em{color:#139bb8; display:block; margin-bottom:5px;}
.reset-bg{display:inline-block;color:#fff;background:#a2a5ac;padding:1px 4px; margin-right:3px; border-radius: 2px; font-size:11px;}
.ellipsis-multi:after {
    display: inline-block;
    display:none;
    position: absolute;
    right: 0;
    bottom: 0px;
    content: '+';
    padding-right: 9px;
    width: 4px;
    height: 17px;
    line-height: 16px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    background: #efefef;
    color: #000;
    text-align:center;
    -webkit-transition: all .75s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .75s cubic-bezier(.23,1,.32,1);
    -o-transition: all .75s cubic-bezier(.23,1,.32,1);
    transition: all .75s cubic-bezier(.23,1,.32,1);
}

.game-line .desc .icon-mission{display:inline-block;vertical-align:middle;margin-left:-17px;margin-right:3px;}

/* 인포메이션 */
section.info{margin-top:0rem;padding-top:1rem;padding-bottom:1rem; }
section.info h1{font-size:1rem;}
.info .row-w{padding: 46px 56px;background:#fff;border-top:none;}
ul.show-info{padding-left:1rem;}


ul.show-info li{position:relative;list-style:circle;font-size: 13px;color: #444;padding-left: 0px;line-height: 1.5;text-align:left;color:#444;}

:lang(tw)  ul.show-info li{ word-break: break-all;}
:lang(jp)  ul.show-info li{ word-break: break-all;}
:lang(ko)  ul.show-info li{ word-break: keep-all;}
:lang(tr)  ul.show-info li{ word-break: keep-all;}
:lang(fr)  ul.show-info li{ word-break: keep-all;}
:lang(de)  ul.show-info li{ word-break: keep-all;}
:lang(en)  ul.show-info li{ word-break: keep-all;}

ul.show-info li a{color: #139bb8;}
ul.show-info li a:hover {color: #139bb8;text-decoration:underline;}
ul.show-info li img{width:13px;height:13px;vertical-align:middle;}
ul.show-info li .info-img{position:absolute;box-sizing:border-box;z-index:1;left:200px;padding:1.5rem 2rem 1rem;box-sizing:border-box;border:1px solid #d4d4d4;box-shadow: 0 0 3px rgba(0,0,0,0.3);background:#fff;text-align:center;color:#a2a5ac;}

ul.show-info li .info-img a{color: #d4d4d4;font-size:16px;}
ul.show-info li .info-img a:hover{color: #139bb8;;font-size:16px;}
ul.show-info li .info-img.dim{display:none;top:-86px; left: 100px;width: 220px; min-height:155px;}
ul.show-info li .info-img.active{display:none; top: -70px;left: 100px; width: 220px; min-height:155px;}
ul.show-info li .info-img img{width:96px;height:96px;}
ul.show-info li .info-img .btn-close-info{position:absolute;display:inline-block;right:1rem;top:0.5rem;}

/* 페이지 */
section.page-area{margin-top:0}
section.page-area .row-w{}
/* 로그인 전 내 상태: 마이 스탬프, 미션 */
em.status {
    text-decoration: none;
    display: block;
    width:100%;
    margin-right: 0px;
    vertical-align: middle;
    font-weight: bold;
    color: #a2a5ac;
    float:left;
    font-size:13px;
    text-align: left;
}
em.status .status-bg{
    display: inline-block;
    color: #fff !important;
    background: #a2a5ac;
    padding: 4px 4px;
    margin-right: 3px;
    border-radius: 2px;
    font-size: 11px;
    line-height:11px;
}

h1 em.status{display:inline-block;width:auto;float:right;text-align:right;}

@media screen and (max-width: 1440px) {
    /* 비주얼 이미지 */
    .owl-carousel#sync1 .item .img,
    .owl-carousel#sync1 .item .visual-img{height: 240px;max-height: 240px;}
    /* 비주얼 슬라이드 */
    /*게임 아이콘 너비*/
    .rank .pull-left{width:180px;}

    /*
    .top .num{font-size:4rem; width: 2.5rem;}
    .top .text{margin-top:1rem;}
    .top .small{letter-spacing:0.5125rem;}
    .top .big{font-size: 1.125rem;}*/

}
@media screen and (max-width: 1280px) {
    /* 비주얼 슬라이드 */
    .owl-carousel#sync1 .item article.bottom{margin:3% auto 0}

    /*게임 아이콘 너비*/
    .rank .pull-left{width:160px;}
    .top .text:after {
        content: '';
        top: 6rem;
        left: -6px;
        width: 45px;
        height: 50px;
        background-size: contain;
    }
    .middle .pull-right{display:none;}
    /* 슬라이드 모어, 이벤트 버튼 */
    .game-desc .game-tit a.btn, .game-desc .game-event a.btn, .game-line .game-desc a.btn{ height: 1.4rem; box-sizing: border-box; line-height:2.2;}
}
@media screen and (max-width: 1200px){



    /* 비주얼 슬라이드 */
    .owl-carousel#sync1 .item article.top{bottom:0;}

    /* 비주얼 텍스트 & dot 위치 */
    .top .text{margin-left:inherit;left:80px;}
    .owl-carousel#sync1 .owl-dots{left:80px;}

    /* 슬라이드 모어, 이벤트 버튼 */
    .game-desc .game-tit a.btn, .game-desc .game-event a.btn, .game-line .game-desc a.btn{ height: 1.4rem; box-sizing: border-box;line-height: 1.6;}
    ul.mission-list li ul.ea li{padding-top:0;}
    ul.mission-list li ul.status li{padding-top:0;}
}

@media screen and (max-width: 1024px){

    #valofe-footer{margin-top:0;}
    /* 비주얼 이미지 */
    .owl-carousel#sync1 .item .img,
    .owl-carousel#sync1 .item .visual-img{/*height: 280px;max-height: 280px;*/}
    /* 미션 설명 */
    .game-line .desc{margin-top:0.5rem;}
    .game-line .desc{font-size:13px;color:#444;padding-left:17px;line-height:1.4;padding-left: 40px;}

    .game-line .game-line-cont .game-desc{}
    .game-line .game-txt{padding-left:0;padding-top:0;width: calc(100% - 110px);}
    .game-line .game-image{width:96px;height:96px;}
    .game-desc .pull-right{max-width:inherit;float:none;}
    .game-desc .pull-left{max-width:inherit;float:none;}

    .game-line .desc .icon-mission{margin-left:-28px;margin-right: 13px;}
    /* 스탬프 지급 */
    .game-line ul.mission-list li{}
    ul.mission-list li ul.ea{margin-top:10px;padding-left:0;position:relative;}
    ul.mission-list li ul.ea:after{content:'|';display:inline-block;position:absolute;width:auto;right:0px;top:9px;font-size:13px;color:#ddd;}
    ul.mission-list li ul.ea li{float:left;width:auto;height:32px; line-height: 32px;}
    ul.mission-list li ul.ea li.bubble span {
        display: none;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        font-size: 14px;
        vertical-align: middle;
        color: #fff;
        background-image:none;
        background:#139bb8;
    }
    ul.mission-list li ul.ea li div{width:auto;margin-top:0px;margin-left:5px;font-size:13px;vertical-align:middle;}
    ul.mission-list li ul.ea li div i{display:none;}
    /* 스탬프 지급 상태 */
    ul.mission-list li ul.status{float:left;margin-top: 15px;padding-left: 27px;}
    ul.mission-list li ul.status li{width:auto;height:auto;}
    ul.mission-list li ul.status li a,
    ul.mission-list li.complete ul.status li a{display:none;}
    .stamp-status[type="checkbox"] {margin-left: 0;margin-top: 0; vertical-align: middle;}
    ul.mission-list li ul.status li label{visibility:visible;font-size:13px;display:inline-block;vertical-align: middle;}
}
@media screen and (max-width: 840px){


    /* 비주얼 이미지 */
    .owl-carousel#sync1 .item .img,
    .owl-carousel#sync1 .item .visual-img{height: 200px;max-height: 200px;}

    /* 비주얼 텍스트 & dot 위치 */
    .top .text{margin-left:inherit;left:2rem;}
    .owl-carousel#sync1 .owl-dots{left:2rem;top: 12rem;}

    .top .small{margin-bottom:0.5rem;font-weight:normal;text-shadow:inherit;}
    .top .small span{letter-spacing: 0px;}
    .top .small span{font-size:1.25rem;}
    .top .big span{letter-spacing: -1px;font-size:1.5rem;line-height:1.2;text-shadow:inherit;}
    .top .big {font-size:1.5rem;line-height:1.2;text-shadow:inherit;}

}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
    .reset-time {background: #efefef;padding: 12px 12px 16px;}
    .reset-time .em{margin-bottom:5px}
    .reset-bg{font-size:11px;}
    .show-mobile{display:inline;}
    .show-desktop{display:none;}
    /* 비주얼 이미지 */
    .owl-carousel#sync1 .item .img,
    .owl-carousel#sync1 .item .visual-img{height: 178px;max-height: 178px;}

    /* 비주얼 텍스트 */
    .top .text{margin-top:-3rem;}

    .top .small span{font-size:1rem;}
    .top .big span{font-size:1.5rem;line-height:1.2;text-shadow:inherit;}
    .top .big {font-size:1.5rem;line-height:1.2;text-shadow:inherit;}
    .owl-carousel#sync1 .owl-dots{top:11rem;}

    .game-line .row-w{padding:1.5rem;}
    .info .row-w{padding:1.5rem;}

    /* 미션 게임 이미지 */
    .game-line .game-image {width: 39px; height: 39px;}
    /* 게임 이미지 e, h, n 블릿 */
    .game-line .game-image.event:after{display:none;}
    /* 미션 게임 이름 */
    .game-desc .game-tit{display:none}
    /* 미션 설명 글 */
    .game-line .game-txt{width:calc(100% - 58px);}
    .game-line .desc {margin-top:0;height:36px;padding-left:0;}
    .game-line .desc .icon-mission{display:none;margin-left: 0;}
    /* 스탬프 지급 개수 및 상태 틀*/
    .game-desc .pull-right{clear:right;margin-left: -58px; margin-top: 10px; border:none;/*padding: 6px 8px background: #efefef;*/text-align: right;}
    /* 스탬프 지급 개수*/
    ul.show-info li{font-size:12px;}

    /* 미션*/
    .sorting-nav {width: auto;float: right;text-align: center;margin:10px auto 0;}
    .sorting-nav ul li a,
    .sorting-nav ul li a .fa,
    .sorting-nav ul li a:hover, .sorting-nav ul li.on a, .sorting-nav ul li.on a .fa{font-size: 12px;}
    .sorting-nav ul li:before{content:'|'; vertical-align: middle; display:inline-block; margin-left:0.25rem; margin-right:0.25rem; font-size: 14px; font-weight:normal; color: #a2a5ac;}

    ul.mission-list li ul.ea{display: inline-block;vertical-align: middle;float: none;margin-top:0px;padding-right:1rem;}
    ul.mission-list li.times ul.ea li.bubble + li div{margin-top:0px;}
    ul.mission-list li ul.ea li {
        float: left;
        width: auto;
        height: 16px;
        line-height: 16px;
    }

    ul.mission-list li ul.ea li.bubble span {
        display: none;
        height: 16px;
        line-height: 16px;
        border-radius: 2px;
        font-size: 14px;
        vertical-align:top;
        color: #fff;
        background: #139bb8;
    }

    ul.mission-list li ul.status{display: inline-block; vertical-align: middle;float: none;margin-top:0px;padding-left:1rem;}
    .stamp-status[type="checkbox"], .stamp-status[type="checkbox"]:checked, .stamp-status[type="checkbox"]:checked:after{width:16px;height:16px;border-radius:4px;}

    ul.mission-list li ul.ea:after{content:'|';display:inline-block;position:absolute;width:auto;right:0px;top:1px;font-size:13px;color:#ddd;}

    /* 미션 셀렉트 */
    select, select:hover, select:focus, select:active, select:checked{
        box-sizing: border-box;
        display: block;
        width: 100%;
        max-width:100%;
        font-size: 14px;
        height: 37px;
        line-height: 37px;
        background: #fff url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/arrow-default.png) no-repeat calc(100% - 7px) 50%;
    }

    select:hover{
        background: #fff url(https://file.valofe.com/Valofe_file/web/vfun/images/sub/stamp/arrow-close.png) no-repeat calc(100% - 7px) 50%;

    }

    option{
        box-sizing: border-box;
        display: block;
        width: 100%;
        font-size: 14px;
        padding:0px 14px;
        height:37px;
        line-height:37px;
    }
    /* 로그인 전 내 상태: 마이 스탬프, 미션 */
    em.status {
        text-decoration: none;
        display: block;
        width:100%;
        margin-top: 6px;
        margin-right: 0px;
        margin-bottom:6px;
        vertical-align: middle;
        font-weight: bold;
        color: #a2a5ac;
        float:left;
        font-size:13px;
        text-align: left;
    }
    em.status .status-bg{
        display: inline-block;
        color: #fff !important;
        background: #a2a5ac;
        padding: 4px 4px;
        margin-right: 3px;
        border-radius: 2px;
        font-size: 11px;
        line-height:11px;
    }

    h1 em.status{float:right}

}
@media screen and (max-width: 600px) {

}

@media screen and (max-width:568px){


}
@media screen and (max-width:480px){
    #myPoint{text-align:right;padding-right:0;}
    em.status{line-height:1.8;}
}

@media screen and (max-width:460px){
    /* 비주얼 이미지 */
    .owl-carousel#sync1 .item .img,
    .owl-carousel#sync1 .item .visual-img{height: 142px;}

    /* 비주얼 텍스트 & dot 위치 */
    .top .text{margin-left:inherit;left:1rem;}
    .owl-carousel#sync1 .owl-dots{left:1rem;top: 8rem;}

    .top .small span{letter-spacing: 0px;}
    .top .small span{font-size:1rem;}
    .top .big span{letter-spacing: -1px;font-size:1.125rem;}
    .top .big {font-size:1.125rem;}

}
@media screen and (max-width:414px){

}
@media screen and (max-width : 360px) {
    #myPoint{margin-top:10px;margin-bottom:10px;padding-right:0;}
    #myPoint + .mt20{margin-top:10px !important;}
}