@charset "UTF-8";@font-face{font-family:'noto-demilight';src:url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-DemiLight-Hestia.eot");src:local("☺"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-DemiLight-Hestia.eot?#iefix") format("embedded-opentype"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-DemiLight-Hestia.woff") format("woff"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-DemiLight-Hestia.otf") format("opentype");}
@font-face{font-family:'noto-medium';src:url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Medium-Hestia.eot");src:local("☺"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Medium-Hestia.eot?#iefix") format("embedded-opentype"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Medium-Hestia.woff") format("woff"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Medium-Hestia.otf") format("opentype");}
@font-face{font-family:'noto-bold';src:url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Bold-Hestia.eot");src:local("☺"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Bold-Hestia.eot?#iefix") format("embedded-opentype"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Bold-Hestia.woff") format("woff"),url("https://t1.kakaocdn.net/gamepub/webfont/notosans/NotoSansKR-Bold-Hestia.otf") format("opentype");}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
input,select,textarea,button{vertical-align:middle;}
input::-ms-clear{display:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
html,body{background-color:#000;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'noto-medium','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;color:#fff;}
a{color:#333;text-decoration:none;}
a:active,a:hover{text-decoration:none;}
a:active{background-color:transparent;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
img{vertical-align:top;}
/* global */
.ir_pm{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
.hide{display:none;}
/* slick-slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
body{font-family:'noto-demilight',sans-serif;}
body.fixed_body{overflow:hidden;}
/* comm */
.img_comm,.ico_comm,.btn_play,.btn_copy,.ico_more,.link_top,.link_go,.ico_click,.img_light,.tit_intro,.desc_intro,.tit_event,.sub_event{overflow:hidden;background-position:0 0;background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.ico_comm{display:inline-block;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/ico_comm.png);vertical-align:top;}
.list_comm,.list_gnb,.list_util,.promotion-footer .list_site,.promotion-footer .info_service .list_service,.list_indicator,.list_goods,.list_land,.list_reward{font-size:0;}
.list_comm li,.list_gnb li,.list_util li,.promotion-footer .list_site li,.promotion-footer .info_service .list_service li,.list_indicator li,.list_goods li,.list_land li,.list_reward li{display:inline-block;vertical-align:top;}
/* btn */
.btn_play,.btn_copy{position:absolute;top:50%;left:50%;width:184px;height:185px;margin:-170px 0 0 -92px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_play_off.png);}
.btn_play:before,.btn_copy:before,.link_top:before,.link_go:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_play_on.png) 0 0 no-repeat;opacity:0;content:'';-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.btn_play:hover:before,.btn_copy:hover:before,.link_top:hover:before,.link_go:hover:before,.btn_play:active:before,.btn_copy:active:before,.link_top:active:before,.link_go:active:before{z-index:1;opacity:1;}
.btn_copy{width:80px;height:188px;margin:55px 0 0 -95px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_copy_off.png);}
.btn_copy:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_copy_on.png);}
.ico_more{position:absolute;top:50%;left:50%;z-index:-1;width:134px;height:134px;margin:-94px 0 0 -67px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/ico_more.png);opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.link_top{position:fixed;bottom:200px;right:30px;z-index:-1;width:70px;height:70px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_top_off.png);opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:opacity 0.3s ease-out,transform 0.3s ease-out,z-index 0.3s ease-out;-moz-transition:opacity 0.3s ease-out,transform 0.3s ease-out,z-index 0.3s ease-out;transition:opacity 0.3s ease-out,transform 0.3s ease-out,z-index 0.3s ease-out;}
.link_top:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_top_on.png);}
.link_top.on{z-index:1000;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.link_go{display:block;position:relative;width:304px;height:70px;margin:33px auto 0;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_go_off.png);}
.link_go:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/btn_go_on.png);}
/* ico */
.ico_scroll{position:absolute;left:50%;bottom:0;width:53px;height:64px;margin:0 0 178px -27px;background-position:-90px -120px;}
.ico_scroll:before{position:absolute;top:6px;left:24px;width:6px;height:10px;border-radius:10px;background-color:#f2f2f2;content:'';}
.ico_click{position:absolute;top:-105px;right:247px;width:129px;height:161px;background-position:-150px 0;}
.img_light{position:absolute;top:184px;left:50%;width:422px;height:42px;margin-left:-217px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/img_light.png);}
.txt_info,.txt_name{font-size:15px;line-height:20px;letter-spacing:-0.05em;}
/* character */
[class^="char_"]{position:absolute;top:39px;left:0;width:786px;height:858px;background-position:0 0;background-repeat:no-repeat;}
.char_ryan{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_ryan.png);}
.char_apeach{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_apeach.png);}
.char_tube{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_tube.png);}
.char_neo{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_neo.png);}
.char_chunsik{top:50%;width:498px;height:410px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_chunsik.png);-webkit-transform:translate(-206px,130px);-moz-transform:translate(-206px,130px);-ms-transform:translate(-206px,130px);transform:translate(-206px,130px);}
.char_ryan2{top:50%;left:auto;right:0;width:498px;height:552px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_ryan2.png);-webkit-transform:translate(199px,-12px);-moz-transform:translate(199px,-12px);-ms-transform:translate(199px,-12px);transform:translate(199px,-12px);}
.char_apeach2{top:50%;width:406px;height:415px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_apeach2.png);-webkit-transform:translate(66px,52px);-moz-transform:translate(66px,52px);-ms-transform:translate(66px,52px);transform:translate(66px,52px);}
.char_tube2{top:50%;left:auto;right:0;width:454px;height:466px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/char_tube2.png);-webkit-transform:translate(14px,1px);-moz-transform:translate(14px,1px);-ms-transform:translate(14px,1px);transform:translate(14px,1px);}
/* layout */
.container-promotion{overflow:hidden;position:relative;min-width:1750px;}
/* header */
.promotion-header{position:absolute;top:0;left:0;z-index:10;width:100%;height:75px;background-color:#000;}
.promotion-header:before{position:absolute;top:75px;left:0;width:100%;height:40px;background-color:#000;background-color:rgba(0,0,0,0.8);content:'';}
.promotion-header .inner_header{position:relative;max-width:1920px;margin:0 auto;text-align:center;}
.promotion-header .link_logo{display:block;width:115px;height:39px;padding:16px 0 20px;}
.promotion-header .wrap_util{float:right;font-size:0;}
.promotion-title{position:absolute;top:0;left:20px;}
.doc-gnb{display:inline-block;width:1200px;vertical-align:top;}
.list_gnb > li{position:relative;width:50%;}
.list_gnb .link_gnb{display:block;font-size:16px;font-family:'noto-bold',sans-serif;line-height:75px;color:#808080;background-color:#000;}
.list_gnb .link_gnb.on{color:#000;background-color:#e9a23a;}
.list_sub{position:absolute;top:75px;left:0;width:600px;height:40px;font-size:0;}
.list_sub .link_sub{display:block;padding:0 27px;font-size:14px;font-family:'noto-medium',sans-serif;line-height:40px;color:#808080;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;transition:color 0.3s ease;}
.list_sub .link_sub.on,.list_sub .link_sub:active,.list_sub .link_sub:hover{color:#e9a23a;}
/* util */
.list_util{position:absolute;top:20px;right:9px;}
.list_util li{position:relative;}
.list_util li:nth-child(2){margin-left:13px;}
.list_util li:nth-child(2):before{position:absolute;top:13px;left:-9px;width:2px;height:11px;background-color:#3a3a3a;content:'';}
.list_util .link_util{display:block;padding:10px 14px;font-size:14px;line-height:14px;letter-spacing:-0.03em;color:#6a6a6a;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;transition:color 0.3s ease;}
.list_util .link_util:active,.list_util .link_util:hover{color:#afafaf;}
/* footer */
.promotion-footer{display:table;position:relative;width:100%;height:135px;background-color:#000;text-align:center;table-layout:fixed;}
.promotion-footer .inner_footer{display:table-cell;font-size:0;vertical-align:middle;}
.promotion-footer .list_site{display:inline-block;margin-left:-12px;vertical-align:top;}
.promotion-footer .list_site li + li{margin:7px 0 0 33px;}
.promotion-footer .list_site li:first-child{margin-top:2px;}
.promotion-footer .list_site .link_site{display:block;}
.promotion-footer .txt_copy{display:inline-block;margin-top:6px;font-size:12px;line-height:12px;color:#fff;vertical-align:top;}
.promotion-footer .info_service{display:inline-block;margin:-12px 0 0 63px;text-align:left;vertical-align:top;}
.promotion-footer .info_service .list_service li{position:relative;}
.promotion-footer .info_service .list_service li + li{margin-left:23px;}
.promotion-footer .info_service .list_service li + li:before{position:absolute;top:7px;left:-12px;width:1px;height:10px;background-color:#9e9e9e;content:'';}
.promotion-footer .info_service .list_service li + li .link_service{font-family:'noto-bold',sans-serif;}
.promotion-footer .info_service .link_service{display:block;padding:6px 0;font-size:12px;line-height:12px;color:#fff;}
/* slide */
.box_slide{position:relative;}
.box_slide .txt_info{display:block;position:relative;width:620px;margin:-31px 0 0 669px;color:#f2bfbf;}
.slide_kakao [class^="char_"]{left:1px;opacity:0;-webkit-transform:translate(200px,0) scale(0.8);-moz-transform:translate(200px,0) scale(0.8);-ms-transform:translate(200px,0) scale(0.8);transform:translate(200px,0) scale(0.8);-webkit-transition:transform 800ms ease-in-out,opacity 300ms ease-in-out;-moz-transition:transform 800ms ease-in-out,opacity 300ms ease-in-out;transition:transform 800ms ease-in-out,opacity 300ms ease-in-out;}
.slide_kakao .slick-active [class^="char_"]{opacity:1;-webkit-transform:translate(0,0) scale(1);-moz-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);}
.slide_kakao .area_goods{position:relative;width:746px;height:640px;margin:223px 0 0 618px;background:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/bg_goods.png) 0 0 no-repeat;}
.slide_kakao [class^="name_"]{position:absolute;top:124px;left:50%;width:81px;height:28px;margin-left:-40px;}
.slide_kakao .name_apeach{background-position-y:-40px;}
.slide_kakao .name_tube{background-position-y:-80px;}
.slide_kakao .name_neo{background-position-y:-120px;}
.list_indicator{position:absolute;top:20px;left:50%;margin-left:-114px;}
.list_indicator li + li{margin-left:-4px;}
.list_indicator li:nth-child(1) .link_indicator:before,.list_indicator li:nth-child(2) .link_indicator:before,.list_indicator li:nth-child(3) .link_indicator:before,.list_indicator li:nth-child(4) .link_indicator:before{position:absolute;top:0;left:0;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;opacity:0;content:'';-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.list_indicator li:nth-child(1) .link_indicator:hover .img_indicator,.list_indicator li:nth-child(1) .link_indicator:active .img_indicator,.list_indicator li:nth-child(2) .link_indicator:hover .img_indicator,.list_indicator li:nth-child(2) .link_indicator:active .img_indicator,.list_indicator li:nth-child(3) .link_indicator:hover .img_indicator,.list_indicator li:nth-child(3) .link_indicator:active .img_indicator,.list_indicator li:nth-child(4) .link_indicator:hover .img_indicator,.list_indicator li:nth-child(4) .link_indicator:active .img_indicator{opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.list_indicator li:nth-child(1) .link_indicator:hover:before,.list_indicator li:nth-child(1) .link_indicator:active:before,.list_indicator li:nth-child(2) .link_indicator:hover:before,.list_indicator li:nth-child(2) .link_indicator:active:before,.list_indicator li:nth-child(3) .link_indicator:hover:before,.list_indicator li:nth-child(3) .link_indicator:active:before,.list_indicator li:nth-child(4) .link_indicator:hover:before,.list_indicator li:nth-child(4) .link_indicator:active:before{opacity:1;}
.list_indicator li:nth-child(1).slick-active .link_indicator:before,.list_indicator li:nth-child(2).slick-active .link_indicator:before,.list_indicator li:nth-child(3).slick-active .link_indicator:before,.list_indicator li:nth-child(4).slick-active .link_indicator:before{opacity:1;}
.list_indicator li:nth-child(1) .link_indicator:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/thumb_ryan_on.png);}
.list_indicator li:nth-child(2) .link_indicator:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/thumb_apeach_on.png);}
.list_indicator li:nth-child(3) .link_indicator:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/thumb_tube_on.png);}
.list_indicator li:nth-child(4) .link_indicator:before{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/thumb_neo_on.png);}
.list_indicator .link_indicator{display:block;position:relative;width:154px;height:186px;}
.list_indicator .slick-active .img_indicator{opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
/* list */
/* 아이템 리스트 */
.list_goods{position:absolute;top:50%;left:50%;width:400px;margin-top:60px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.list_goods.type_goods{width:564px;}
.list_goods.type_goods li:nth-child(3n + 1){margin-left:40px;}
.list_goods.type_goods li:nth-child(4n + 1){margin-left:0;}
.list_goods li{width:101px;height:176px;margin-left:38px;}
.list_goods li:nth-child(3n + 1){margin-left:0;}
.list_goods .frame_goods{position:relative;height:101px;background:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_goods.png) 0 0 no-repeat;}
.list_goods .img_goods{position:absolute;top:1px;left:1px;width:99px;height:99px;}
.list_goods .frame_name{overflow:hidden;position:relative;height:75px;}
.list_goods .txt_name{position:absolute;top:50%;left:0;width:100%;margin-top:-12px;color:#f2cece;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
/* 프렌즈 랜즈 리스트 */
.list_land{display:inline-block;width:1210px;margin:29px 0 0 2px;vertical-align:top;}
.list_land li{margin:29px 0 0 31px;}
.list_land li:nth-child(3n + 1){margin-left:0;}
.list_land .item_land1 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land1.png);-webkit-transform:translateY(0) rotate(-10deg);-moz-transform:translateY(0) rotate(-10deg);-ms-transform:translateY(0) rotate(-10deg);transform:translateY(0) rotate(-10deg);}
.list_land .item_land1 .link_land .ico_more{margin-left:-62px;}
.list_land .item_land1 .link_land:hover{-webkit-transform:translateY(-10px) rotate(-10deg);-moz-transform:translateY(-10px) rotate(-10deg);-ms-transform:translateY(-10px) rotate(-10deg);transform:translateY(-10px) rotate(-10deg);}
.list_land .item_land1 .img_land{width:346px;height:196px;}
.list_land .item_land2 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land2.png);}
.list_land .item_land3 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land3.png);}
.list_land .item_land4 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land4.png);}
.list_land .item_land5 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land5.png);}
.list_land .item_land6 .link_land{background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_land6.png);-webkit-transform:translateY(0) rotate(5deg);-moz-transform:translateY(0) rotate(5deg);-ms-transform:translateY(0) rotate(5deg);transform:translateY(0) rotate(5deg);}
.list_land .item_land6 .link_land .ico_more{margin-left:-78px;}
.list_land .item_land6 .link_land:hover{-webkit-transform:translateY(-10px) rotate(5deg);-moz-transform:translateY(-10px) rotate(5deg);-ms-transform:translateY(-10px) rotate(5deg);transform:translateY(-10px) rotate(5deg);}
.list_land .item_land6 .img_land{width:346px;height:196px;}
.list_land .link_land{display:block;position:relative;width:378px;height:263px;background-position:0 0;background-repeat:no-repeat;-webkit-transition:transform 300ms ease;-moz-transition:transform 300ms ease;transition:transform 300ms ease;}
.list_land .link_land:after{position:absolute;top:8px;left:15px;z-index:-1;width:347px;height:195px;background-color:#000;background-color:rgba(0,0,0,0.6);opacity:0;content:'';-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.list_land .link_land:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
.list_land .link_land:hover:after{z-index:1;opacity:1;}
.list_land .link_land:hover .ico_more{z-index:10;opacity:1;}
.list_land .img_land{position:absolute;top:8px;left:15px;width:345px;height:194px;}
/* 굿즈 리스트 */
.list_reward{width:870px;margin:16px auto 0;text-align:center;}
.list_reward li{position:relative;width:270px;height:340px;margin:32px 0 0 30px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/frame_reward.png);}
.list_reward li:nth-child(3n + 1){margin-left:0;}
.list_reward .frame_name{position:absolute;top:50%;left:0;width:100%;margin-top:102px;padding:0 20px;box-sizing:border-box;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.list_reward .txt_name{color:#e5e5e5;}
/* content */
.wrap_intro{position:absolute;top:50%;left:50%;width:984px;height:303px;margin:4px 0 0 -494px;}
.tit_intro{position:relative;z-index:10;width:100%;height:211px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/tit_intro.png);}
.desc_intro{position:absolute;top:153px;left:50%;width:614px;height:149px;margin-left:-304px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/desc_intro.png);-webkit-transform:translate(0,-154px);-moz-transform:translate(0,-154px);-ms-transform:translate(0,-154px);transform:translate(0,-154px);}
.tit_event{position:relative;margin:0 auto;}
.sub_event{margin:0 auto;}
.txt_date{display:inline-block;width:568px;margin-top:12px;font-size:17px;line-height:24px;color:#e5e5e5;letter-spacing:-0.05em;vertical-align:top;}
/* section_event */
.section_event{background-position:50% 0;background-repeat:no-repeat;background-size:cover;}
.section_event .inner_event{width:1608px;height:100%;margin:0 auto;}
.section_event .tit_event:before{position:absolute;top:0;left:50%;margin:29px 0 0 -29px;background-position:0 0;background-repeat:no-repeat;content:'';}
.section_event.type_event1 .inner_event,.section_event.type_event2 .inner_event,.section_event.type_event3 .inner_event{padding-top:80px;text-align:center;}
.section_event.type_intro .inner_event,.section_event.type_event2 .inner_event,.section_event.type_event3 .inner_event{position:relative;}
.section_event.type_intro{height:1080px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/bg_intro.jpg);}
.section_event.type_event1{height:1464px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/bg_event1.jpg);}
.section_event.type_event1 .tit_event{width:631px;height:215px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/tit_event1.png);}
.section_event.type_event1 .tit_event:before{width:58px;height:61px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/img_wreath.png);}
.section_event.type_event1 .sub_event{width:568px;height:125px;margin-top:49px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/sub_event1.png);}
.section_event.type_event2{height:1250px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/bg_event2.jpg);}
.section_event.type_event2 .tit_event{width:735px;height:279px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/tit_event2.png);}
.section_event.type_event2 .tit_event:before{width:134px;height:134px;margin:-6px 0 0 -67px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/img_star.png);}
.section_event.type_event2 .sub_event{display:block;width:204px;height:70px;margin-top:48px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/sub_event2.png);}
.section_event.type_event2 .char_ryan2.ani_on{-webkit-transform:translate(199px,-12px);-moz-transform:translate(199px,-12px);-ms-transform:translate(199px,-12px);transform:translate(199px,-12px);}
.section_event.type_event2 .char_chunsik.ani_on{-webkit-transform:translate(-206px,130px);-moz-transform:translate(-206px,130px);-ms-transform:translate(-206px,130px);transform:translate(-206px,130px);}
.section_event.type_event3{height:1288px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/bg_event3.jpg);}
.section_event.type_event3 .tit_event{width:716px;height:205px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/tit_event3.png);}
.section_event.type_event3 .tit_event:before{width:57px;height:61px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/img_box.png);}
.section_event.type_event3 .sub_event{width:568px;height:125px;margin-top:49px;background-image:url(https://t1.kakaocdn.net/gamepub/ui-contents/promotion/pubg/211116_kakao/images/desc_event3.png);}
.section_event.type_event3 .txt_info{display:inline-block;width:870px;margin:26px 0 0 -7px;color:#afd7b8;vertical-align:top;}
.section_event.type_event3 .char_apeach2.ani_on{-webkit-transform:translate(66px,52px);-moz-transform:translate(66px,52px);-ms-transform:translate(66px,52px);transform:translate(66px,52px);}
.section_event.type_event3 .char_tube2.ani_on{-webkit-transform:translate(14px,1px);-moz-transform:translate(14px,1px);-ms-transform:translate(14px,1px);transform:translate(14px,1px);}
/* Layer */
.dimmed_layer{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;background-color:#000;background-color:rgba(0,0,0,0.6);}
.popup_layer{display:none;position:fixed;top:50%;left:50%;z-index:1010;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.popup_layer.on .inner_popup_layer{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.popup_layer .inner_popup_layer{position:relative;width:1300px;height:731px;margin:0 auto;background-color:#000;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 300ms cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 300ms cubic-bezier(0.25,0.46,0.45,0.94);transition:all 300ms cubic-bezier(0.25,0.46,0.45,0.94);}
.popup_layer .layer_body{width:100%;height:100%;}
.popup_layer .iframe_vod{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border:0 none;}
.popup_layer .img_land{width:100%;height:100%;}
.popup_layer .link_close{position:absolute;top:0;right:-69px;}
.popup_layer .link_close:active .ico_close,.popup_layer .link_close:hover .ico_close{background-position-y:-60px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.popup_layer .ico_close{width:50px;height:50px;background-position:-90px 0;-webkit-transition:transform 300ms ease;-moz-transition:transform 300ms ease;transition:transform 300ms ease;}
/* media */
@media screen and (max-width:1500px){.popup_layer .inner_popup_layer{width:1000px;height:562px;} }
@media screen and (max-width:1024px){.popup_layer .inner_popup_layer{width:850px;height:478px;} }
/* animation */
/* ani_move_arr */
@-webkit-keyframes ani_move_arr{0%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);}
    50%{-webkit-transform:translateY(3px);    -moz-transform:translateY(3px);    -ms-transform:translateY(3px);    transform:translateY(3px);}
    100%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);} }
@-moz-keyframes ani_move_arr{0%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);}
    50%{-webkit-transform:translateY(3px);    -moz-transform:translateY(3px);    -ms-transform:translateY(3px);    transform:translateY(3px);}
    100%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);} }
