@charset "utf-8";
@font-face {
    font-family: 'NotoSansKR';
    src: url(https://www.playperfectworld.co.kr/NotoSansCJKkr-Regular.otf);
}
body{ margin:0; padding:0; font-size:0.12px; font-family:"NotoSansKR","SimSun","Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x:hidden}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:font-family:"NotoSansKR","SimSun","Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
/* top_bar */
.top_bar_w{ position:fixed; width:100%; height:86px; left:0; top:0; background:rgba(14,14,14,0.9); z-index:10;}
.top_bar_m{ width:1200px; margin:0 auto;}
.top_icon{ float:left; width:101px;}
.top_logo{ float:left; width:152px; margin:20px 0 0 16px;}
.top_nav{ float:left; width:758px; padding-top:38px; overflow:hidden;transition:all 0.3s; -webkit-transition:all 0.3s;}
.top_nav li{ position:relative; float:left; margin-left:36px;}
.top_nav li a{ font:normal 14px/14px "NotoSansKR"; color:#ffffff;}
.top_nav li a.active{ color:#79674e; font-weight:bold}
.link_yy{ position:absolute; width:209px; height:64px; right:50px; top:11px; background:url(https://www.playperfectworld.co.kr/_s/v3/btn_yy.png); background-size:100% auto; cursor:pointer;}

.share_bar{ position:fixed; width:253px; height:34px; right:0; top:111px; background:url(https://www.playperfectworld.co.kr/_s/v3/share_bar.png); overflow:hidden; z-index:10;}
.btn_share_slide{ position:absolute; width:39px; height:34px; left:0px; top:0px; cursor:pointer;}
.share_bar a{ position:absolute; width:25px; height:23px; top:5px;}
.share_bar a.share_link1{ left:62px;}
.share_bar a.share_link2{ left:100px;}
.share_bar a.share_link3{ left:138px;}
.share_bar a.share_link4{ left:176px;}

.section{ background-color:#000;}
/* head_box */
.head_swiper{ width:100%; height:100%; min-height:1000px;}
.head_swiper .swiper-slide{ width:100%; height:100%;}
.head_swiper .swiper-slide img.big_bg{ position:absolute; width:1920px;top:0; left:50%; transform:translate3d(-50%,0,0); -webkit-transform:translate3d(-50%,0,0);}
.m800{ position:relative; width:800px; margin:0 auto;}
.head_v1{position:absolute; width:74px; height:74px; left:528px; top:335px; cursor:pointer;}
.head_v2{position:absolute; width:74px; height:74px; right:215px; top:445px; cursor:pointer;}
.head_v3{position:absolute; width:74px; height:74px; right:260px; top:300px; cursor:pointer;}
.head_v4{position:absolute; width:74px; height:74px; right:232px; top:632px; cursor:pointer;}

.links_btn{ position: absolute; width: 1065px; height: 131px; left: 50%; margin-left: -532.5px; top: 728px; z-index: 15; opacity: 0; background: url(https://www.playperfectworld.co.kr/_s/v3/down_bg20191023.png) no-repeat 0 0; }
.links_btn a{ position: absolute; top: 39px; width: 246px; height: 61px; }
.links_btn a.google{ left: 145px; }
.links_btn a.app{ left: 397px; }
.links_btn a.one{ left: 648px; }

.head_cont{ position:absolute; width:1074px; height:231px; left:50%; margin-left:-537px; top:676px; background:url(https://www.playperfectworld.co.kr/_s/v3/head_cont.png); z-index:15; opacity:0;}
.head_cont .btn-item{ position:absolute; width:86px; height:78px; top:108px;}
.head_cont .first-prize{ left:339px;}
.head_cont .second-prize{ left:440px;}
.head_cont .third-prize{ left:542px;}
.head_yy{ position:absolute; width:243px; height:74px; left:682px; top:110px;background:url(https://www.playperfectworld.co.kr/_s/v3/btn_yy.png); background-size:100% auto; cursor:pointer; animation:key_huxi 1s infinite alternate; -webkit-animation:key_huxi 1s infinite alternate;}
@keyframes key_huxi{
	0%{transform:scale(1)}
	100%{transform:scale(1.02)}
}
@-webkit-keyframes key_huxi{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(1.02)}
}
.head_intro{ position:absolute; width:50px; height:20px; left:870px; top:195px; font:normal 14px/20px "NotoSansKR"; color:#c4c4c4; background:url(https://www.playperfectworld.co.kr/_s/v3/icon_info.png) right 0 no-repeat;}
.head_info_pop{ display:none; position:absolute; width:700px; height:395px; right:120px; top:-200px;background:url(https://www.playperfectworld.co.kr/_s/v3/play-describe.png); }

.head_c_box{ position:absolute; width:40px; height:90px; top:488px; z-index:5;}
.head_c_left{ left:272px;}
.head_c_right{ right:272px;}
.head_prev,.head_next{ position:absolute; width:40px; height:90px; top:0; cursor:pointer;}
.head_prev{ left:0; background:url(https://www.playperfectworld.co.kr/_s/v3/head_prev.png);}
.head_next{ right:0; background:url(https://www.playperfectworld.co.kr/_s/v3/head_next.png);}
.head_prev:hover,.head_next:hover{ background-position:0 -90px}
.btns_slide{ position:absolute; width:0px; height:90px; top:0; background:rgba(0,0,0,0.67); transition:width 0.3s; -webkit-transition:width 0.3s; overflow:hidden;}
.head_c_box.on .btns_slide{ width:360px;}
.btns_slide_l{ left:40px;}
.btns_slide_r{ right:40px;}
.btns_slide_cont{ display:none; position:absolute; width:100%; height:100%;}
.btn_view{ position:absolute; width:151px; height:80px; top:5px;}
.btns_slide_l .btn_view{ right:5px;}
.btns_slide_r .btn_view{ left:5px;}
.slide_txt_l,.slide_txt_r{ position:absolute; width:196px; height:90px;font:normal 20px/90px "NotoSansKR"; color:#cccccc;}
.slide_txt_l{ right:165px; text-align:right;}
.slide_txt_r{ left:165px;}
/* reg */
.reg_bg{ background:url(https://www.playperfectworld.co.kr/_s/v3/reg_bg.jpg) center top no-repeat #000;}
.reg_cont{ position:relative; width:800px; height:720px; margin:0 auto; padding-top:86px;}
.t_img_box{ margin-left:-200px;transition:all 0.3s; -webkit-transition:all 0.3s;}
.reg_t,.reg_second{ opacity:0;}
.register-btn-gp{ width:800px; height:78px; margin-top:56px; overflow:hidden;}
.register-btn-gp .quhao{ float:left; width:156px; font:normal 52px/78px "NotoSansKR"; color:#74654b; text-align:center;}
.register-btn-gp .phone-input{ float:left;width:488px;height:74px; border:2px solid #706249}
.register-btn-gp .phone-input input{width: 100%;height: 100%;border: none;outline: none; font:bold 30px/74px "NotoSansKR"; color: #fff;background:none; text-align:center;}
.register-btn-gp .phone-input input::-webkit-input-placeholder {color: #fff;}
.register-tips-container { height:36px; margin-top:22px; padding-left:148px;}
.register-tips { position:relative; height:36px; padding-left:45px; font:normal 18px/40px "NotoSansKR"; color: #fff;}
#icon_gou{ position:absolute; width:45px; height:36px; left:0; top:0; background:url(https://www.playperfectworld.co.kr/_s/v3/icon_gou_bg.png); cursor:pointer;}
.icon_gou img{ width:100%;}
.register-tips .tips-btn { margin-left:10px; color:#636363; text-decoration:underline; cursor:pointer;}
.register-button{width:278px; height:85px; margin:17px auto 0;background: url(https://www.playperfectworld.co.kr/_s/v3/btn_yy.png); cursor:pointer;}
.register-button-gp{position:relative; width:800px; height:258px; margin-top: 99px; opacity:0;}
.link-item-gp{position:absolute; width:822px;height:165px; padding:93px 0 0 230px;top:0px;left:-124px; background:url(https://www.playperfectworld.co.kr/_s/v3/down_bg20191023.png);}
.link-item-gp a{ float:left; width:193px; height:50px; margin-right:6px;}
.link-item-gp .link-item.google{background:url(https://www.playperfectworld.co.kr/_s/v3/link_googleplay.png);}
.link-item-gp .link-item.app{background:url(https://www.playperfectworld.co.kr/_s/v3/link_appstore.png);}
.link-item-gp .link-item.one{background:url(https://www.playperfectworld.co.kr/_s/v3/link_onestore.png);}
.register-button-gp p, .links_btn p{ position:absolute; left:207px; top:50px;font:normal 18px/18px "NotoSansKR"; color: #c74b3a;}
/* num */
.num_bg{ background:url(https://www.playperfectworld.co.kr/_s/v3/num_bg.jpg) center top no-repeat #000;}
.num_cont{ position:relative; width:800px; height:694px; margin:0 auto; padding-top:86px;}
.cw_shuita{ position:absolute; left:768px; top:235px;opacity:0; width: 324px;}
.num_t{opacity:0;}
.pre-order-counts{ width:554px; height:77px; margin:48px auto 0;font:normal 63px/60px "NotoSansKR"; color: #f5e1c3; text-align:center; background:url(https://www.playperfectworld.co.kr/_s/v3/num_total_bg.png); opacity:0;}
.yy_tip{ text-align: center; font-size: 32px; color: #FFF; }
.yy_tip strong{ font-size: 63px; }
.yy_tip span{ color: #c3a879; }
.register-gp-down {margin-top:30px; opacity:0;}
.register-gp-down .stage-groups {position: relative;width:842px;height:476px;background:url(https://www.playperfectworld.co.kr/_s/v3/jindu_bg.png); transform: scale(0.85);}
.register-gp-down .stage-groups .item-stage {position: absolute;z-index: 2;}
.register-gp-down .stage-groups .item-stage .container div.stage-icon{position: absolute;width: 58px;height: 58px;}
.register-gp-down .stage-groups .item-stage .container {width: 0;height: 100%;}

.register-gp-down .stage-groups .item-stage.stage-first .container .prop-blood {left: 44px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-first .container .prop-flower {left: 129px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-second .container .first-prize{left: 19px;top: 167px;}
.register-gp-down .stage-groups .item-stage.stage-second .container .second-prize {left: 88px;top: 167px;}
.register-gp-down .stage-groups .item-stage.stage-second .container .weili-gift{left:157px;top: 167px;}
.register-gp-down .stage-groups .item-stage.stage-third .container .first-prize{left:19px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-third .container .prop-wan-stone {left:88px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-third .container .prop-first-gift{left:157px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-fouth .container .first-prize{left:19px;top:167px;}
.register-gp-down .stage-groups .item-stage.stage-fouth .container .prop-up { left:88px;top: 167px;}
.register-gp-down .stage-groups .item-stage.stage-fouth .container .prop-first-gift{left:157px;top: 167px;}
.register-gp-down .stage-groups .item-stage.stage-fifth .container .prop-color {left:44px;top: 97px;}
.register-gp-down .stage-groups .item-stage.stage-fifth .container .prop-pet{left:129px;top: 97px;}

.register-gp-down .stage-groups .stage-first {width: 232px;height: 244px;top: 19px;left: 0;}
.register-gp-down .stage-groups .stage-first .container {background-image: url(https://www.playperfectworld.co.kr/_s/v3/stage-first-active.png);}
.register-gp-down .stage-groups .stage-second {width: 232px;height: 244px;left: 141px;bottom: 19px;}
.register-gp-down .stage-groups .stage-second .container {background-image: url(https://www.playperfectworld.co.kr/_s/v3/stage-second-active.png);}
.register-gp-down .stage-groups .stage-third {width: 232px;height: 244px;top: 19px;left:282px;}
.register-gp-down .stage-groups .stage-third .container {background-image: url(https://www.playperfectworld.co.kr/_s/v3/stage-third-active.png);}
.register-gp-down .stage-groups .stage-fouth {width: 232px;height: 244px;left: 423px;bottom: 19px;}
.register-gp-down .stage-groups .stage-fouth .container {background-image: url(https://www.playperfectworld.co.kr/_s/v3/stage-fouth-active.png);}
.register-gp-down .stage-groups .stage-fifth{width: 232px;height: 244px;top: 19px;left:564px;}
.register-gp-down .stage-groups .stage-fifth .container{background-image: url(https://www.playperfectworld.co.kr/_s/v3/stage-fifth-active.png);}
.register-gp-down .stage-groups .stage-bar{position: absolute;width:800px;height:3px; left:0;top:237px;}
.register-gp-down .stage-groups .stage-bar .container{width:0;height: 100%; background-color:#ffd472;}
/*物品悬浮窗*/
.prop-pop {
    width: 357px;
    height: 112px;
    position: absolute;
    /* left: -186px;
    top: -56px; */
    background-image: url(https://www.playperfectworld.co.kr/_s/v3/prop-pop.png);
    background-size: cover;
    z-index: 3;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.prop-pop .pic {
    width: 53px;
    height: 53px;
    border-radius: 53px;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -27px;
    background-size: cover;
}
.prop-pop .name {
    font-size: 18px;
    position: absolute;
    left: 110px;
    top: 20px;
    color: #252525;
}
.prop-pop .func {
    font-size: 16px;
    color: #252525;
    position: absolute;
    left: 110px;
    top: 47px;
    width: 224px;
}
/* lottery */
.lottery_bg{ background:url(https://www.playperfectworld.co.kr/_s/v3/num_bg.jpg) center top no-repeat #000;}
.lottery_cont{ position:relative; width:800px; height:790px; margin:0 auto; padding-top:120px;}
.lottery_t{ opacity:0;}
.lottery_info{ display:block; margin:30px auto 0; opacity:0;}
.lottery_prize{ display:block; margin:66px auto 0; opacity:0;}
.draw-gift-button{ display:block; width:278px; height:85px; background:url(https://www.playperfectworld.co.kr/_s/v3/draw-gift-button.png); margin:70px auto 0; opacity:0;}
/* hot */
.hot_bg{ background:url(https://www.playperfectworld.co.kr/_s/v3/hot_bg.jpg) center top no-repeat #000;}
.hot_cont{ width:1200px; height:690px; margin:0 auto; padding-top:120px; transition:width 0.3s; -webkit-transition:width 0.3s; }
.hot_t{transition:width 0.3s; -webkit-transition:width 0.3s; opacity:0;}
.hot_wrap{ position:relative; width:1200px; height:690px; margin-top:120px; overflow:hidden;transition:all 0.3s; -webkit-transition:all 0.3s;opacity:0;}
/* ifocus */
.ifocus_box{ position:absolute; width:600px; height:337px; left:0; top:0; overflow:hidden;}
.ifocus_box .swiper-slide,.ifocus_box .swiper-slide img{  width:600px; height:337px;}
.ifocus_box .swiper-pagination{ text-align:right;}
.ifocus_box .swiper-pagination-bullet{ width:11px; height:11px; margin:0 18px!important; background-color:#fff;}
/* news_box */
.news_box{ position:absolute; width:560px; height:337px; left:622px; top:0;transition:all 0.3s; -webkit-transition:all 0.3s;}
#news_tab_box{ position:relative; width:560px; height:48px;}
.tab_on{ position:absolute; width:154px; height:48px; left:0; top:0;background:url(https://www.playperfectworld.co.kr/_s/index1908/news_on.png);}
.news_tab{ position:relative; width:560px; height:48px; overflow:hidden z-index:2;}
.news_tab li{ position:relative; float:left; width:58px; height:48px; padding-left:22px;font:bold 20px/48px "NotoSansKR"; color:#fff; cursor:pointer;}
.news_tab li.on{ color:#b39c7e;}
.news_top{ width:544px; height:46px; padding-right:10px; margin:18px 0 0 6px;font:600 17px/46px "NotoSansKR"; color:#2c2c2c; text-align:right; background:url(https://www.playperfectworld.co.kr/_s/index1908/news_top.png);}
.news_top p,.news_list li p{ float:left; width:440px; text-align:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_top p,.news_top p a{font:normal 19px/46px "NotoSansKR"; color:#2c2c2c;}
.news_top p a span,.news_list li p a span{ display:inline-block; width:74px; margin-right:14px; font-weight:bold; color:#dcdad8; text-align:center;}
.news_cont{ display:none; width:554px; height:138px; margin:0 0 0 6px;}
.news_more{ position:absolute; height:48px; right:0; top:0;font:bold 20px/48px "NotoSansKR"; color:#856e56; z-index:3;}
.news_list{ padding-top:10px;}
.news_list li{ width:544px; height:46px; padding-right:10px;font:600 17px/46px "NotoSansKR"; color:#958e9b; text-align:right;}
.news_list li p,.news_list li p a{font:normal 19px/46px "NotoSansKR"; color:#acacac;}
/* role */
.role_height{ height:960px;}
.role_swiper{ position:relative; width:100%; height:960px;}
.role_swiper .swiper-slide{ width:100%; height:940px;}
.role_bg1{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg1.jpg) center top repeat-x;background-size:cover;}
.role_bg2{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg2.jpg) center top repeat-x;background-size:cover;}
.role_bg3{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg3.jpg) center top repeat-x;background-size:cover;}
.role_bg4{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg4.jpg) center top repeat-x;background-size:cover;}
.role_bg5{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg5.jpg) center top repeat-x;background-size:cover;}
.role_bg6{background:url(https://www.playperfectworld.co.kr/_s/index1908/role_bg6.jpg) center top repeat-x;background-size:cover;}
.role_m_box{ position:relative; width:1200px; height:960px; margin:0 auto;transition:width 0.3s; -webkit-transition:width 0.3s;}
.role_pic{ position:absolute; width:1386px; right:-220px; bottom:-110px;}
.role_info{ position:absolute; width:372px; left:0px; top:254px;}
.role_name_box{ height:97px; overflow:hidden;}
.role_name_box .role_t1{ float:left; height:97px;}
.role_name_box .role_t2{ float:left; margin:56px 0 0 -33px;font:normal 24px/40px "NotoSansKR"; color:#856e56;}
.role_intro{ width:472px; height:117px; margin:20px 0;font:normal 19px/39px "NotoSansKR"; color:#e1e1e1; overflow:hidden;}
.leida_box{ position:relative; width:329px; height:233px;background:url(https://www.playperfectworld.co.kr/_s/index1908/leida_bg.png);}
.leida_box img{ display:block; width:329px;}
.role_view_box{ position:absolute; width:284px; height:160px; left:357px; top:303px; overflow:hidden; cursor:pointer;}
.role_view_box video{ width:100%;}
.role_view_box .btn_play{ position:absolute; width:58px; height:58px; left:50%; top:50%; margin-left:-29px; margin-top:-29px;background:url(https://www.playperfectworld.co.kr/_s/index1908/btn_play.png); background-size:100% auto;}
.role_swiper .swiper-button-prev,.role_swiper .swiper-button-next{ width:78px; height:87px; top:480px;}
.role_swiper .swiper-button-prev{ left:20px;background:url(https://www.playperfectworld.co.kr/_s/index1908/role_prev.png);}
.role_swiper .swiper-button-next{ right:20px;background:url(https://www.playperfectworld.co.kr/_s/index1908/role_next.png);}
.role_tab_m{ position:relative; width:1200px; margin:0 auto; opacity:0; z-index:5; transition:all 0.3s; -webkit-transition:all 0.3s;}
.role_t{ position:absolute; left:0; top:144px; z-index:5;}
.role_tab_box{ position:absolute; width:1920px; height:27px; left:50%; margin-left:-960px; top:800px;background:url(https://www.playperfectworld.co.kr/_s/index1908/role_tab_bg.png); z-index:5;}
.role_tab{ position:absolute; width:770px; height:144px; left:50%; margin-left:-385px; top:-46px;}
.role_tab li{ float:left; width:98px; height:144px; margin:0 15px; cursor:pointer;}
.role_icon_box{ position:relative; width:98px; height:113px; }
.role_tab_normal{ position:absolute; width:61px; left:18px; top:20px;}
.role_tab_on{ display:none; position:relative; width:98px; left:0; bottom:0;}
.role_tab_tag{ display:block;font:normal 22px/22px "NotoSansKR"; color:#c9c9c9; text-align:center;}
.role_tab li.on .role_tab_on{ display:block}
.role_tab li.on .role_tab_tag{ margin-top:8px;font:bold 24px/26px "NotoSansKR";}
/* tese */
.tese_bg{ background:url(https://www.playperfectworld.co.kr/_s/v3/tese_bg.jpg) center top no-repeat #000;}
.tese_cont{ position:relative; width:800px; height:790px; margin:0 auto; padding-top:120px;}
.tese_t{ opacity:0;}
.tese_hide{ position:absolute; width:1498px; height:606px; left:50%; margin-left:-749px; top:220px; overflow:hidden; transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.tese_swiper{ position:absolute; width:2922px; height:606px; left:50%; margin-left:-1461px; top:0;}
.tese_swiper .swiper-slide{ width:974px; height:548px;}
.tese_swiper .swiper-slide img{ width:100%;}
.tese_swiper .swiper-pagination{ bottom:0;}
.tese_swiper .swiper-pagination-bullet{ width:13px; height:13px; margin:0 44px!important; background-color:#c0c0c0;}
/* media */
.media_wrap{position:relative; width:694px; height:730px; margin:0 auto; padding-top:120px;}
.media_wrap .t_img_box{ margin-left:-253px;}
.media_t{ opacity:0;}
.media_tab_wrap{ position:absolute; width:666px; height:48px; left:285px; top:310px;transition:all 0.3s; -webkit-transition:all 0.3s; z-index:10; opacity:0;}
#media_tab_box{ position:relative; width:560px; height:48px;}
.media_tab{ position:relative; width:560px; height:48px; overflow:hidden; z-index:2;}
.media_tab li{ position:relative; float:left; width:100px; height:48px; margin-left:-12px; padding-left:22px;font:bold 20px/48px "NotoSansKR"; color:#b2b2b2; cursor:pointer; }
.media_tab li.on{ color:#b39c7e;}
#media_other{ position:absolute; width:60px; height:45px; right:0; top:0;font:bold 20px/48px "NotoSansKR"; color:#856e56; text-align:center; cursor:pointer; border-bottom:1px solid #999898; z-index:3;}

.media_box{ width:694px; height:590px; opacity:0;}
.media_cont{ display:none; position:relative; width:100%; height:100%;}
.media_cont li{ position:absolute; width:332px; height:232px; left:284px; top:180px; cursor:pointer; overflow:hidden;transition:all 0.3s; -webkit-transition:all 0.3s;}
#media2 li,#media3 li{ cursor:default;}
#media2 li img,#media3 li img{ cursor:pointer;}
.media_cont li.media3{left:621px;}
.media_cont li.media4{ display:none;left:621px; top:432px;}
.media_cont li.media1{ width:530px; height:298px;left:-251px; top:114px;}
.media_cont li.media1 img{ width:530px; height:298px;}
.media_cont li.media2 img,.media_cont li.media3 img,.media_cont li.media4 img{ width:332px; height:187px;}
.media_cont li.media1 .media_info{ position:absolute; width:500px; height:44px; padding:0 15px; left:0; bottom:0; background:rgba(0,0,0,0.74)}
.media_cont li .media_name{ display:block; width:100%; height:44px;font:normal 19px/44px "NotoSansKR"; color:#c5c5c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media_cont li .btn_play{ position:absolute; width:56px; height:56px; left:50%; top:77px; margin-left:-28px; background:url(https://www.playperfectworld.co.kr/_s/index1908/btn_play.png);background-size:100% auto;}
.media_cont li.media1 .btn_play{ top:117px;}

/* sns */
.sns_cont{position:relative; width:800px; height:720px; margin:0 auto; padding-top:120px;}
.sns_t{ margin-left:-200px;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.sns_facebook{ position:absolute; left:-58px; top:327px; z-index:2;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.sns_naver{ position:absolute; left:157px; top:327px; z-index:2;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.sns_instagram{ position:absolute; left:375px; top:327px; z-index:2;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.sns_youtube{ position:absolute; left:591px; top:327px; z-index:2;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
.cw_long{ position:absolute;left:595px; top:312px;transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0;}
/* foot */
.foot_box{ padding:60px 0; background-color:#000000;}
.games_logo{ display:block; width:163px; margin:0 auto;}
.copy_txt{ padding-top:20px;font:normal 14px/16px "NotoSansKR"; color:#9b8467; text-align:center;}
/* pop */
.pop-window {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
    z-index: 20;
}
/*通用弹窗样式*/
.common-pop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.common-pop .common-close {
    position: absolute;
    right: 10px;
    top: -10px;
    width: 48px;
    height: 54px;
    background-size: cover;
    background-image: url(https://www.playperfectworld.co.kr/_s/v3/icon_close.png);
	cursor:pointer;
}
/*手机接收短信弹窗*/
.phone-pop {
    width: 700px;
    height: 395px;
    background-image: url(https://www.playperfectworld.co.kr/_s/v3/phone-pop.png);
    background-size: cover;
}
.phone-pop .config-button {
    position: absolute;
    width: 278px;
    height: 85px;
    top: 295px;
    left: 50%;
    margin-left: -139px;
    background-image: url(https://www.playperfectworld.co.kr/_s/v3/phone-config-btn.png);
    background-size: cover;
	cursor:pointer;
}
.qidai-pop{ width:701px; height:502px; background:url(https://www.playperfectworld.co.kr/_s/v3/pop_qidai.png);}
.qidai-pop .common-close{ top:100px;}
/*预约弹窗*/
.order-pop {
    width: 921px;
    height: 442px;
    background-image: url('https://www.playperfectworld.co.kr/_s/v3/order-pop.png');
    background-size: cover;
}
.order-pop.common-pop .common-close {
    right: 80px;
    top: 20px;
}
.order-pop .btn {
    width: 86px;
    height: 98px;
    position: absolute;
}

.order-pop .btn.facebook-btn {
    left: 115px;
    top: 255px;
}
.order-pop .btn.naver-btn {
    left: 237px;
    top: 255px;
}

.video-pop,.img-pop {
    width: 800px;
    height: 533px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.img-pop{ width:1000px; height:562px;}
.video-pop  .bgv-container {
    width: 100%;
    height: 100%;
}
.video-pop  .bgv-container .bgv {
    width: 100%;
    height: 100%;
    object-fit: fill;
    -o-object-fit: fill;
}
.img-pop img{ width:100%;}
.close_img{ position:absolute; width:48px; height:54px; right:-48px; top:0; background:url(https://www.playperfectworld.co.kr/_s/v3/icon_close.png); background-size:100% auto; cursor:pointer;}
/* animation */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
 
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.first_show{ animation:fadeInUp 0.5s both; -webkit-animation:fadeInUp 0.5s both;}
.second_show{ animation:fadeInUp 0.5s 0.2s both; -webkit-animation:fadeInUp 0.5s 0.2s both;}
.third_show{ animation:fadeInUp 0.5s 0.4s both; -webkit-animation:fadeInUp 0.5s 0.4s both;}
.fourth_show{ animation:fadeInUp 0.5s 0.6s both; -webkit-animation:fadeInUp 0.5s 0.6s both;}

@media(max-width:1315px){
.link_yy{ display:none;}
}
@media(max-width:800px){
.top_bar_m{ width:800px;}
.link_yy{ display:block; right:0;}
.top_nav{ display:none;}
.head_prev,.head_next{ display:none}
.t_img_box{ margin-left:0px;}
.hot_cont,.hot_wrap{ width:600px; height:820px;}
.hot_wrap{ margin-top:20px;}
.news_box{ left:0; top:350px;}
.role_m_box{ width:800px;}
.role_swiper .swiper-button-prev,.role_swiper .swiper-button-next{ display:none;}
.role_tab_m{ width:800px;}
.tese_hide{ width:1038px; height:442px; margin-left:-519px; top:300px;}
.tese_swiper{ width:2025px; height:442px; margin-left:-1012px; top:0;}
.tese_swiper .swiper-slide{ width:675px; height:380px;}
.media_tab_wrap{left:13px; top:224px;}
.img-pop{ width:526px; height:316px;}
.media_wrap .t_img_box{ margin-left:0px;}
.media_cont li.media2{left:348px; top:97px;}
.media_cont li.media3{left:13px; top:338px;}
.media_cont li.media4{ display:block;left:348px; top:338px;}
.media_cont li.media1{ width:332px; height:232px; left:13px; top:97px;}
.media_cont li.media1 img{ width:332px; height:187px;}
.media_cont li.media1 .media_info{ position:relative; width:100%; height:44px; padding:0px; left:auto; bottom:auto; background:none}
.media_cont li.media1 .btn_play{ top:77px;}
.sns_t{ margin-left:186px;}
.sns_facebook{ left:192px; top:224px; z-index:4;}
.sns_naver{left:428px; top:224px;}
.sns_instagram{left:192px; top:520px; z-index:4;}
.sns_youtube{ left:428px; top:520px;}
.cw_long{ width:274px;left:232px; top:370px; z-index:3;}
}