@charset "UTF-8";  
.main{overflow-x:hidden; margin-top:180px}
html.noBnr .main{margin-top:106px;}
.main .sec-header{position: relative; padding-right:24.8rem; margin-bottom:64px;}
.main .sec-header .flag{padding:12px 26px; font-family: 'Versa', 'Pretendard', sans-serif; font-size:24px; color:#fff; background:#000; display:inline-block; margin-bottom:36px;}
.main .sec-header .flag:before{content:""; display:block; border-top:10px solid transparent; border-left:13px solid transparent; border-right:13px solid #777; border-bottom:10px solid #777; position: absolute; left:0; top:-20px}
.main .sec-header .header-title{font-size:54px; color:#000; font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; margin-bottom:24px;}
.main .sec-header .header-sub{font-size:20px; color:#999; font-weight:600}
.main .sec-header .header-img{position: absolute; right:0; top:-75px; max-width:24.8rem;}
.main .sec-header .header-img img{max-width:100%;}
.main .cmm-more{text-align: center;}
.main .cmm-more .more{white-space:nowrap; padding:0 1.2em; border-radius: 9999px; border:1px solid #000; color:#000; font-size:17px; font-weight:700;  display:inline-block; line-height: 54px; height:56px;}
.main .cmm-control .arrow{display:flex; align-items: center; justify-content: center; width:70px; height:70px; background:#000; font-size:28px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); z-index: 66; transition: background 0.2s;}
.main .cmm-control .arrow.swiper-button-disabled{display:none;}
.main .cmm-control .arrow.left{left:0; border-radius: 0 9999px 9999px 0;}
.main .cmm-control .arrow.right{right:0; border-radius: 9999px 0 0 9999px;}

.main .sec-01{ margin-bottom:100px;}
.main .sec-01 > .inner{max-width:1920px; padding:0 20px; position: relative;}
.main .sec-01 .swiper-container{margin-bottom:30px;}
.main .sec-01 .swiper-slide{position: relative; border-radius: 20px; overflow: hidden; background-color:#eee}
.main .sec-01 .slide-inner{height:0; padding-bottom:38.5638%;}
.main .sec-01 .slide-content{position: absolute; top:0; right:0; bottom:0; left:0; background-position: center; background-size: cover; background-repeat: no-repeat;}
.main .sec-01 .slide-content.video iframe{position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.main .sec-01 .pagination{text-align: center;}
.main .sec-01 .swiper-pagination-bullet{width:60px; height:5px; background:#000; opacity: 0.15; margin:0 2px; border-radius: 0;}
.main .sec-01 .swiper-pagination-bullet-active{opacity: 1; background:#000;}

.main .sec-03{margin-bottom:100px;}
.main .sec-03 > .inner{position: relative;}
.main .game-list{opacity: 0; transition: opacity 0.2s; padding-top:40px; margin-top:-40px}
.main .game-list.active{opacity: 1;}
.main .game-card{display:block; height:530px; overflow:hidden; border-radius: 20px; cursor: pointer; position: relative; transition: transform 0.2s;}

.main .game-card .card-bg{height:100%; text-align: center; position:relative;}
.main .game-card .card-bg .img-frame{position:relative;}
.main .game-card .card-bg .img-frame:before{content:""; display:block; width:100%; height:0; padding-bottom:100%;}
.main .game-card .card-bg img{width:100%; position:absolute; left:0; top:0; height:100%; object-fit:cover;}
.main .game-card .card-bg .dim{height:100%; z-index:1; position: relative; margin-top:-140px;transition: transform 0.2s;}
.main .game-card .card-content{position: absolute; bottom:0; left:0; width:100%;padding:0 34px 44px 34px; z-index: 55; transform: translateY(140px); transition: transform 0.2s;}
.main .game-card .hardware{display:flex; margin-bottom:14px;}
.main .game-card .hardware .item{height:26px; line-height:26px; padding:0 10px; background:rgba(255,255,255,0.2); color:#fff; font-weight:700; font-size:12px; border-radius: 4px; white-space: nowrap; margin-right:2px;}
.main .game-card .game-title{font-size:28px; color:#fff; font-weight:700; letter-spacing: -0.04em; line-height:1.1; margin-bottom:14px;}
.main .game-card .game-studio{color:#fff; opacity: 0.6; font-size: 16px; font-weight:700; white-space: nowrap; text-overflow: ellipsis;}
.main .game-card .game-desc{color:#fff; opacity:0.8; font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2;   -webkit-box-orient: vertical; margin-top:20px; line-height:1.2; opacity: 0; transition: opacity 0.2s; transition-delay: 0.14s; height:2.4em}
.main .game-card .game-btn{display:block; font-size:15px; font-weight:700; color:#fff; white-space: nowrap; height:48px; line-height:46px; text-align:center; border:1px solid #fff; margin-top:30px; border-radius: 10px; opacity: 0; transition: opacity 0.2s; transition-delay: 0.2s;}

.main .sec-02{position: relative; margin-bottom:100px}
.main .sec-02:before{content:""; display:block; width:100%; height:822px; top:-400px; left:0; position: absolute; z-index: -1; background:#f8f9fa}
.main .pick-list{margin-top:-40px; opacity: 0; transition:  opacity 0.2s;}
.main .pick-list.active{opacity: 1;}
.main .pick-list:after{content:""; display:block; clear:both;}
.main .pick-list .inner > .left{float:left; width:352px; margin-right:60px}
.main .pick-list .inner > .right{float:left; width:calc(100% - 412px);background:url(/share/img/2022/pick-bg.png) no-repeat right top / 294px auto; }
.main .pick-list .top{ padding-right:400px;}
.main .pick-list .game-pic{border-radius: 16px; overflow:hidden;box-shadow: 0 10px 20px rgb(0 0 0 / 5%);}
.main .pick-list .game-pic .pic-inner{height:0; padding-bottom:100%; background:#eee;position: relative;}
.main .pick-list .game-pic .pic-inner.error:before{content:"BICF \A Exhibition"; white-space: pre-wrap; line-height:1.5em; display:block; width:100%; height:100%; background:#f8f8f8; color:#eee; font-weight:800; font-family: 'Montserrat',sans-serif; font-size:18px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top:0; left:0; text-align: center;}
.main .pick-list .game-pic .pic-inner.error img{display:none;}
.main .pick-list .game-pic .pic-inner img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.main .pick-list .game-pic.mobile{display: none;}
.main .pick-list .game-pic img{width:100%; height: auto;}
.main .pick-list .hardware{display:flex; margin-bottom:14px;}
.main .pick-list .hardware .item{height:26px; line-height:26px; padding:0 10px; background:#000; color:#fff; font-weight:700; font-size:12px; border-radius: 4px; white-space: nowrap; margin-right:2px; text-transform:uppercase;}
.main .pick-list .hardware .item.mobile{background:#FFA800}
.main .pick-list .hardware .item.console, .main .pick-list .hardware .item.consol{background:#1ABE61}
.main .pick-list .hardware .item.cloude{background:#0557FF}
.main .pick-list .hardware .item.pc{background:#000}
.main .pick-list .game-title{font-size:38px; color:#000; font-weight:700; letter-spacing: -0.04em; line-height:1.1; margin-bottom:16px; white-space: nowrap; text-overflow: ellipsis;}
.main .pick-list .game-studio{color:#000; opacity: 0.42; font-size: 18px; font-weight:700; white-space: nowrap; text-overflow: ellipsis; margin-bottom:14px;}
.main .pick-list .game-desc{color:#000; opacity:0.8; font-size:17px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 2;   -webkit-box-orient: vertical; margin-bottom:22px; line-height:1.3; }
.main .pick-list .game-btn{display:flex; align-items: center; justify-content: center; width:152px; height:50px; border-radius: 9999px; color:#fff; font-size:17px; font-weight: 700; background:#000; margin-bottom:50px; transition: background 0.2s;}
.main .pick-list .game-btn .icon{font-size:20px; font-weight: 400; margin-left:15px;}
.main .pick-list .review-slide-wrapper{width:calc(100% + 10px); margin:0 -5px; padding:0 5px; overflow: hidden; min-height:200px;} 
.main .pick-list .review-slide-wrapper .swiper-container{overflow: visible;}
.main .pick-list .review-list-wrapper{position: relative;}
.main .pick-list .review-list-wrapper .arrow{border-radius: 9999px; width:44px; height:44px; font-size:23px;}
.main .pick-list .review-list-wrapper .arrow.left{left:-32px; top:calc(50% - 20px)}
.main .pick-list .review-list-wrapper .arrow.right{right:-32px; top:calc(50% - 20px)}
.main .pick-list .review-list{padding:0 0 40px; opacity: 0; transition: opacity 0.2s;}
.main .pick-list .review-list.active{opacity: 1;}
.main .pick-list .review-card{background:#fff; box-shadow: 0 4px 6px rgba(0,0,0,0.07); padding:22px 26px; border-radius: 8px; overflow: hidden;}
.main .pick-list .review-card .badge{display:inline-block; margin-bottom:14px; font-weight:500; font-size:13px; padding:0 10px; line-height:26px; height:26px; white-space: nowrap; color:#fff; border-radius: 4px;}
.main .pick-list .review-card .badge.gamer{background:#0aabb3}
.main .pick-list .review-card .badge.bic{background:#0aabb3}
.main .pick-list .review-card .badge.sponsor{background:#cbda31}
.main .pick-list .review-card .badge.press{background:#2073c7}
.main .pick-list .review-card .badge.developer{background:#de0a51}
.main .pick-list .review-card .badge.studio{background:#000}
.main .pick-list .review-card .badge.admin{background:#7f8c8d}
.main .pick-list .review-card .badge.influencer{background:#f39c12}
.main .pick-list .review-card .badge.partner{background:#8e44ad}
.main .pick-list .review-card .name{font-size:17px; font-weight:700; margin-bottom: 13px;}
.main .pick-list .review-card .review-content{color:#000; opacity:0.5; font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 4;   -webkit-box-orient: vertical; line-height:1.3; height:5.2em;}
.pick-control{display:flex; align-items: stretch; justify-content: center; height:38px;}
.pick-control .arrow{width:38px; height:38px; border:1px solid #ddd; display:flex; align-items: center; justify-content: center; font-size:20px; color:#000; border-radius: 50%;}
.pick-control .pager{margin:0 8px; background:#eee; display:flex; align-items: center; justify-content: center; color:#000; font-size:16px; font-weight:800; border-radius: 9999px; width:100px; height:100%;}
.pick-control .pager .devider{padding:0 5px}

/*sec-04*/
.main .sec-04{padding:10rem 0 5rem;}
.main .sec-04 .inner{position: relative;}
.main .sec-04 .swiper-container{width: 100%; position: relative; margin-top:-40px}
.main .sec-04 .swiper-wrapper{margin-bottom:8rem}
.main .sec-04 .list-item .poster{width:100%; padding-bottom:54%; height:0; overflow:hidden; border-radius: 8px; position: relative; margin-bottom:2.5rem;}
.main .sec-04 .list-item .poster img{position: absolute; top:0; left:0; width:100%; height:auto;}
.main .sec-04 .list-item .badge{display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:2rem;}
.main .sec-04 .list-item .badge span{display:block; width:6.4rem; height:3rem; line-height:3rem; text-align: center; font-weight:700; border-radius: 4px; margin-right:3px; font-size:1.3rem; color:#fff;}
.main .sec-04 .list-item .badge .live{background-color:#62d440}
.main .sec-04 .list-item .badge .end{background-color:#555555}
.main .sec-04 .list-item .badge .replay{background-color:#f8b122}
.main .sec-04 .list-item .info{font-weight:700;}
.main .sec-04 .list-item .info .title{font-size:1.8rem; margin-bottom:0.6em; line-height:1.3em;}
.main .sec-04 .list-item .info .name{font-size:1.6rem; opacity: 0.53; position: relative;}
.main .sec-04 .list-item .info .name + .name{padding-left:10px; margin-left:10px;}
.main .sec-04 .list-item .info .name + .name:before{content:""; display:block; width:4px; height:4px; background:#fff; position: absolute; left:-2px; top:50%; margin-top:-2px; border-radius: 50%; opacity: 0.5;}
.main .sec-04 .cmm-control .arrow{top:130px;}

/*sec-05*/
.main .sec-05{padding:10rem 0 5rem;}
.main .sec-05 .sec-header{margin-bottom:20px}
.main .sec-05 .sec-title{color:#2093ff; position: relative;}
.main .sec-05 .sec-title:before{content:""; display:block; width:100vw; height:6px; background:#2093ff; position: absolute; left:-28px; top:50%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.main .sec-05 .tab-nav{margin:3rem 0 4rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.main .sec-05 .tab-nav li{margin:0 3px;}
.main .sec-05 .tab-nav a{display:block; width:12rem; height:5.6rem; line-height:5.6rem; background:#ddd; border-radius: 9999px; text-align: center; font-size:2rem; font-weight:800; color:#888;}
.main .sec-05 .tab-nav a.on{background:#182D80; color:#fff;}
.main .sec-05 .tabPanel{display:none;}
.main .sec-05 .tabPanel.on{display:block;}
.main .sec-05 .recent-list.gallery:after{content:""; display:block; clear: both;}
.main .sec-05 .recent-list.gallery .item{float:left; width:calc(25% - 22.5px); margin-right:30px; margin-bottom:60px;}
.main .sec-05 .recent-list.gallery .item:nth-child(4n){margin-right:0;}
.main .sec-05 .recent-list.gallery .item .poster{padding-bottom:54%; background-size:cover; background-repeat: no-repeat; background-position: center; border-radius: 4px; overflow: hidden; margin-bottom:2rem;}
.main .sec-05 .recent-list.gallery .item .poster.noImg{background:#333;}
.main .sec-05 .recent-list.gallery .item .title{font-size:1.7rem; font-weight:700; white-space:nowrap; margin-bottom:0.5em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.main .sec-05 .recent-list.gallery .item .date{opacity: 0.8; font-size:1.5rem;}
.main .sec-05 .recent-list.sns{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.main .sec-05 .recent-list.sns .item{width:calc(25% - 15px); margin-right:20px; margin-bottom:20px; background:#f8f9fa; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; -o-transition:transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s;}
.main .sec-05 .recent-list.sns .item:nth-child(4n){margin-right:0;}
.main .sec-05 .recent-list.sns .item figure{overflow:hidden; height:0; padding-bottom:100%;}
.main .sec-05 .recent-list.sns .item figure img{width:100%; height:auto; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; -o-transition:transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s;}
.main .sec-05 .recent-list.sns .item .detail{padding:22px;}
.main .sec-05 .recent-list.sns .item .detail .title{font-size:16px; color:#000; font-weight: 500; line-height: 1.4em; height:2.8em; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main .sec-05 .recent-list.sns .item .detail .meta{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top:18px; padding-top:14px; border-top:1px solid #ddd}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link{display:-webkit-box;display:-ms-flexbox;display:flex;}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li{margin-right:4px;}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li a{display:block; width:32px; height:32px; background-size: 37px 37px; background-position: center center; background-repeat:no-repeat; text-indent:-9999px; background-color:#111; border-radius: 4px;}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li.facebook a{background-image:url('/share/img/main/sns_01.png')}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li.twitter a{background-image:url('/share/img/main/sns_02.png')}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li.instagram a{background-image:url('/share/img/main/sns_03.png')}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li.blog a{background-image:url('/share/img/main/sns_04.png'); background-size:39px 39px;}
.main .sec-05 .recent-list.sns .item .detail .meta .sns_link li.youtube a{background-image:url('/share/img/main/sns_05.png')}
.main .sec-05 .recent-list.sns .item .detail .meta .badge.blog{background:#3acf3d;}
.main .sec-05 .recent-list.sns .item .detail .meta .badge.facebook{background:#2e69e2;}
.main .sec-05 .recent-list.sns .item .detail .meta .badge.twitter{background:#15b0f2;}
.main .sec-05 .recent-list.sns .item .detail .meta .badge.instagram{background:#ee3450;}
.main .sec-05 .recent-list.sns .item .detail .meta .date{font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500}
.main .sec-05 .recent-list.board{max-width:128rem; margin:0 auto 6rem;}
.main .sec-05 .recent-list.board .item a{display:block; border-bottom:1px solid #ddd; padding:3.6rem 2rem; -webkit-transition: border 0.2s; -o-transition: border 0.2s; transition: border 0.2s;}
.main .sec-05 .recent-list.board .item a:after{content:""; display:block; clear:both;}
.main .sec-05 .recent-list.board .item .date{width:6rem; float:left; height: 6.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.main .sec-05 .recent-list.board .item .date .d{color:#182D80; font-size:3.6rem; text-align: center; font-weight:900; margin-bottom:0.6rem;}
.main .sec-05 .recent-list.board .item .date .ym{font-size:1.4rem; text-align: center; opacity: 0.6;}
.main .sec-05 .recent-list.board .item .title{width:calc(100% - 11.6rem); float:left; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height:6.4rem; font-size:2.4rem; font-weight:800; padding:0 2em;}
.main .sec-05 .recent-list.board .item .go{display:block; width:5.6rem; height:5.6rem;}
.main .sec-05 .recent-list.board .item .go:after{content:""; display:block; width:10px; height:10px; border-left:2px solid #888; border-bottom:2px solid #888; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; position: absolute; top:50%; right:calc(50% + 1px); -webkit-transform: translate(+50%, -50%) rotate(-135deg) ; -ms-transform: translate(+50%, -50%) rotate(-135deg) ; transform: translate(+50%, -50%) rotate(-135deg) ; opacity: 0.5;}

/*2022 스폰서 뱃지 추가*/
.main .m-sec.sponsor{background:#000 url(/share/img/2022/sponsor-bg.jpg) no-repeat center top / 100%; color:#fff; padding:100px 0 80px;}
.main .m-sec.sponsor .title{font-family: 'Versa', sans-serif; font-size:40px; text-align: center; margin-bottom:1.4em; font-weight: 400;}
.main .m-sec.sponsor .inner{display:flex;/* justify-content: space-between; */flex-wrap: wrap;max-width:1520px;gap: 0 60px;}
.main .m-sec.sponsor .banner-group.partner{width:100%;margin-top: 80px;}
.main .sp-group .sp-title{justify-content: flex-start;}
.main .sp-group .sp-title.platinum:before{content:"P"; display:flex; justify-content:center; align-items: center; font-size:20px; line-height:3rem; font-weight:900; width:3rem; height:3rem; border-radius: 50%; background:#6EDF4C; color:#000; margin-right:15px;}
.main .sp-group .sp-title.gold:before{content:"G"; display:flex; justify-content:center; align-items: center; font-size:20px; line-height:3rem;  font-weight:900; width:3rem; height:3rem; border-radius: 50%; background:#FCB711; color:#000; margin-right:15px;}
.main .sp-group .sp-title.silver:before{content:"S"; display:flex; justify-content:center; align-items: center; font-size:20px; line-height:3rem; font-weight:900; width:3rem; height:3rem; border-radius: 50%; background:#CCCCCC; color:#000; margin-right:15px;}
.main .sp-group .sp-title.bronze:before{content:"B"; display:flex; justify-content:center; align-items: center; font-size:20px; line-height:3rem; font-weight:900; width:3rem; height:3rem; border-radius: 50%; background:#DD9D74; color:#000; margin-right:15px;}
.main .banner-group{margin-bottom: 6px;}
.main .banner-group.partner{display:flex;}
.main .banner-group.partner .sp-list{display:flex;}
.main .banner-group .left{margin-bottom:20px;}
.main .banner-group.partner .left{width:200px; flex:0 0 200px}
.main .banner-group .left .sec-title{font-size:20px; white-space: nowrap; margin-bottom:6px; text-transform: uppercase;}
[lang="en"] .main .banner-group .left .sec-title{padding-top:5px}
.main .banner-group .left .sec-sub{font-size:14px; opacity: 0.6; white-space: nowrap; text-transform: uppercase;}
.main .banner-group .bn-list{display:flex; margin:-6px 0 0 -6px ;flex-wrap: wrap;}
.main .banner-group .bn-list .bn-item{display:flex; align-items: center; justify-content: center; width:200px; height:98px; background:#fff; border-radius: 2px; overflow: hidden; margin:6px 0 0 6px}
.main .banner-group .bn-list .bn-item img{width:100%;}
.main .banner-group .sp-list{margin-bottom: 30px;}
.main .banner-group.partner .left:before{display:flex; justify-content:center; align-items: center; font-size:20px; line-height:3rem; font-weight:900; width:3rem; height:3rem; border-radius: 50%; background:#6EDF4C; color:#000; margin-right:15px; float:left; margin-bottom:14px}
.main .banner-group.partner .platinum .left:before{content:"P";}
.main .banner-group.partner .gold .left:before{content:"G"; background:#FCB711;}
.main .banner-group.partner .silver .left:before{content:"S"; background:#CCCCCC;}
.main .banner-group.partner .bronze .left:before{content:"B"; background:#DD9D74;}

.floating-btn{position:fixed; bottom:40px; right:40px; z-index: 53;}
.floating-btn .zon-btn a{display:block; width:108px; height:108px; padding:4px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50%}
.floating-btn .zon-btn a:before{content:""; width:80px; height:37px; background:url(/share/img/2022/float-ment.svg) no-repeat center; position:absolute; top:-19px; right:-16px;}
.floating-btn .zon-btn a img{width:100px;}
.floating-btn .top-btn{ margin-top:16px; display:none}
.floating-btn .top-btn.on{display:block;}
.floating-btn .top-btn a{display:block; width:60px; height:60px; border:3px solid #000; font-size:26px; color:#000; background:#fff; display:flex; align-items:center; justify-content:center;border-radius:50%; margin:0 auto;}

@media screen and (min-width:1201px) {
	.main .cmm-control .arrow:hover{background:#182D80}
	.main .game-card:hover{transform: translateY(-20px);}
	
	.main .game-card:hover .card-content{transform: translateY(0);}
	.main .game-card:hover .card-bg .dim{transform: translateY(-100px);}
	.main .game-card:hover .game-btn, .main .game-card:hover .game-desc{opacity: 1;}

	.main .pick-list .game-btn:hover{background:#182D80}
}

@media screen and (max-width:1200px) {
	.main .banner-group.partner .sp-list{display:block;}
	.main .banner-group.partner .left{width:auto;}

	.main .sec-header .header-img{display:none}

	.main .sec-02:before{height:1000px;}
	.main .pick-list .game-pic{display:none;}
	.main .pick-list .game-pic.mobile{display:block; float:left; width:30%; min-width:280px; margin-right:20px; margin-bottom:40px;}
	.main .pick-list .inner > .left{display:none;}
	.main .pick-list .inner > .right{float:none; width:100%; background:none;}
	.main .pick-list .top{padding-right:160px}
	.main .pick-list .game-btn{position: absolute; right:20px; top:0;}
	.main .pick-list .game-title{font-size:24px;}
	.main .pick-list .game-studio{font-size:16px;}
	.main .pick-list .game-desc{font-size:15px;}
	.main .pick-list .cmm-control{display:none;}
	.main .pick-list .review-slide-wrapper{overflow: visible;}

	.main .banner-group.partner .left:after{content:""; display:block; clear:both}
}

@media screen and (max-width:1024px) {
	.mainPage .main{margin-top:162px}
	.main .sec-header{padding:0; margin-bottom:30px;}
	.main .sec-header .header-title{font-size:40px}
	.main .cmm-control .arrow{width:44px;height:44px; font-size:20px;}
	.main .sec-01{}
	.main .sec-01 > .inner{padding:0;}
	.main .sec-01 .swiper-container{margin-bottom:10px; border-radius: 0;}
	.main .sec-01 .swiper-slide{border-radius: 10px;border-radius: 0;}
	.main .sec-01 .slide-inner{padding-bottom:40%;}
	.main .sec-01 .swiper-pagination-bullet{width:30px}
	.main .game-card{border-radius: 10px;}
    .main .sec-05 .tab-nav{margin-bottom:6rem;}
    .main .sec-05 .recent-list.sns .item{width:calc(50% - 10px); margin-right:20px;}
    .main .sec-05 .recent-list.sns .item:nth-child(2n){margin-right:0;}
	
}

@media screen and (max-width:768px) {
	.main{margin-top:160px}
	.mainPage .main{margin-top:145px}
	html.noBnr .main{margin-top:100px}
	.main .sec-header .flag{font-size:16px; margin-bottom: 24px;}
	.main .sec-header .header-title{font-size:24px; margin-bottom:10px;}
	.main .sec-header .header-sub{font-size:18px}

	.main .game-card .game-title{font-size:22px; margin-bottom:10px;}
	.main .game-card .game-studio{font-size:15px;}
	.main .game-card .card-content{padding:0 26px 44px 26px}

	.main .sec-01{ margin-bottom:60px;}
	.main .sec-03 .swiper-container{overflow: visible;}
	.main .sec-03 .control{display:none;}
	.main .sec-03 .swiper-slide{width:300px;}
	.main .game-card{height:420px;}

	.main .pick-list{margin-top:-30px; margin-bottom:20px;}
	.main .pick-list .top{padding:0;}
	.main .sec-02{margin-bottom:50px;}
	.main .sec-02:before{height:1110px;}
	.main .pick-list .game-pic.mobile{float:none; margin:0 auto 20px;}
	.main .pick-list .game-btn{position: relative; right:auto; top:auto; margin-bottom:20px; width:142px; height:44px; font-size:15px;}
	.main .pick-list .review-list{padding-bottom:10px;}

	.main .sec-05{padding:7rem 0;}
    .main .sec-05 .sec-title{margin-bottom:2em;}
    .main .sec-05 .tab-nav{margin-bottom:4rem;}   
    .main .sec-05 .tab-nav a{width:10rem; height:4.6rem; line-height: 4.6rem; font-size:1.7rem;}
    .main .sec-05 .recent-list.gallery .item{width:calc(50% - 10px); margin-right:20px; margin-bottom:30px;}
    .main .sec-05 .recent-list.gallery .item:nth-child(2n){margin-right:0px;}
    .main .sec-05 .recent-list.board .item a{padding:1.6rem 1rem;}
    .main .sec-05 .recent-list.board .item .title{font-size:1.8rem;}
    .main .sec-05 .more{margin-top: 1rem;}

	.main .banner-group{width:100%;}
	.main .banner-group.partner{display:block;}
	.main .banner-group .bn-list .bn-item{width:calc(33.333% - 6px); position: relative; height:auto;}
	.main .banner-group .bn-list .bn-item:before{content:""; display:block; width:100%; height:0; padding-bottom:49%;}
	.main .banner-group .bn-list .bn-item img{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); max-width:100%;}

	.main .m-sec.sponsor .title{font-size:24px}

	.floating-btn{right:16px;}
	.floating-btn .top-btn a{width:40px; height:40px; font-size:20px}
	.floating-btn .zon-btn a{width:60px; height:60px;}
	.floating-btn .zon-btn a:before{display:none;}
	.floating-btn .zon-btn a img{width:52px;}
}

@media screen and (max-width:540px) {
	.main .sec-05 .sec-title{margin-bottom:1em}
    .main .sec-05 .tab-nav{margin-bottom:4rem;}
    .main .sec-05 .tab-nav a{width:7rem; height:3.6rem; line-height: 3.6rem; font-size:1.4rem;}
    .main .sec-05 .recent-list.gallery .item{margin-bottom:20px;}
    .main .sec-05 .recent-list.gallery .item .title{font-size:1.5rem;}
    .main .sec-05 .recent-list.gallery .item .date{font-size:1.4rem;}

    .main .sec-05 .recent-list.board{margin-bottom:2rem; margin-top:-2rem}
    .main .sec-05 .recent-list.board .item a{padding: 1.6rem 0}
    .main .sec-05 .recent-list.board .item .date{width:5rem;}
    .main .sec-05 .recent-list.board .item .date .d{font-size:2.6rem;}
    .main .sec-05 .recent-list.board .item .date .ym{font-size:1.3rem;}
    .main .sec-05 .recent-list.board .item .title{width: calc(100% - 5rem); padding:0 1em;}
    .main .sec-05 .recent-list.board .item .go{display:none;}

    .main .sec-05 .recent-list.sns .item{width:calc(50% - 4px); margin-right:8px; margin-bottom: 8px;}
    .main .sec-05 .recent-list.sns .item .detail{padding:8px}
    .main .sec-05 .recent-list.sns .item .detail .title{-webkit-line-clamp: 1; height:1.4em; font-size:14px;}
    .main .sec-05 .recent-list.sns .item .detail .meta{margin-top: 5px; padding-top:0; border-top:none;}
    .main .sec-05 .recent-list.sns .item .detail .meta .sns_link li a{width:28px; height:28px; background-size:28px 28px}

	.main .banner-group .bn-list .bn-item{width:calc(50% - 6px);}
}