@keyframes ani_move_arr{0%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);}
    50%{-webkit-transform:translateY(3px);    -moz-transform:translateY(3px);    -ms-transform:translateY(3px);    transform:translateY(3px);}
    100%{-webkit-transform:translateY(-3px);    -moz-transform:translateY(-3px);    -ms-transform:translateY(-3px);    transform:translateY(-3px);} }
@-webkit-keyframes ani_move_ballon{0%{-webkit-transform:translateY(4px);    -moz-transform:translateY(4px);    -ms-transform:translateY(4px);    transform:translateY(4px);}
    100%{-webkit-transform:translateY(-4px);    -moz-transform:translateY(-4px);    -ms-transform:translateY(-4px);    transform:translateY(-4px);} }
@-moz-keyframes ani_move_ballon{0%{-webkit-transform:translateY(4px);    -moz-transform:translateY(4px);    -ms-transform:translateY(4px);    transform:translateY(4px);}
    100%{-webkit-transform:translateY(-4px);    -moz-transform:translateY(-4px);    -ms-transform:translateY(-4px);    transform:translateY(-4px);} }
@keyframes ani_move_ballon{0%{-webkit-transform:translateY(4px);    -moz-transform:translateY(4px);    -ms-transform:translateY(4px);    transform:translateY(4px);}
    100%{-webkit-transform:translateY(-4px);    -moz-transform:translateY(-4px);    -ms-transform:translateY(-4px);    transform:translateY(-4px);} }
