@charset "UTF-8";

.event-game-wrap{margin:0 -15px;background:#fff;}
.event-game-wrap .event-contents{position:relative;width:100%;}

.event-game-wrap .event-contents .fish-obj{display:block;position:absolute;top:30.83%;left:34.72%;width:30.97%;height:20.08%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/img_object_fish.png) no-repeat 0 0;background-size:100% auto;transform-origin:top left;animation:moving-fish .7s linear infinite alternate;}
@keyframes moving-fish{
    0%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(13deg);}
    100%{transform:rotate(0deg);}
}
.event-game-wrap .event-contents .steam-obj{display:block;position:absolute;top:23.47%;left:32.5%;width:14.58%;height:12.2%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/img_obj_steam.png) no-repeat 0 0;background-size:100% auto;}

.event-game-wrap .event-contents .motion-list{position:absolute;top:16.16%;left:0;width:100%;font-size:0;text-align:center;}
.event-game-wrap .event-contents .motion-list>li{display:inline-block;width:31.5%;}
.event-game-wrap .event-contents .motion-list>li+li{margin-left:1%;}
.event-game-wrap .event-contents .game-motion{width:100%;}
.event-game-wrap .event-contents .game-motion video{width:100%;}
.event-game-wrap .event-contents .game-info{position:absolute;top:43.1%;left:0;width:100%;text-align:center;}
.event-game-wrap .event-contents .game-info p{display:inline-block;padding-left:10vw;font-size:5vw;color:#fff;font-weight:700;background:url(/cjom/event/23_11_event/fishingGame/images/mo/ico_heart.png) no-repeat 0 100%;background-size:auto 70%;}
.event-game-wrap .event-contents .game-info p>span{padding:0 8px;font-size:8vw;border-bottom:2px solid #fff;vertical-align:bottom;}
.event-game-wrap .event-contents .btn-game-start{position:absolute;left:50%;top:51%;width:82.08%;height:11.5%;padding-bottom:2.7%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_start.png) no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);overflow:hidden;}
.event-game-wrap .event-contents .btn-game-start>span{color:#fff;font-size:6.25vw;color:#fff;font-weight:700;letter-spacing:0.04em;animation:blink-effect 1s step-end infinite;}
.event-game-wrap .event-contents .btn-game-start.disabled{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_game_disabled.png);}
.event-game-wrap .event-contents .btn-game-start.disabled>span{position:absolute;top:-999%;left:-999%;}
@keyframes blink-effect{
    0%{color:#fff;}
    50%{color:#fdde4f;}
}
.event-game-wrap .event-contents .btn-game-login{position:absolute;left:50%;top:51%;width:82.08%;height:11.5%;padding-bottom:2.5%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_game_login.png) no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);overflow:hidden;}
.event-game-wrap .event-contents .btn-game-confirm{position:absolute;bottom:9.2%;left:50%;width:56.25%;height:6.9%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_game_confirm.png) no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);}

.layer-result-wrap{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.84);z-index:10000;}
.layer-result-wrap .reward-result{position:absolute;top:50%;left:0;width:100%;height:105vw;background-position:50% 0;background-size:42.67% auto;background-repeat:no-repeat;transform:translateY(-50%);}
.layer-result-wrap .reward-result p{position:absolute;top:55.26%;left:0;width:100%;font-size:9.5vw;color:#fff;font-weight:300;text-align:center;letter-spacing:-.05em;line-height:1.4;}
.layer-result-wrap .reward-result p>strong{display:block;font-size:7vw;letter-spacing:-.05em;}
.layer-result-wrap .reward-result.result_1{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_layer_result_1.png);background-size:47.92% auto;}
.layer-result-wrap .reward-result.result_1 p>strong>span{color:#ffd840;}
.layer-result-wrap .reward-result.result_2{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_layer_result_2.png);}
.layer-result-wrap .reward-result.result_2 p>strong>span{color:#ff9925;}
.layer-result-wrap .reward-result.result_3{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_layer_result_3.png);}
.layer-result-wrap .reward-result.result_3 p>strong>span{color:#d6915d;}
.layer-result-wrap .reward-result.result_4{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_layer_result_4.png);background-position:50% 0;background-size:48.61% auto;}
.layer-result-wrap .reward-result .btn-game-restart{position:absolute;bottom:0;left:50%;width:49.17%;height:14.74%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_game_restart.png) no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);}

.layer-result-wrap.active{display:block;}

