@charset "utf-8";
body{background:#172129;}
.s-container{position: relative; max-width:1640px; padding:0 20px; margin:0 auto;}

/*common*/
.section .sec_title{margin-bottom:80px;}
.section .sec_title .title{font-size:48px; font-weight:900; color:#fff;}
.section .sec_title .sub_title{font-size:20px; font-weight:300; margin-bottom:1em; color:#5b6063;}
.section .sec_title .exp{font-size:18px; line-height: 1.45em; letter-spacing:-0.02em; font-weight:500}

.floating {  
    -webkit-animation-name: floating;  
    -moz-animation-name: floating;  
    animation-name: floating;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating {
    from { -webkit-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -webkit-transform: translate(0, 15px); transform: translate(0, 15px); }
    to   { -webkit-transform: translate(0, -0px); transform: translate(0, -0px); }    
}

@-moz-keyframes floating {
    from { -moz-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -moz-transform: translate(0, 15px); transform: translate(0, 15px); }
    to   { -moz-transform: translate(0, -0px); transform: translate(0, -0px); }    
}

@keyframes floating {
    from { -webkit-transform: translate(0,  0px); -moz-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -webkit-transform: translate(0, 15px); -moz-transform: translate(0, 15px); transform: translate(0, 15px); }
    to   { -webkit-transform: translate(0, -0px); -moz-transform: translate(0, -0px); transform: translate(0, -0px); }    
}


.floating_02 {  
    -webkit-animation-name: floating_02;  
    -moz-animation-name: floating_02;  
    animation-name: floating_02;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes floating_02 {
    from { -webkit-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); }
    to   { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }    
}

@-moz-keyframes floating_02 {
    from { -moz-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
    to   { -moz-transform: translate(0, 0px); transform: translate(0, 0px); }    
}

@keyframes floating_02 {
    from { -webkit-transform: translate(0,  0px); -moz-transform: translate(0,  0px); transform: translate(0,  0px); }
    65%  { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); transform: translate(0, -10px); }
    to   { -webkit-transform: translate(0, 0px); -moz-transform: translate(0, 0px); transform: translate(0, 0px); }    
}

#header.mini + .m-container{margin-top:-90px;}

#sec01 {width:100%; height:955px; background:#051627; overflow:hidden; position: relative;}
#sec01 .swiper-container{height:955px;}
#sec01 .swiper-container .swiper-wrapper{height:100%;}
#sec01 .poster{width:1920px; height:955px; background:url('../img/main/visual.png') no-repeat center top / 1920px auto; text-indent: -9999px; position: absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
#sec01 .temp{width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color:#fff; font-weight:500; font-size:18px;}
#sec01 .control{} 
#sec01 .control .button{width:40px; height:40px; display:block; background-position: center; background-repeat: no-repeat; -moz-background-size:40px 40px; background-size:40px 40px; text-indent:-9999px; position: absolute; top:50%; }
#sec01 .control .button.prev{left:0; background-image:url('../img/main/sec01_prev.png'); left:50%; -webkit-transform:translateX(-700px); -moz-transform:translateX(-700px); -ms-transform:translateX(-700px); transform:translateX(-700px); z-index: 2;}
#sec01 .control .button.next{right:0; background-image:url('../img/main/sec01_next.png'); right:50%; -webkit-transform:translateX(700px); -moz-transform:translateX(700px); -ms-transform:translateX(700px); transform:translateX(700px); z-index: 2;}
#sec01 .youtube{position: relative; height:100%;}
#sec01 .youtube iframe{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}

#sec02 {height:112px; margin-bottom:100px; position: relative; z-index:1;}
#sec02 .recommend_wrapper{height:112px; background:#212e39; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; margin-top:-30px;}
#sec02 .recommend_wrapper .title_box{width:360px; -webkit-box-flex:0; -webkit-flex:0 0 auto; -moz-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; background:#4bc8d0; color:#fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left:110px;}
#sec02 .recommend_wrapper .title_box:after{content:""; width:100px; height:112px; background:#4bc8d0; display:block; position: absolute; right:-20px; top:0; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); }
#sec02 .recommend_wrapper .title_box .momo{position: absolute; bottom:-26px; left:10px; width:93px; height:124px; -webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
#sec02 .recommend_wrapper .title_box .title{font-size:32px; font-weight:900; margin-bottom: 8px; position: relative; z-index: 1;}
#sec02 .recommend_wrapper .title_box .sub_title{font-size:18px; font-weight:500; opacity: 0.8; position: relative; z-index: 1;}
#sec02 .recommend_wrapper .recommend_slide{width:-webkit-calc(100% - 580px);width:-moz-calc(100% - 580px);width:calc(100% - 580px); -webkit-box-flex:0; -webkit-flex:0 1 auto; -moz-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; padding:0 60px;}
#sec02 .recommend_wrapper .recommend_slide .swiper-wrapper{}
#sec02 .recommend_wrapper .recommend_slide .swiper-slide{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width:100%; height:112px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#sec02 .recommend_wrapper .recommend_slide .swiper-slide .top{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; margin-bottom:6px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
#sec02 .recommend_wrapper .recommend_slide .swiper-slide .top .name{font-weight:700; font-size:20px; color:#4bc8d0; margin-right:10px;}
#sec02 .recommend_wrapper .recommend_slide .swiper-slide .top .company{font-weight:500; font-size:16px; color:#fff;}
#sec02 .recommend_wrapper .recommend_slide .swiper-slide .bottom{font-size:18px; font-weight: 500; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; line-height:1.5em}
#sec02 .controller_box{width:220px; -webkit-box-flex:0; -webkit-flex:0 0 220px; -moz-box-flex:0; -ms-flex:0 0 220px; flex:0 0 220px;}
#sec02 .controller_box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#sec02 .controller_box .btn{display:block; width:48px; height:48px; text-indent: -9999px; -moz-background-size:48px 48px; background-size:48px 48px; background-position: center; background-repeat: no-repeat; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}
#sec02 .controller_box .btn.pause{background-image:url('../img/common/btn_pause.png')}
#sec02 .controller_box .btn.play{background-image:url('../img/common/btn_play.png')}
#sec02 .controller_box .btn.prev{background-image:url('../img/common/btn_left.png')}
#sec02 .controller_box .btn.next{background-image:url('../img/common/btn_right.png')}
#sec02 .controller_box .btn.close{background-image:url('../img/common/btn_close.png')}

#sec03{margin-bottom:100px;}
#sec03 li.empty{width:100%; text-align:center; color:#fff;}
#sec03 .my_title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom:28px;}
#sec03 .my_title .badge{min-width:150px; padding:0 1em; height:54px; -webkit-border-radius: 54px; -moz-border-radius: 54px; border-radius: 54px;
    background: #0081dc; /* Old browsers */
    background: -moz-linear-gradient(left,  #0081dc 0%, #01e3bf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0081dc 0%,#01e3bf 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, right top,  from(#0081dc),to(#01e3bf));
    background: -moz-linear-gradient(left,  #0081dc 0%,#01e3bf 100%);
    background: linear-gradient(to right,  #0081dc 0%,#01e3bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081dc', endColorstr='#01e3bf',GradientType=1 ); /* IE6-9 */
    font-size:26px; font-weight:900; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color:#fff; margin-right:20px;
    }
#sec03 .my_title .name{color:#fff; font-size:28px; font-weight:900; }
#sec03 .sub_title{font-size:20px; font-weight: 700; margin-bottom:30px; padding-left:20px;}
#sec03 .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin-bottom: 40px; border-bottom:1px solid rgba(255,255,255,0.2)}
#sec03 .top .category_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec03 .top .category_list .item{padding:24px 24px; position: relative;}
#sec03 .top .category_list .item a{font-size:20px; font-weight:700; opacity:0.3; color:#fff;}
#sec03 .top .category_list .item.on a{opacity: 1;}
#sec03 .top .category_list .item.on:after{content:""; width:68%; height:5px; background:#fff; position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
#sec03 .tabpanel{padding:4em; background:#212e39; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; display:none;}
#sec03 .tabpanel.on{display:block;}
#sec03 .game_list_wrapper .game_list .item{margin-bottom:0;}
#sec03 .event_list_wrapper .event_list .item{margin-bottom:0;}
#sec03 .event_list_wrapper .event_list .item .detail{padding:22px 8px;}
#sec03 .event_list_wrapper .event_list .item .meta{flex-wrap:wrap;}
#sec03 .event_list_wrapper .event_list .item .badge{white-space:nowrap; margin-bottom:10px; font-weight:700; color:#f8b122}
#sec03 .event_list_wrapper .event_list .item .date{margin-bottom:10px;}}
#sec03 .write_list{}
#sec03 .write_list .item{ margin-bottom:10px;}
#sec03 .write_list .item a{display:block; position: relative; background:#172129; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:2em 3em;}
#sec03 .write_list .item:last-child{margin-bottom:0;}
#sec03 .write_list .item .title{font-size:18px; font-weight: 500; color:#fff; margin-bottom:10px;}
#sec03 .write_list .item .meta{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec03 .write_list .item .meta .board{font-weight:700; margin-right:18px; color:#17b6e6}
#sec03 .write_list .item .go{display:block; width:48px; height:48px; background:url('../img/common/btn_right.png') no-repeat center / 48px 48px; position: absolute; right:40px; top:50%; margin-top:-24px; text-indent: -9999px;}
#sec03 .reg_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#sec03 .reg_list .item{width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);width:calc(25% - 15px); margin-right:20px;}
#sec03 .reg_list .item:nth-child(4n){margin-right:0;}
#sec03 .reg_list .item .game_info{padding:0 2em; }
#sec03 .reg_list .item .game_info figure{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden; margin-bottom:1em;}
#sec03 .reg_list .item .game_info figure img{width:100%; height: auto;}
#sec03 .reg_list .item .game_content{}
#sec03 .reg_list .item .game_content .title{color:#32dee9; margin-bottom:1em;}
#sec03 .reg_list .item .game_content .detail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#sec03 .reg_list .item .game_content .detail li{width:50%; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; margin-bottom:10px}
#sec03 .reg_list .item .game_content .detail .badge{color:#fff; font-weight:500; margin-right:10px;}
#sec03 .reg_list .item .game_content .detail .exp{}
#sec03 .conf_list_wrapper .conf_list .item .conf_info .detail {-webkit-transition:background 0.2s;-moz-transition:background 0.2s;transition:background 0.2s;}
#sec03 .conf_list_wrapper .conf_list .item .conf_info .detail .date{-webkit-transition: none;-moz-transition: none;transition: none;}
#sec03 .conf_list_wrapper .conf_list .item .conf_info .detail:after{display: none;}

#sec03 .conf_list_wrapper .conf_list .item .conf_info .detail .more{font-size:16px;padding: 0 0em 0 2em;}
#sec03 .biz_list{min-height:400px;}
#sec03 .biz_list .item{ margin-bottom:10px;}
#sec03 .biz_list .item a{display:block; position: relative; background:#172129; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:2em 3em;}
#sec03 .biz_list .item:last-child{margin-bottom:0;}
#sec03 .biz_list .item .group_wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec03 .biz_list .item .group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin-right:20px; padding-right:20px;position: relative;} 
#sec03 .biz_list .item .group:after{content:""; width:1px; height:12px; background:#fff; opacity: 0.2; position: absolute; right:0; top:50%; margin-top:-5px;}
#sec03 .biz_list .item .group:last-child:after{display:none;}
#sec03 .biz_list .item .group .badge{font-weight:700; color:#17b6e6; margin-right:18px;}
#sec03 .biz_list .item .group .exp{color:#fff;}
#sec03 .biz_list .item .go{display:block; width:48px; height:48px; background:url('../img/common/btn_right.png') no-repeat center / 48px 48px; position: absolute; right:40px; top:50%; margin-top:-24px; text-indent: -9999px;}

#sec04{margin-bottom:100px;}
#sec04 .game_list_wrapper{}
#sec04 .game_list_wrapper .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin-bottom: 40px; border-bottom:1px solid rgba(255,255,255,0.2)}
#sec04 .game_list_wrapper .top .category_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec04 .game_list_wrapper .top .category_list .item{padding:24px 24px; position: relative;}
#sec04 .game_list_wrapper .top .category_list .item a{font-size:20px; font-weight:700; opacity:0.3; color:#fff;}
#sec04 .game_list_wrapper .top .category_list .item.on a{opacity: 1;}
#sec04 .game_list_wrapper .top .category_list .item.on:after{content:""; width:55%; height:5px; background:#fff; position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}

#sec04 .game_list_wrapper .top .more{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none; display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; font-size:20px; font-weight:800; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color:#fff; position: relative; margin-left:auto;}
#sec04 .game_list_wrapper .top .more:before{content:""; display:block; width:2px; height:14px; background:rgba(255,255,255,0.5); position: absolute; left:-30px; top:50%; margin-top:-7px;}
#sec04 .game_list_wrapper .top .more .icon{display:block; width:20px; height:20px; background:url('../img/main/icon_more.png') no-repeat center / 20px 20px; margin-left:1em; text-indent: -9999px;}
#sec04 .game_list_wrapper .top .triangle{position: absolute; right:-400px; top: -138px; z-index: -1;}
#sec04 .game_list_wrapper .top .triangle img{width:810px; height:auto; }
#sec04 .game_list_wrapper .top .character{position: absolute; right:180px; top:90px; z-index: 1;}
#sec04 .game_list_wrapper .top .character .ani_ch_01{width:98px; height:auto; margin-right:-40px; -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
#sec04 .game_list_wrapper .top .character .ani_ch_02{width:225px; height:auto;}

#sec05{margin-bottom:150px; position: relative; }
#sec05:after{content:""; display:block; width:1920px; height:1300px; background:url('../img/main/conf_bg.jpg') no-repeat center top; position: absolute; top:-500px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: -1;}
#sec05 .conf_list_wrapper{}
#sec05.section .sec_title{margin-bottom: 0px;}
#sec05 .character{position: absolute; right:220px; top:-27px;}
#sec05 .character img{width:235px; height:auto;}
#sec05 .conf_list_wrapper .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin-bottom: 40px; border-bottom:1px solid rgba(255,255,255,0.2); -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top:-20px;  }
#sec05 .conf_list_wrapper .top .more{display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; height:100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size:20px; font-weight:500; align-items: center; color:#fff; position: relative; margin-left:auto; padding:24px 0;}
#sec05 .conf_list_wrapper .top .more:before{content:""; display:block; width:2px; height:14px; background:rgba(255,255,255,0.5); position: absolute; left:-30px; top:50%; margin-top:-6px;}
#sec05 .conf_list_wrapper .top .more .icon{display:block; width:20px; height:20px; background:url('../img/main/icon_more.png') no-repeat center / 20px 20px; margin-left:1em; text-indent: -9999px;}

#sec06 {margin-bottom:130px;}
#sec06 .sec_title{margin-bottom: 50px;}
#sec06 .character{position: absolute; top:-80px; right:0;}
#sec06 .character .ani_ch_03{width:156px; height:auto; position: relative; top:-180px; right:-80px;}
#sec06 .character .ani_ch_04{width:143px; height:auto; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; position: relative; right:-50px;}
#sec06 .character .ani_ch_05{width:298px; height:auto; position: relative; top:-50px}
#sec06 .news_container .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin-bottom: 40px; border-bottom:1px solid rgba(255,255,255,0.2)}
#sec06 .news_container .top ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec06 .news_container .top ul li{padding:24px 24px; position: relative;}
#sec06 .news_container .top ul li a{font-size:20px; font-weight:700; opacity:0.3; color:#fff;}
#sec06 .news_container .top ul li.on a{opacity: 1;}
#sec06 .news_container .top ul li.on:after{content:""; width:-webkit-calc(80% - 10px); width:-moz-calc(80% - 10px); width:calc(80% - 10px); height:5px; background:#fff; position: absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%)}
#sec06 .news_container .top .more{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none; display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; font-size:20px; font-weight:800; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color:#fff; position: relative; margin-left:auto;}
#sec06 .news_container .top .more:before{content:""; display:block; width:2px; height:14px; background:rgba(255,255,255,0.5); position: absolute; left:-30px; top:50%; margin-top:-7px;}
#sec06 .news_container .top .more .icon{display:block; width:20px; height:20px; background:url('../img/main/icon_more.png') no-repeat center / 20px 20px; margin-left:1em; text-indent: -9999px;}

#sec06 .news_container {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec06 .news_container .popzone{width:520px; margin-right:20px; -webkit-box-flex:0; -webkit-flex:0 0 520px; -moz-box-flex:0; -ms-flex:0 0 520px; flex:0 0 520px;}
#sec06 .news_container .popzone .top .mo_more{display:none;}
#sec06 .news_container .popzone .popzone_slide{width:100%;}
#sec06 .news_container .popzone .popzone_slide .slide-item{width:100%;}
#sec06 .news_container .popzone .popzone_slide .slide-item a{display:block; overflow:hidden; padding-bottom:100%; height:0;}
#sec06 .news_container .popzone .popzone_slide .slide-item img{width:100%; height:auto;}
#sec06 .news_container .popzone .controller_box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; height:80px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background:#212e39; padding:0 16px;}
#sec06 .news_container .popzone .controller_box .pager{height:48px; padding:0 1.2em; background:#1c2730; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color:#bbbfc1; font-weight:500; width:auto; color:#fff;}
#sec06 .news_container .popzone .controller_box .pager span{padding:0 0.4em;}
#sec06 .news_container .popzone .controller_box .control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
#sec06 .news_container .popzone .controller_box .control a{display:block; width:48px; height:48px; background-position: center; background-repeat:no-repeat; -moz-background-size:48px 48px; background-size:48px 48px; text-indent: -9999px; margin-left:6px}
#sec06 .news_container .popzone .controller_box .control a.pause{background-image:url('../img/main/pop_pause.png')}
#sec06 .news_container .popzone .controller_box .control a.play{background-image:url('../img/main/pop_play.png')}
#sec06 .news_container .popzone .controller_box .control a.prev{background-image:url('../img/main/pop_left.png')}
#sec06 .news_container .popzone .controller_box .control a.next{background-image:url('../img/main/pop_right.png')}
#sec06 .news_container .latest{width:-webkit-calc(100% - 540px);width:-moz-calc(100% - 540px);width:calc(100% - 540px); -webkit-box-flex:0; -webkit-flex:0 1 auto; -moz-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto;  padding-left:40px;}
#sec06 .news_container .latest .tabpanel_wrapper{}
#sec06 .news_container .latest .mo_title_wrapper{display:none;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel{display:none;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.on{display:block;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul{}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li{margin-bottom:6px;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li:last-child{margin-bottom:0px;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a{display:block; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; height:80px; background:#212e39; color:#fff; font-weight: 500; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding:0 40px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}

#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a .title{display:block; width:100%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-box-flex:0; -webkit-flex:0 1 auto; -moz-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; font-size:18px; line-height:1.4em;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a .date{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none; margin-left:auto; font-family: 'Montserrat', sans-serif; padding-left:24px; }

#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li{width:-webkit-calc(33.333% - 6.666px);width:-moz-calc(33.333% - 6.666px);width:calc(33.333% - 6.666px); height:260px;margin-bottom:10px; margin-right:10px;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li:nth-child(3n){margin-right:0;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a{height:100%; padding:0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background:none;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a figure{width:100%; height:0; padding-bottom:56%; position: relative; overflow:hidden; margin-bottom:14px;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a img{width:100%; height:auto; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a .title{margin-bottom:10px;}
#sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a .date{margin-left:0; width:100%; padding-left:0; opacity: 0.7;}

#sec07 {margin-bottom:80px;}
#sec07 .sns_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -moz-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin:-150px 0 80px 0;}
#sec07 .sns_list li{margin-left:10px;}
#sec07 .sns_list li a{display:block; width:74px; height:74px; background-position: center; -moz-background-size:74px 74px; background-size:74px 74px; background-repeat: no-repeat; text-indent:-9999px; border:2px solid #51595f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}

#sec07 .sns_list li.facebook a{background-image:url('../img/main/sns_01.png')}
#sec07 .sns_list li.twitter a{background-image:url('../img/main/sns_02.png')}
#sec07 .sns_list li.instagram a{background-image:url('../img/main/sns_03.png')}
#sec07 .sns_list li.blog a{background-image:url('../img/main/sns_04.png')}
#sec07 .sns_list li.youtube a{background-image:url('../img/main/sns_05.png')}

.sponsor .sponsor-group{text-align:center; margin-bottom:80px;}
.sponsor .sponsor-group .title{display:block; text-align:center; margin-bottom:50px; position: relative;}
.sponsor .sponsor-group .title span{padding:1em; background:#172129; color:#fff; font-weight:700;  font-size:28px; font-family: 'Montserrat', sans-serif; position: relative; z-index: 2; }
.sponsor .sponsor-group .title:after{content:""; width:100%; height:1px; background:rgba(255,255,255,0.1); position: absolute; top:50%; left:0; right:0; z-index: 1;}
.sponsor .sponsor-group .sponsor_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.sponsor .sponsor-group .sponsor_list .item{width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);width:calc(25% - 15px);  margin-right:20px; margin-bottom: 22px;}
.sponsor .sponsor-group .sponsor_list .item:nth-child(4n){margin-right:0;}
.sponsor .sponsor-group .sponsor_list .item figure{background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:0; padding-bottom:45%;}
.sponsor .sponsor-group .sponsor_list .item figure img{width:100%; height:auto;}
.sponsor .sponsor-group .sponsor_list .item .name{text-align:center; padding:1em; color:#fff; display:none;}

#sec11{margin-bottom: 300px; position: relative;}

#global_quick{position:fixed; right:20px; top:50%; opacity:1; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); z-index: 2;}
#global_quick ul{}
#global_quick ul li{text-align:center; margin-bottom:24px; opacity: 0;}
#global_quick ul li a .icon{width:26px; height:26px; display:block; margin:0 auto 4px; text-indent:-9999px; -moz-background-size:26px 26px; background-size:26px 26px; background-repeat:no-repeat; background-position: center;}
#global_quick ul li a span{font-size:13px; text-align:center;}
#global_quick ul li:nth-child(1) .icon{background-image:url('../img/main/quick_00.png')}
#global_quick ul li:nth-child(2) .icon{background-image:url('../img/main/quick_01.png')}
#global_quick ul li:nth-child(3) .icon{background-image:url('../img/main/quick_02.png')}
#global_quick ul li:nth-child(4) .icon{background-image:url('../img/main/quick_03.png')}
#global_quick ul li:nth-child(5) .icon{background-image:url('../img/main/quick_04.png')}
#global_quick ul li:nth-child(6) .icon{background-image:url('../img/main/quick_05.png')}
#global_quick ul li:nth-child(7) .icon{background-image:url('../img/main/quick_05.png')}
#global_quick ul li:nth-child(8) .icon{background-image:url('../img/main/quick_05.png')}

#global_quick ul li:nth-child(1).on .icon{background-image:url('../img/main/quick_00_h.png')}
#global_quick ul li:nth-child(2).on .icon{background-image:url('../img/main/quick_01_h.png')}
#global_quick ul li:nth-child(3).on .icon{background-image:url('../img/main/quick_02_h.png')}
#global_quick ul li:nth-child(4).on .icon{background-image:url('../img/main/quick_03_h.png')}
#global_quick ul li:nth-child(5).on .icon{background-image:url('../img/main/quick_04_h.png')}
#global_quick ul li:nth-child(6).on .icon{background-image:url('../img/main/quick_05_h.png')}
#global_quick ul li:nth-child(7).on .icon{background-image:url('../img/main/quick_05_h.png')}
#global_quick ul li:nth-child(8).on .icon{background-image:url('../img/main/quick_05_h.png')}

#global_service{position: fixed; top:50%; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); left:0; z-index: 2;}
#global_service ul{}
#global_service ul li{margin-bottom:4px; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%)}
#global_service ul li:last-child{margin-bottom:0px;}
#global_service ul li a{display:block; width:120px; height:55px; color:#fff; font-size:18px; font-weight:700; line-height:55px; padding-left:34px; position: relative;}
#global_service ul li a:after{content: ""; display: block; width: 0; height: 0; border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #dee4e4;
    position: absolute;
    right: 20px;
    top: 26px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
#global_service ul li:nth-child(1) a{background:#0aabb3}
#global_service ul li:nth-child(2) a{background:#de0a51}
#global_service ul li:nth-child(3) a{background:#cbda31}
#global_service ul li:nth-child(4) a{background:#2073c7}



.section .game_list_wrapper .game_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.section .game_list_wrapper .game_list .item{width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);width:calc(25% - 15px); -webkit-flex-basis: -webkit-calc(25% - 15px); -ms-flex-preferred-size: calc(25% - 15px); flex-basis: -moz-calc(25% - 15px); flex-basis: calc(25% - 15px); -webkit-box-flex:0; -webkit-flex-grow:0; -moz-box-flex:0; -ms-flex-positive:0; flex-grow:0; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; margin-right:20px; margin-bottom:80px;}
.section .game_list_wrapper .game_list .item:nth-child(4n){margin-right:0;}
.section .game_list_wrapper .game_list .item .game_info{}

.section .game_list_wrapper .game_list .item .game_info figure{margin-bottom:24px; position: relative;}
.section .game_list_wrapper .game_list .item .game_info figure a{display:block; overflow:hidden; height:0; padding-bottom:100%; background:#1C2731; position: relative;}
.section .game_list_wrapper .game_list .item .game_info figure img{width:100%; height:100%; -webkit-transition:-webkit-transform 0.4s; transition:-webkit-transform 0.4s; -moz-transition:transform 0.4s, -moz-transform 0.4s; transition:transform 0.4s; transition:transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s; position: absolute; top:0; right:0; bottom:0; left:0;}
.section .game_list_wrapper .game_list .item .game_info figure.noimg:after{content:"BICF 2020 \A Exhibition"; white-space: pre-wrap; line-height:1.5em; display:block; width:100%; height:100%; background:#1C2731; color:rgba(255,255,255,0.5); font-weight:800; font-family: 'Montserrat',sans-serif; font-size:18px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top:0; left:0;}

.section .game_list_wrapper .game_list .item .game_info .game_content{padding:0 10px;}
.section .game_list_wrapper .game_list .item .game_info .title{font-family: 'Montserrat','Noto Sans', sans-serif; font-weight:700; color:#fff; font-size:18px; margin-bottom:20px;}
.section .game_list_wrapper .game_list .item .game_info .title a{display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; line-height: 1.5em;}
.section .game_list_wrapper .game_list .item .game_info .detail{padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom: 20px;}
.section .game_list_wrapper .game_list .item .game_info .detail li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color:#e1e3e4; margin-bottom: 8px; }
.section .game_list_wrapper .game_list .item .game_info .detail li:last-child{margin-bottom:0;}
.section .game_list_wrapper .game_list .item .game_info .detail li .badge{width:68px; height:30px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background:#3e4953; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right:14px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;}
.section .game_list_wrapper .game_list .item .game_info .detail li .exp{color:#8f9294; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;}

.section .game_list_wrapper .game_list .item .game_info .info {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.section .game_list_wrapper .game_list .item .game_info .info li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Montserrat',sans-serif; color:#fff; font-weight: 600; font-size:15px;}
.section .game_list_wrapper .game_list .item .game_info .info li .num{color:#8f9294; margin-left:1em;}
.section .game_list_wrapper .game_list .item .game_info .info li .icon{display: block; width:20px; height:20px; background-position: center; background-repeat: no-repeat; -moz-background-size:20px 20px; background-size:20px 20px; text-indent:-9999px; margin-right:10px}
.section .game_list_wrapper .game_list .item .game_info .info li.visit{margin-right:20px;}
.section .game_list_wrapper .game_list .item .game_info .info li.visit .icon{background-image:url('../img/main/icon_visit.png');}
.section .game_list_wrapper .game_list .item .game_info .info li.down .icon{background-image:url('../img/main/icon_down.png')}
.section .game_list_wrapper .game_list .item .game_info .info li.like{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none; margin-left:auto;}
.section .game_list_wrapper .game_list .item .game_info .info li.like .icon{background-image:url('../img/main/icon_heart.png'); margin-right:0;}


.section .event_list_wrapper{}
.section .event_list_wrapper .event_list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.section .event_list_wrapper .event_list .item{width:-webkit-calc(25% - 15px);width:-moz-calc(25% - 15px);width:calc(25% - 15px); margin-right:20px; margin-bottom:20px; background:#212e39; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; -moz-transition:transform 0.2s, -moz-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;}
.section .event_list_wrapper .event_list .item:nth-child(4n){margin-right:0;}
.section .event_list_wrapper .event_list .item figure{overflow:hidden; height:0; padding-bottom:100%;}
.section .event_list_wrapper .event_list .item figure img{width:100%; height:auto; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; -moz-transition:transform 0.2s, -moz-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s;}
.section .event_list_wrapper .event_list .item .detail{padding:22px;}
.section .event_list_wrapper .event_list .item .detail .title{font-size:16px; color:#fff; font-weight: 500; line-height: 1.4em; height:2.8em; overflow:hidden; text-overflow: ellipsis; white-space: normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.section .event_list_wrapper .event_list .item .detail .meta{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.2)}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li{margin-right:4px;}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li a{display:block; width:32px; height:32px; -moz-background-size: 37px 37px; background-size: 37px 37px; background-position: center center; background-repeat:no-repeat; text-indent:-9999px; background-color:#2f3b46; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.facebook a{background-image:url('../img/main/sns_01.png')}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.twitter a{background-image:url('../img/main/sns_02.png')}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.instagram a{background-image:url('../img/main/sns_03.png')}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.blog a{background-image:url('../img/main/sns_04.png'); -moz-background-size:39px 39px; background-size:39px 39px;}
.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.youtube a{background-image:url('../img/main/sns_05.png')}
.section .event_list_wrapper .event_list .item .detail .meta .badge.blog{background:#3acf3d;}
.section .event_list_wrapper .event_list .item .detail .meta .badge.facebook{background:#2e69e2;}
.section .event_list_wrapper .event_list .item .detail .meta .badge.twitter{background:#15b0f2;}
.section .event_list_wrapper .event_list .item .detail .meta .badge.instagram{background:#ee3450;}
.section .event_list_wrapper .event_list .item .detail .meta .date{font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500}



.section .conf_list_wrapper .conf_list{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap}
.section .conf_list_wrapper .conf_list .item{width:-webkit-calc(33.333% - 13.3333px);width:-moz-calc(33.333% - 13.3333px);width:calc(33.333% - 13.3333px); margin-right:20px; position: relative; margin-bottom:20px;}
.section .conf_list_wrapper .conf_list .item:nth-child(3n){margin-right:0;}
.section .conf_list_wrapper .conf_list .item:last-child{margin-right:0;}
.section .conf_list_wrapper .conf_list .item .conf_info{}
.section .conf_list_wrapper .conf_list .item .conf_info figure{overflow:hidden; height:0; padding-bottom:56.14%;}
.section .conf_list_wrapper .conf_list .item .conf_info figure img{width:100%; height:auto; -webkit-transition:-webkit-transform 0.2s; transition:-webkit-transform 0.2s; -moz-transition:transform 0.2s, -moz-transform 0.2s; transition:transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s;}
.section .conf_list_wrapper .conf_list .item .conf_info .detail{background:rgba(0,0,0,0.8); height:64px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding:0 1.6em; display:flex; overflow:hidden; position: relative; margin-top:-64px;}
.section .conf_list_wrapper .conf_list .item .conf_info .detail:after{content:""; width:150px; height:64px; position: absolute; right:-16px; top:0; background:red; -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -ms-transform:skew(-20deg); transform:skew(-20deg); background: #2e98cc; /* Old browsers */
    background: -moz-linear-gradient(left,  #0aabb3 0%,#2e98cc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0aabb3 0%,#2e98cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#0aabb3),to(#2e98cc));
    background: linear-gradient(to right, #0aabb3 0%,#2e98cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aabb3', endColorstr='#2e98cc',GradientType=1 ); /* IE6-9 */ -webkit-transition:width 0.2s; -moz-transition:width 0.2s; transition:width 0.2s;}
.section .conf_list_wrapper .conf_list .item .conf_info .detail .info{font-size:16px; white-space: nowrap; overflow: hidden; padding-right:2em; text-overflow: ellipsis; margin:auto 0;}
.section .conf_list_wrapper .conf_list .item .conf_info .date{width:60px; height:32px; font-weight:500; color:#fff; background:#fdb812;  font-size:14px;  position: relative; z-index: 1; position: absolute; top:20px; left:20px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.section .conf_list_wrapper .conf_list .item .conf_info .title{display:inline; color:#fff; position: relative; z-index: 1; margin-bottom:6px; font-weight:500; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.section .conf_list_wrapper .conf_list .item .conf_info .name{display:inline; position: relative; z-index: 1; margin-bottom:6px; margin-right:10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight:700; color:#17b6e6}
.section .conf_list_wrapper .conf_list .item .conf_info .detail .more{color:#fff; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:20px; -webkit-box-flex:0; -webkit-flex:none; -moz-box-flex:0; -ms-flex:none; flex:none; margin-left:auto; padding:0 1.2em 0 2em; position: relative; z-index: 1;}

#service_panel{background:#051627; position: fixed; top:0; right:0; bottom:0; left:0; z-index: 999999; text-align:center; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; height:100%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display:none;}
#service_panel .service_wrapper{max-width:1240px; width:100%;  height:100%; padding:20px; margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
#service_panel .service_wrapper .title_wrapper{width:100%; padding-bottom:50px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2)}
#service_panel .service_wrapper .title_wrapper figure{width:300px; margin:0 auto 20px;}
#service_panel .service_wrapper .title_wrapper figure img{width:100%; height:auto;}
#service_panel .service_wrapper .title_wrapper .title{font-weight:900; font-size:32px; margin-bottom:16px; color:#fff;}
#service_panel .service_wrapper .title_wrapper .exp{font-size:18px; font-weight:500;}
#service_panel .service_wrapper .service_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width:100%;}
#service_panel .service_wrapper .service_list .item{width:16.666%; padding:10px;}
#service_panel .service_wrapper .service_list .item a{display:block; width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#051627; color:#fff; font-size:20px; font-weight:500; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding:1em; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}

#service_panel .close{width:64px; height:64px; background:#051627; border:4px solid #fff; display:block; position: absolute; right:50px; top:50px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%;}
#service_panel .close:after{content:""; width:36px; height:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff; position: absolute; top:26px; left:10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#service_panel .close:before{content:""; width:36px;  height:4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; background:#fff; position: absolute; top:26px; left:10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}


#sec09 .sec_title, #sec10 .sec_title, #sec11 .sec_title{margin-bottom:40px;}

@media screen and (min-width:1921px){
    #sec05:after{display:none;}
    #sec08:after{display:none;}
}

@media screen and (min-width:1600px){
    #sec02 .controller_box .btn.pause:hover{background-image:url('../img/common/btn_pause_h.png')}
    #sec02 .controller_box .btn.play:hover{background-image:url('../img/common/btn_play_h.png')}
    #sec02 .controller_box .btn.prev:hover{background-image:url('../img/common/btn_left_h.png')}
    #sec02 .controller_box .btn.next:hover{background-image:url('../img/common/btn_right_h.png')}
    #sec02 .controller_box .btn.close:hover{background-image:url('../img/common/btn_close_h.png')}
    #sec03 .conf_list_wrapper .conf_list .item:hover .conf_info .detail:hover{background:#17b6e6}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a:hover{background:#284761;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a:hover{background:none;}
    #sec07 .sns_list li a:hover{border-color:#2abbbd}
    #sec07 .sns_list li.facebook a:hover{background-image:url('../img/main/sns_01_h.png')}
    #sec07 .sns_list li.twitter a:hover{background-image:url('../img/main/sns_02_h.png')}
    #sec07 .sns_list li.instagram a:hover{background-image:url('../img/main/sns_03_h.png')}
    #sec07 .sns_list li.blog a:hover{background-image:url('../img/main/sns_04_h.png')}
    #sec07 .sns_list li.youtube a:hover{background-image:url('../img/main/sns_05_h.png')}
    .section .game_list_wrapper .game_list .item .game_info figure:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
    .section .game_list_wrapper .game_list .item .game_info .detail li .exp a:hover{color:#4bc8d0;}
    /*.section .event_list_wrapper .event_list .item:hover{transform: translateY(-10px);}*/
	.section .conf_list_wrapper .conf_list{min-height:300px;}
    .section .conf_list_wrapper .conf_list .item:hover .conf_info figure img{-webkit-transform: rotate(0.001deg) scale(1.1);-moz-transform: rotate(0.001deg) scale(1.1);-ms-transform: rotate(0.001deg) scale(1.1);transform: rotate(0.001deg) scale(1.1);}
    .section .conf_list_wrapper .conf_list .item:hover .conf_info .detail:after{width:140%;}
    .section .conf_list_wrapper .conf_list .item:hover .conf_info .detail .date{color:#fff;}
    .section .conf_list_wrapper .conf_list .item:hover .conf_info .detail .name{color:#fff;}
    #service_panel .service_wrapper .service_list .item:hover a{background:#fdb812;}


    .section .event_list_wrapper .event_list .item .detail .meta .sns_link li a:hover{background-color:#284761}
    .section .event_list_wrapper .event_list .item .detail .meta .sns_link li.facebook a:hover{background-image:url('../img/main/sns_01_h.png')}
    .section .event_list_wrapper .event_list .item .detail .meta .sns_link li.twitter a:hover{background-image:url('../img/main/sns_02_h.png')}
    .section .event_list_wrapper .event_list .item .detail .meta .sns_link li.instagram a:hover{background-image:url('../img/main/sns_03_h.png')}
    .section .event_list_wrapper .event_list .item .detail .meta .sns_link li.blog a:hover{background-image:url('../img/main/sns_04_h.png');}
	.section .event_list_wrapper .event_list .item .detail .meta .sns_link li.youtube a:hover{background-image:url('../img/main/sns_05_h.png');}

	#sec06 .news_container .popzone .popzone_slide{min-height:450px;}
	#sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul{min-height:530px;}
}

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

    .section .sec_title{margin-bottom:20px;}
    .section .sec_title .title{font-size:30px;}
    .section .sec_title .sub_title{font-size:18px;}
    .section .sec_title .exp{font-size:16px;}
    

    /*sec01*/
    #sec01 {height:auto; }
    #sec01 .swiper-container {height:auto; }
    #sec01 .swiper-container .swiper-wrapper{height:auto; }
    #sec01 .swiper-container .swiper-wrapper .swiper-slide{height:0;  padding-bottom:50%;}
    #sec01 .youtube{height:0;  padding-bottom:50%;}
    #sec01 .poster{width:100%; height:0; padding-bottom:50%; -moz-background-size:100% auto; background-size:100% auto;}
    #sec01 .control{}
    #sec01 .control .button.next{-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none; right:20px;}
    #sec01 .control .button.prev{-webkit-transform: none;-moz-transform: none;-ms-transform: none;transform: none; left:20px;}
    .s-container{}

    #sec02 {margin-top:-84px;}
    #sec02 .s-container{}
    #sec02 .recommend_wrapper{margin-top:20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height:auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;}
    #sec02 .recommend_wrapper .title_box {width:100%; -webkit-box-flex:0; -webkit-flex:0 0 100%; -moz-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:1.4em 2em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
    #sec02 .recommend_wrapper .title_box:after{display:none;}
    #sec02 .recommend_wrapper .title_box .momo{display:none;}
    #sec02 .recommend_wrapper .title_box .title{font-size:18px; margin-bottom:0; margin-right:1em;}
    #sec02 .recommend_wrapper .title_box .sub_title{font-size:15px;}
    #sec02 .recommend_wrapper .recommend_slide{width:-webkit-calc(100% - 220px);width:-moz-calc(100% - 220px);width:calc(100% - 220px); height:80px; margin:16px 0; padding:0 2em;}
    
    #global_service, #global_quick{display:none !important;}

    #sec04{margin-bottom: 20px;}
    #sec04 .game_list_wrapper .top .character{display:none;}
    #sec04 .game_list_wrapper .top .more{font-size:16px; margin-right:1em;}
    #sec04 .game_list_wrapper .top .more:before{left:-20px}
    #sec04 .game_list_wrapper .top .more .icon{display:none;}
    #sec04 .game_list_wrapper .top .category_list .item{padding:18px;}
    #sec04 .game_list_wrapper .top .category_list .item a{font-size:16px;}

    #sec04 .game_list_wrapper .game_list .item .game_info figure{margin-bottom:12px;}
    #sec04 .game_list_wrapper .game_list .item .game_info .title{font-size:15px; margin-bottom:8px;}
    #sec04  .game_list_wrapper .game_list .item .game_info .detail{padding-bottom:12px; margin-bottom:12px;}
    #sec04  .game_list_wrapper .game_list .item .game_info .detail li .badge{font-size:12px; width:auto; height:24px; padding:0 1em; }
    #sec04  .game_list_wrapper .game_list .item .game_info .detail li .exp{font-size:14px; }
    #sec04 .game_list_wrapper .game_list .item .game_info .info li .icon{display:none;}
    #sec04 .game_list_wrapper .game_list .item .game_info .info li.like .icon{display:block;}
    
    #sec05{margin-bottom: 80px;}
    #sec05:after{display:none;}
    #sec05 .character{display:none;}
    #sec05 .conf_list_wrapper .top .more{font-size:16px;}
    #sec05 .conf_list_wrapper .top .more:before{display:none;}
    .section  .conf_list_wrapper .conf_list .item .conf_info .detail{background:none; margin-top:20px; padding:0; height:auto;}
    .section  .conf_list_wrapper .conf_list .item .conf_info .detail .more{display:none;}
    .section  .conf_list_wrapper .conf_list .item .conf_info .detail:after{display:none;}

    #sec06{margin-bottom: 80px;}
    #sec06 .character{display:none;}
    #sec06 .sec_title{margin-bottom: 20px;}
    #sec06 .news_container .top{margin-bottom:20px;}
    #sec06 .news_container .top .more{font-size:16px;}
    #sec06 .news_container .top .more:before{display:none;}
    #sec06 .news_container .top .more .icon{display:none;}
    #sec06 .news_container .top ul li a{font-size:16px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a .title{font-size:15px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a .date{font-size:15px;}

    #sec07 .sns_list{display:none;}
    #sec07 .event_list_wrapper .event_list .item .detail .title{font-size:14px}
    #sec07 .event_list_wrapper .event_list .item .detail .meta .badge{font-size:13px; width:68px; height:24px;}

    #sec08 .sec_title{margin-bottom:40px;}
    .sponsor .sponsor-group .title span{font-size:16px;}

	#sec03{margin-bottom: 20px;}
	#sec03 .tabpanel{padding:2em;}
    #sec03 .game_list_wrapper .top .character{display:none;}
    #sec03 .game_list_wrapper .top .more{font-size:16px; margin-right:1em;}
    #sec03 .game_list_wrapper .top .more:before{left:-20px}
    #sec03 .game_list_wrapper .top .more .icon{display:none;}
    #sec03 .game_list_wrapper .top .category_list .item{padding:18px;}
    #sec03 .game_list_wrapper .top .category_list .item a{font-size:16px;}

    #sec03 .game_list_wrapper .game_list .item .game_info figure{margin-bottom:12px;}
    #sec03 .game_list_wrapper .game_list .item .game_info .title{font-size:15px; margin-bottom:8px;}
    #sec03 .game_list_wrapper .game_list .item .game_info .detail{padding-bottom:12px; margin-bottom:12px;}
    #sec03 .game_list_wrapper .game_list .item .game_info .detail li .badge{font-size:12px; width:auto; height:24px; padding:0 1em; }
    #sec03 .game_list_wrapper .game_list .item .game_info .detail li .exp{font-size:14px; }
    #sec03 .game_list_wrapper .game_list .item .game_info .info li .icon{display:none;}
    #sec03 .game_list_wrapper .game_list .item .game_info .info li.like .icon{display:block;}

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


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

    
    .section .sec_title .title{font-size:20px;}
    .section .sec_title .sub_title{display:none;}
    .section .sec_title .exp{display:none;}

    #sec01 {height:170px; background:none;}
    #sec01 .swiper-container, #sec01 .control{display:none}

    #sec02{height:auto; margin-top: 0; margin-bottom:30px;}
    #sec02 .s-container{padding:0;}
    #sec02 .recommend_wrapper{background:none;}
    #sec02 .recommend_wrapper .title_box{background:none; padding:0 20px; margin:14px 0;}
    #sec02 .recommend_wrapper .title_box .title{font-size:18px;}
    #sec02 .recommend_wrapper .title_box .sub_title{font-size:14px;}
    #sec02 .recommend_wrapper .recommend_slide{width:100%; height:auto; padding:0 20px; display:block; white-space: nowrap;}
    #sec02 .recommend_wrapper .recommend_slide .swiper-slide{width:30% !important; display: inline-block; height:auto; min-height:200px; padding:1.6em; background:#212e39; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom:0;}
    #sec02 .recommend_wrapper .recommend_slide .swiper-slide .top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;  }
    #sec02 .recommend_wrapper .recommend_slide .swiper-slide .top .name{font-size:15px; margin-bottom:6px; line-height:1.3em; white-space:normal; margin-right:0; -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
    #sec02 .recommend_wrapper .recommend_slide .swiper-slide .top .company{font-size:12px; margin-bottom:10px; line-height:1.3em; white-space:normal; -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
    #sec02 .recommend_wrapper .recommend_slide .swiper-slide .bottom{white-space: normal; font-size:13px; line-height:1.5em;}
    #sec02 .controller_box{display:none;}

	/* #sec03{display:none; margin-bottom:0;} */
	#sec03 .my_title{margin-bottom:16px;}
	#sec03 .my_title .badge{min-width:92px; height:38px; font-size:16px;}
	#sec03 .my_title .name{font-size:16px;}
	#sec03 .sub_title{font-size:14px; padding-left:8px; margin-bottom:24px;}
	#sec03 .top{border-bottom:none; margin-bottom:12px;}	
	#sec03 .top .category_list .item{margin-right: 10px; margin-bottom: 10px; height: 28px; border-radius:28px 28px; padding:0 0.7em; display:flex; align-items:center; justify-content:center; background: #212e39;}
	#sec03 .top .category_list .item.on:after{display:none;}
	#sec03 .top .category_list .item.on{background: #f8b122;}
	#sec03 .top .category_list .item a{font-size:14px;}
	#sec03 .tabpanel{padding:1.5em;	}
	#sec03 .game_list_wrapper .game_list .item{width:calc(50% - 5px); flex-basis:calc(50% - 5px); margin-bottom:20px; margin-right:10px;}
    #sec03 .game_list_wrapper .game_list .item:nth-child(2n){margin-right:0;}
	#sec03.section .game_list_wrapper .game_list .item .game_info .game_content{padding:0 4px;}
	#sec03.section .game_list_wrapper .game_list .item .game_info .info li{font-size:12px;}
	#sec03 .game_list_wrapper .game_list .item .game_info .detail li .badge{white-space: nowrap;}
	#sec03 .game_list_wrapper .game_list .item .game_info .detail li .exp{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

	#sec03 .biz_list .item a{padding: 2em 2em 1.2em 2em;}
	#sec03 .biz_list .item .group_wrapper{flex-wrap:wrap}
	#sec03 .biz_list .item .group{white-space:nowrap; margin-bottom:10px; font-size: 12px;}
	#sec03 .biz_list .item .go{display:none}
	#sec03 .biz_list .item .group:after{display:none;}
	#sec03 .event_list_wrapper .event_list .item{width:calc(50% - 5px); flex-basis:calc(50% - 5px); margin-bottom:20px; margin-right:10px;}
	#sec03 .event_list_wrapper .event_list .item:nth-child(2n){margin-right:0;}
	#sec03 .event_list_wrapper .event_list .item .detail .title{font-size:12px;}
	#sec03 .event_list_wrapper .event_list .item .badge{font-size:12px;}
	#sec03 .event_list_wrapper .event_list .item .date{font-size:12px;}
    #sec04{margin-bottom:40px;}
    #sec04 .s-container{padding:0;}
    #sec04 .sec_title{ padding:0 20px;}
    #sec04 .swiper-container{padding:0 20px; margin:0 0 10px 0;}
    #sec04 .game_list_wrapper .top{border-bottom:none; margin-bottom: 10px;}
    #sec04 .game_list_wrapper .top .more{opacity:0.5; position: absolute; top:-1px; right:20px; font-size:12px; padding:0 1em; height:2em; margin:0; border:2px solid #eee; -webkit-border-radius: 2em 2em; -moz-border-radius: 2em 2em; border-radius: 2em 2em;}
    #sec04 .game_list_wrapper .top .more:before{display:none;}
    #sec04 .game_list_wrapper .top .triangle{display:none;}
    #sec04 .game_list_wrapper .top .category_list{padding:0 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #sec04 .game_list_wrapper .top .category_list .item{background:#212e39; height:32px; -webkit-border-radius: 32px 32px; -moz-border-radius: 32px 32px; border-radius: 32px 32px; padding:0 1em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    #sec04 .game_list_wrapper .top .category_list .item:nth-child(1){margin-right:10px;}
    #sec04 .game_list_wrapper .top .category_list .item + .item{margin-right:10px; margin-bottom:10px;}
    #sec04 .game_list_wrapper .top .category_list .item.on{background:#f8b122;}
    #sec04 .game_list_wrapper .top .category_list .item.on:after{display:none}
    #sec04 .game_list_wrapper .game_list{height:auto;display:block; white-space: nowrap;}
    #sec04 .game_list_wrapper .game_list .item{width:40% !important; display: inline-block; margin-bottom:0;}
    #sec04 .game_list_wrapper .game_list .item:last-child{margin-right: 0;}

    #sec04  .game_list_wrapper .game_list .item{background:#212e39; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
    #sec04  .game_list_wrapper .game_list .item .game_info figure{margin-bottom:0;}
    #sec04  .game_list_wrapper .game_list .item .game_info .game_content{padding:1em 1.2em;}
    #sec04  .game_list_wrapper .game_list .item .game_info .info li{font-size:13px;}
    #sec04 .game_list_wrapper .game_list .item .game_info .detail li .badge{background:#0081dc; color:#fff; font-weight:700;}
    
    #sec05 {margin-bottom:30px;}
    #sec05 .conf_list_wrapper .top{border-bottom:none; margin:0;}
    #sec05 .conf_list_wrapper .top .more{opacity:0.5; position: absolute; top:-2px; right:20px; font-size:12px; padding:0 1em; height:2em; border:2px solid #eee; -webkit-border-radius: 2em 2em; -moz-border-radius: 2em 2em; border-radius: 2em 2em;}
    #sec05 .conf_list_wrapper .top .more .icon{display:none;}
	.section .sec_title .title{margin-bottom:20px;}
    .section .conf_list_wrapper .conf_list .item .conf_info .detail .info{font-size:14px;}
	.section .conf_list_wrapper .conf_list .item .conf_info .date{width:50px; height:28px; font-size:12px; top:12px; left:12px;}

    
    #sec06 .sec_title{display:none;}   
    #sec06 .news_container{-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
    #sec06 .news_container .popzone, #sec06 .news_container .latest{-webkit-box-flex:0;-webkit-flex:0 0 49%;-moz-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%;}
    #sec06 .news_container .popzone{margin-right:0;}
    #sec06 .news_container .latest{padding-left:0;}
    #sec06 .news_container .popzone .popzone_slide .slide-item{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden;}
    #sec06 .news_container .latest .tabpanel_wrapper #tabpanel_01.tabpanel ul li a{height:7.2vw;}

    #sec07{margin-bottom:80px;}
    #sec07 .sec_title{ padding:0 20px;}
    #sec07 .s-container{padding:0;}
    #sec07 .event_list_wrapper{padding:0 20px;}
    #sec07 .event_list_wrapper .event_list{height:auto;display:block; white-space: nowrap;}
    #sec07 .event_list_wrapper .event_list .item{width:40% !important; display: inline-block; margin-bottom:0;}
    #sec07 .event_list_wrapper .event_list .item:last-child{margin-right: 0;}

    #sec11{margin-bottom:100px;}
}


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

    #sec02 .recommend_wrapper .recommend_slide .swiper-slide{-webkit-box-flex:0;-webkit-flex:0 0 60%;-moz-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%}
	#sec03 .conf_list_wrapper .conf_list .item .conf_info a{background: #172129;}
	#sec03 .biz_list .item .group{font-size:11px;}
    #sec04 .game_list_wrapper .game_list .item{width:80% !important; }
    #sec04 .game_list_wrapper .top .category_list .item{height:28px; -webkit-border-radius: 28px 28px; -moz-border-radius: 28px 28px; border-radius: 28px 28px; padding:0 0.7em;}
    #sec04 .game_list_wrapper .top .category_list .item a{font-size:13px;}
	#sec03 li.empty{font-size:12px;}
    .section .conf_list_wrapper .conf_list{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .section .conf_list_wrapper .conf_list .item{width:100%; margin:0 0 10px 0; background:#212e39; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
    .section .conf_list_wrapper .conf_list .item .conf_info a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
    .section .conf_list_wrapper .conf_list .item .conf_info a figure{width:33.333%; margin-right:auto; padding-bottom:18%; -webkit-box-flex:0; -webkit-flex:none; -moz-box-flex:0; -ms-flex:none; flex:none;}
    .section .conf_list_wrapper .conf_list .item .conf_info .date{top:0; left: 0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; height:24px; width:48px; font-size:13px; -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0;}
    .section .conf_list_wrapper .conf_list .item .conf_info .detail{width:100%; margin:auto 0; padding-left:1.4em; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    .section .conf_list_wrapper .conf_list .item .conf_info .detail .info{}
    .section .conf_list_wrapper .conf_list .item .conf_info .detail .info .name{display:block;}
    .section .conf_list_wrapper .conf_list .item .conf_info .detail .info .title{display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis}

    #sec06 {margin-bottom: 40px;}
    #sec06 .s-container{padding:0;}
    #sec06 .news_container{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column; display:block;}
    #sec06 .news_container .top{padding:0 20px; border-bottom:none;}
    #sec06 .news_container .top ul li{padding:0;}
    #sec06 .news_container .top ul li a{font-size:18px;}
    #sec06 .news_container .top ul li.on:after{display:none;}
    #sec06 .news_container .popzone, #sec06 .news_container .latest{-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%; width:100%;}
    #sec06 .news_container .popzone {margin-bottom:40px;}
    #sec06 .news_container .popzone .popzone_slide{padding:0 20px;}
    #sec06 .news_container .popzone .top .mo_more{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; opacity:0.5; position: absolute; top:0px; right:20px; font-size:12px; padding:0 1em; height:2em; border:2px solid #eee; -webkit-border-radius: 2em 2em; -moz-border-radius: 2em 2em; border-radius: 2em 2em; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:800;}
    #sec06 .news_container .popzone .popzone_slide .slide-item{width:40% !important;}
    #sec06 .news_container .popzone .controller_box{display:none;}
    #sec06 .news_container .latest .top{display:none;}
    #sec06 .news_container .latest .tabpanel_wrapper .mo_title_wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; padding:0 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px;}
    #sec06 .news_container .latest .tabpanel_wrapper .mo_title_wrapper .title{font-size:18px; font-weight:700; color: #fff;}
    #sec06 .news_container .latest .tabpanel_wrapper .mo_title_wrapper .more{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; opacity:0.5; font-size:12px; padding:0 1em; height:2em; border:2px solid #eee; -webkit-border-radius: 2em 2em; -moz-border-radius: 2em 2em; border-radius: 2em 2em; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:800;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel{display:block; margin-bottom:40px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel:last-child{margin-bottom:0;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul {padding:0 20px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li{margin-bottom:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel ul li a{height:58px; font-size:13px; padding:0 20px;}
    #sec06 .news_container .latest .tabpanel_wrapper #tabpanel_01.tabpanel ul li a{height:58px; }
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li{height:auto; width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); margin-bottom:30px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li:nth-child(3n){margin-right: 10px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li:nth-child(2n){margin-right: 0;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li:nth-child(5){margin-bottom: 0;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li:nth-child(6){margin-bottom: 0;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a figure{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow: hidden;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a .title{font-size:14px; margin-bottom:7px;}
    #sec06 .news_container .latest .tabpanel_wrapper .tabpanel.video ul li a .date{font-size:12px;}
 
    #sec07{margin-bottom:40px;}
    #sec07 .event_list_wrapper .event_list .item{width:80% !important;}
    .sponsor .sponsor-group .sponsor_list .item{width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px);width:calc(50% - 10px);}
    .sponsor .sponsor-group .sponsor_list .item:nth-child(2n){margin-right:0;}

    
}

@media only screen and (max-width:480px){
	#sec03 .top .category_list{flex-wrap:wrap}
	#sec03 .top .category_list .item a{font-size:12px; white-space:nowrap;}
	#sec03 .game_list_wrapper .game_list .item{width:100%; flex-basis:100%; margin-right:0;}
	.section .conf_list_wrapper .conf_list .item .conf_info .detail .info{font-size:12px}
}

.winpop{display:none; position:fixed;left:160px;top:160px;z-index:10;background:#fff;box-shadow:10px 20px 18px 0 rgba(0,0,0,.02)}

.winpop .pop_img a{display:block}
.winpop .pop_img a img{vertical-align:top}
.winpop .control{background:#fff;height:40px;color:#888;display:flex;align-items:center}
.winpop .control .check{flex:1 0 auto;padding-left:1em;display:flex;align-items:center}
.winpop .control .check input{width:18px;height:18px;background:url(../img/check_box_outline_blank.svg) no-repeat center;margin-right:.7em;cursor:pointer}
.winpop .control .check input:checked{background:url(../img/check_box.svg) no-repeat center}
.winpop .control .check label{cursor:pointer; font-size:13px;}
.winpop .control .winpop_btn{flex:0 0 100px;height:100%;color:#fff;background-color:#333;display:flex;justify-content:center;align-items:center}
.winpop .control .winpop_btn i{width:12px;height:12px;display:block;display:flex;justify-content:center;align-items:center;margin-right:.5em}
.winpop .control .winpop_btn i img{width:12px;height:12px}

@media only screen and (max-width: 1024px){
	.winpop{max-width: 400px; left: 10px; top: 90px; margin-right: 10px;     z-index: 9999;}
	.winpop .pop_img a img{width:100%; height:auto;}
	.winpop .control .winpop_btn{flex-basis:80px;}
	.winpop .control .winpop_btn i{display:none}
}

.liveshow_wrapper{display:none;}
.liveshow_open{display:none;}

@media only screen and (max-width:1200px){
	.liveshow_wrapper{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(4px); z-index: 9999; font-size:18px; display:none; }
	.liveshow_wrapper .liveshow_content{width:calc(100% - 20px); max-width:600px; margin:0 auto; background:#fff; border-radius:4px; padding:24px 20px 20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
	.liveshow_wrapper .liveshow_content .close{width:40px; height:40px; background:url('../img/sub/close_black.png') no-repeat center center / 40px 40px; text-indent: -9999px; position: absolute; right:16px; top:16px;}
	.liveshow_wrapper .video_frame{width:100%; height:0; padding-bottom:56.25%; background:#ddd; border-radius:4px; overflow:hidden; position:relative;}
	.liveshow_wrapper .video_frame iframe{position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0;}
	/* heading */
	.liveshow_wrapper .h_01{font-size:14px; line-height:24px; color:#333; font-weight:500; margin-bottom:20px; display:flex; align-items:center; font-family: 'Montserrat', sans-serif;}
	.liveshow_wrapper .h_01 img{width:auto; height:24px; margin-right:8px;}
	.liveshow_wrapper .h_01 span{ font-weight:700; display:inline-block; margin-right:4px;}

	.liveshow_open{display:block; position:fixed; bottom:20px; right:20px; background:#4bc8d0; z-index:9995; color:#fff; font-size:11px; font-family: 'Montserrat', sans-serif; font-weight:500; text-align:center; width:80px; height:80px; border-radius:50% 50%; display:flex; align-items:center;}
	.liveshow_open strong{font-size:10px; margin-bottom:4px; font-weight:900}
}

/*2020116 임시추가*/

#sec05 .empty{width:100%; text-align:center;  display:flex; align-items:center; justify-content:center;}
#sec06 .empty{width:100%; height:0; padding-bottom:100%; background:#1C2731; display:flex; align-items:center; justify-content:center; position:relative;}
#sec06 .empty:after{content:"예정된 이벤트가 없습니다."; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
@media only screen and (max-width:768px){
	#sec05 .empty{padding:50px 0;}
}