@-webkit-keyframes ani_move_shake{10%,90%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    20%,80%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);}
    30%,50%,70%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    40%,60%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);} }
@-moz-keyframes ani_move_shake{10%,90%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    20%,80%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);}
    30%,50%,70%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    40%,60%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);} }
@keyframes ani_move_shake{10%,90%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    20%,80%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);}
    30%,50%,70%{-webkit-transform:translateX(-1px);    -moz-transform:translateX(-1px);    -ms-transform:translateX(-1px);    transform:translateX(-1px);}
    40%,60%{-webkit-transform:translateX(2px);    -moz-transform:translateX(2px);    -ms-transform:translateX(2px);    transform:translateX(2px);} }
@-webkit-keyframes ani_move_wreath{0%{-webkit-transform:rotate(5deg);    -moz-transform:rotate(5deg);    -ms-transform:rotate(5deg);    transform:rotate(5deg);}
    100%{-webkit-transform:rotate(-5deg);    -moz-transform:rotate(-5deg);    -ms-transform:rotate(-5deg);    transform:rotate(-5deg);} }
@-moz-keyframes ani_move_wreath{0%{-webkit-transform:rotate(5deg);    -moz-transform:rotate(5deg);    -ms-transform:rotate(5deg);    transform:rotate(5deg);}
    100%{-webkit-transform:rotate(-5deg);    -moz-transform:rotate(-5deg);    -ms-transform:rotate(-5deg);    transform:rotate(-5deg);} }