.layer-game-wrap{padding:25px 7% 30px;color:#111;background:#fff;box-sizing:border-box;letter-spacing:-.04em;}
.layer-game-wrap .reward-result-title{display:block;font-size:30px;font-weight:700;text-align:center;letter-spacing:-.04em;}
.layer-game-wrap .reward-result-list{margin-top:24px;font-size:19px;}
.layer-game-wrap .reward-result-list>li{padding:8px 5%;font-weight:300;border-bottom:1px solid #dfdfdf;text-align:left;line-height:38px;}
.layer-game-wrap .reward-result-list>li .tit{display:inline-block;margin-right:5px;padding-left:50px;font-weight:700;line-height:38px;background-repeat:no-repeat;background-position:0 50%;background-size:44px auto;} 
.layer-game-wrap .reward-result-list>li.gold .tit{color:#f2be3c;background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_result_1.png);}
.layer-game-wrap .reward-result-list>li.pizza .tit{color:#ff9122;background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_result_2.png);}
.layer-game-wrap .reward-result-list>li.choco .tit{color:#be7946;background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/img_result_3.png);}
.layer-game-wrap .reward-result-list>li .cnt,
.layer-game-wrap .reward-result-list>li .point{font-weight:700;}
.layer-game-wrap .reward-result-info{margin-top:20px;font-size:15px;font-weight:400;text-align:center;line-height:26px;}
.layer-game-wrap .reward-result-info>span{display:inline-block;padding-left:27px;font-weight:700;background:url(/cjom/event/23_11_event/fishingGame/images/mo/img_coin.png) no-repeat 0 50%;background-size:22px 22px;line-height:26px;}
.layer-game-wrap .layer-close{position:absolute;top:15px;right:15px;width:27px;height:27px;background:url(/cjom/event/23_11_event/fishingGame/images/mo/img_close.png) no-repeat 0 0;background-size:cover;}

@media all and (max-width:390px){    
    .layer-game-wrap .reward-result-list>li{padding:8px 0 5px 2%;}
}
@media all and (max-width:360px){
    .layer-game-wrap .reward-result-list{margin-top:20px;font-size:18px;}
    .layer-game-wrap .reward-result-list>li{padding:8px 0;}
}
@media all and (max-width:320px){
    .layer-game-wrap .reward-result-title{font-size:28px;}
    .layer-game-wrap .reward-result-list{font-size:16px;}
    .layer-game-wrap .reward-result-info{font-size:14px;}
}
.layer-game-wrap .btn-area{margin-top:20px;font-size:0;}
.layer-game-wrap .btn-area [class^=btn-]{display:inline-block;width:calc(50% - 4px);height:48px;font-size:16px;font-weight:700;text-align:center;border-radius:4px;box-sizing:border-box;}
.layer-game-wrap .btn-one-confirm{color:#fff;line-height:48px;background:#111;}
.layer-game-wrap .btn-one-more{margin-left:8px;color:#111;line-height:46px;border:1px solid #111;}

.event-game-wrap .game-btn-list{position:absolute;top:0;left:0;right:0;bottom:0;;width:100%;height:100%;overflow:hidden;}
.event-game-wrap .game-btn-list .btn-download{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_download.png) no-repeat 0 0;background-size:100% auto;}
.event-game-wrap .game-btn-list .btn-download.complete{background-image:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_download_complete.png);opacity:1;}
.event-game-wrap .game-btn-list>li{position:absolute;width:37.5%;height:5.71%;}
.event-game-wrap .game-btn-list>li:nth-child(1){top:45.66%;left:6.94%;}
.event-game-wrap .game-btn-list>li:nth-child(2){top:45.66%;right:6.94%;}
.event-game-wrap .game-btn-list>li:nth-child(3){bottom:16.05%;left:6.94%;}
.event-game-wrap .game-btn-list>li:nth-child(4){bottom:16.05%;right:6.94%;}
.event-game-wrap .btn-share{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_share.png) no-repeat 0 0;background-size:100% auto;}
.event-game-wrap .btn-cont-view{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/cjom/event/23_11_event/fishingGame/images/mo/btn_cont_view.png) no-repeat 0 0;background-size:100% auto;}

/* 알아두세요 - 변경 */
.event-game-wrap .event-accordion-new{margin:8% 5%;text-align:center;}
.event-game-wrap .event-accordion-new a,
.event-game-wrap .event-accordion-new button{display:inline-block;}
.event-game-wrap .event-accordion-new a>span,
.event-game-wrap .event-accordion-new button>span{display:inline-block;position:relative;font-size:15px;color:#333;border-bottom:1px solid #666;line-height:20px;}
.event-game-wrap .event-accordion-new a>span:before,
.event-game-wrap .event-accordion-new button>span:before{content:'';position:absolute;top:50%;left:-20px;width:16px;height:16px;background:url(/cjom/event/23_11_event/fishingGame/images/mo/img_icon_info.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%);}
.event-game-wrap .event-accordion-new a>span:after,
.event-game-wrap .event-accordion-new button>span:after{content:'';position:absolute;top:50%;right:-17px;width:13px;height:7px;background:url(/cjom/event/23_11_event/fishingGame/images/mo/ico_arrow.png) no-repeat 0 0;background-size:cover;transform:translateY(-50%);}
.event-game-wrap .event-accordion-new .is-active a>span:after,
.event-game-wrap .event-accordion-new .is-active button>span:after{transform:rotate(180deg) translateY(50%);}
.event-game-wrap .event-accordion-new .notice-list{padding:15px 5px 0;text-align:left;}
.event-game-wrap .event-accordion-new .notice-list>li{position:relative;padding-left:8px;font-size:12px;color:#666;line-height:18px;}
.event-game-wrap .event-accordion-new .notice-list>li+li{margin-top:2px;}
.event-game-wrap .event-accordion-new .notice-list>li:before{content:'';position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;background-color:#666;transform:translateY(8px);}
.event-game-wrap .event-accordion-new .notice-list .minus:before{content:'';position:absolute;top:1px;left:0;width:4px;height:1px;border-radius:0 !important;background-color:#666;transform:translateY(8px);}

.event-game-wrap .event-banner-list ul>li+li{margin-top:20px;}