@keyframes ani_move_wreath{0%{-webkit-transform:rotate(5deg);    -moz-transform:rotate(5deg);    -ms-transform:rotate(5deg);    transform:rotate(5deg);}
    100%{-webkit-transform:rotate(-5deg);    -moz-transform:rotate(-5deg);    -ms-transform:rotate(-5deg);    transform:rotate(-5deg);} }
@-webkit-keyframes ani_move_fadeIn{0%{opacity:0;}
    100%{opacity:1;} }
@-moz-keyframes ani_move_fadeIn{0%{opacity:0;}
    100%{opacity:1;} }
@keyframes ani_move_fadeIn{0%{opacity:0;}
    100%{opacity:1;} }
@-webkit-keyframes ani_move_star{0%{opacity:0.8;}
    100%{opacity:1;} }
@-moz-keyframes ani_move_star{0%{opacity:0.8;}
    100%{opacity:1;} }
@keyframes ani_move_star{0%{opacity:0.8;}
    100%{opacity:1;} }
/* obj_move */
[class*="obj_move"]{opacity:0;}
.obj_move_lr{-webkit-transform:translate(-1000px,130px);-moz-transform:translate(-1000px,130px);-ms-transform:translate(-1000px,130px);transform:translate(-1000px,130px);-webkit-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);-moz-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);}
.obj_move_rl{-webkit-transform:translate(1000px,-12px);-moz-transform:translate(1000px,-12px);-ms-transform:translate(1000px,-12px);transform:translate(1000px,-12px);-webkit-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);-moz-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);}
.obj_move_lr2{-webkit-transform:translate(-1000px,130px);-moz-transform:translate(-1000px,130px);-ms-transform:translate(-1000px,130px);transform:translate(-1000px,130px);-webkit-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);-moz-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);}
.obj_move_rl2{-webkit-transform:translate(1000px,-12px);-moz-transform:translate(1000px,-12px);-ms-transform:translate(1000px,-12px);transform:translate(1000px,-12px);-webkit-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);-moz-transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);transition:opacity 200ms ease,transform 400ms cubic-bezier(0,0,0,0.99);}
.obj_move_bt{-webkit-transform:translate(0,80px);-moz-transform:translate(0,80px);-ms-transform:translate(0,80px);transform:translate(0,80px);-webkit-transition:opacity 300ms ease,transform 1000ms cubic-bezier(0.175,0.885,0.32,1);-moz-transition:opacity 300ms ease,transform 1000ms cubic-bezier(0.175,0.885,0.32,1);transition:opacity 300ms ease,transform 1000ms cubic-bezier(0.175,0.885,0.32,1);}
.obj_move_tb{-webkit-transition:opacity 300ms ease,transform 800ms cubic-bezier(0.175,0.885,0.32,1);-moz-transition:opacity 300ms ease,transform 800ms cubic-bezier(0.175,0.885,0.32,1);transition:opacity 300ms ease,transform 800ms cubic-bezier(0.175,0.885,0.32,1);}
.obj_move_fadeIn{opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;-ms-transition:opacity 300ms ease;transition:opacity 300ms ease;}
.container-promotion .ani_on{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.container-promotion.step0 .ico_click,.container-promotion.step1 .ico_click{-webkit-animation:ani_move_ballon 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;-moz-animation:ani_move_ballon 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;animation:ani_move_ballon 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;}
.container-promotion.step0 .section_event.type_event1 .tit_event:before,.container-promotion.step1 .section_event.type_event1 .tit_event:before{-webkit-animation:ani_move_wreath 600ms infinite alternate ease;-moz-animation:ani_move_wreath 600ms infinite alternate ease;animation:ani_move_wreath 600ms infinite alternate ease;}
.container-promotion.step1 .section_event.type_event2 .tit_event:before,.container-promotion.step2 .section_event.type_event2 .tit_event:before{-webkit-animation:ani_move_star 1000ms infinite alternate cubic-bezier(0.36,0.07,0.19,0.97);-moz-animation:ani_move_star 1000ms infinite alternate cubic-bezier(0.36,0.07,0.19,0.97);animation:ani_move_star 1000ms infinite alternate cubic-bezier(0.36,0.07,0.19,0.97);}
.container-promotion.step1 .section_event.type_event3 .tit_event:before,.container-promotion.step2 .section_event.type_event3 .tit_event:before{-webkit-animation:ani_move_shake 1000ms infinite cubic-bezier(0.36,0.07,0.19,0.97);-moz-animation:ani_move_shake 1000ms infinite cubic-bezier(0.36,0.07,0.19,0.97);animation:ani_move_shake 1000ms infinite cubic-bezier(0.36,0.07,0.19,0.97);}
.container-promotion.step0 .img_light{-webkit-animation:ani_move_fadeIn 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;-moz-animation:ani_move_fadeIn 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;animation:ani_move_fadeIn 800ms cubic-bezier(0.28,0.38,0.68,0.75) alternate infinite;}
.container-promotion.step0 .ico_scroll:before{-webkit-animation:ani_move_arr 1.5s cubic-bezier(0.28,0.38,0.68,0.75) infinite;-moz-animation:ani_move_arr 1.5s cubic-bezier(0.28,0.38,0.68,0.75) infinite;animation:ani_move_arr 1.5s cubic-bezier(0.28,0.38,0.68,0.75) infinite;}