.container_right {position:relative; box-sizing:border-box; max-width:880px; margin:0 auto; }
.g_title_txt {font-size:var(--custom-font-size-md); font-weight:bold;}
.main_box {font-size:0;overflow:hidden;text-align:center;}

.item_box {display:inline-block;width:48.5%;margin-right:1%;cursor:pointer;text-align:center;vertical-align:top;border:2px solid var(--custom-gray3);}

.main_box .item_box {width:23.5%;}
.main_box .item_box .img_area {width:130px;height:104px;margin:40px auto;text-indent:-9999px;}
.item_box .sell_img {background:url(/image/guide/icon_notice_sell.jpg) no-repeat;}
.item_box .buy_img {background:url(/image/guide/icon_notice_buy.jpg) no-repeat;}
.item_box .charge_img {background:url(/image/guide/icon_notice_charge.jpg) no-repeat;}
.item_box .shop_img {background:url(/image/guide/icon_notice_mshop.jpg) no-repeat;}

.video_box .item_box {width:48%;}
.video_box .item_box .img_area {margin:0;}
.video_box .item_box .state_text {font-size:var(--custom-font-size-lg);}
.video_box .state_text span {font-size:var(--custom-font-size-base);}
.video_box video {vertical-align:top;}

.item_box .img_area {margin:10px auto;}
.item_box:last-child {margin-right:0;}
.item_box.active {border-color:var(--custom-blue7);}
.item_box .certify_state {padding:10px 0;background-color:var(--custom-blue1);}

.item_box .check_on {display:inline-block;width:14px;height:10px;margin-right:5px;background:url(/image/Mypage/icon_complete.png) no-repeat;}
.item_box .state_text {font-size:var(--custom-font-size-md);font-weight:700;display:inline-block;margin-left:5px;}

.tab > .selected {border-bottom:1px solid var(--custom-gray3);}

.step_box {display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;overflow:hidden;}
.step_box li {line-height:20px;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;align-items:center;flex:1;flex-shrink:0;justify-content:center;box-sizing:border-box;min-height:60px;padding:5px 0;text-align:center;border:1px solid var(--custom-gray3);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;}
.step_box .active {font-weight:bold;color:var(--custom-blue7); border:3px solid var(--custom-blue7);}
.step_box .next_arrow {flex:0;padding:0 5px;border:0;}

.screen_shot {width:100%; text-align:center;border:1px solid var(--custom-gray3);}

.board_box {line-height:1.6;padding:20px 30px;border:1px solid var(--custom-gray3);background-color:var(--custom-gray1);}
.sub_content .lists li:before {top:0;content:"-";}

@media (max-width:576px) {
    
    .main_box .item_box {width:48%; margin-bottom:1%;}
    
    .main_box .item_box:nth-child(2) {margin-right:0;}
    
    .screen_shot > img {width:90%;}
    
    .video_box .item_box {width:100%;margin-bottom:1%;}
}



/*   renewal_UI   */

.top_menu{position:relative;display:flex;flex-direction: column;width:100%;}
.guide_tab{position:relative;margin:15px 0;gap:10px;padding-right:5px;}
.guide_tab > div {display:flex;gap:10px;justify-content: start;}
.guide_tab > div > a{height:38px;flex: 1 1;width:100%;min-width:100px;max-width:150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;background-color:#FFF; border:1px solid #319EFD;border-radius:50px;font-size:var(--custom-font-size-base);
    font-weight:bold;color:#000;line-height:38px;white-space: nowrap;text-overflow: initial}
.guide_tab  a:hover, .guide_tab .on{background-color:#319EFD;color:#FFF;}

@media (min-width:576px) {
    .gamecash_tab > div > a {max-width: 160px;height: 50px;font-size: var(--custom-font-size-lg);line-height: 50px;}
}


.video_box{margin-top:35px;margin-bottom:30px;}
.video_wrap{display:flex; flex-wrap: wrap; justify-content: center; gap:30px 40px;}
.video_wrap li{display:flex;flex-direction:column;min-width:210px;max-width:500px;width:calc(50% - 20px);text-align:center;box-sizing:border-box;cursor:pointer;}
.video_wrap li .img_wrap{margin-bottom:30px;}
/*.video_wrap li .img_wrap{position:relative;display:inline-block;margin-bottom:5px;}*/
.video_wrap li .img_wrap img{width:100%;min-width:80%; border-radius:10px;}
.video_wrap li .txt_wrap {font-size:20px;width:100%;overflow:hidden;word-break:break-word;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;font-weight:bold;box-sizing:border-box;}

.layer .inner {width:99%;background-color:transparent;}
.layer .inner .cont{padding:0;}
.layer .inner .title {background-color:rgba(0,0,0,0) !important;}
.layer .inner .title .close{right:5px;}
.layer iframe{width:100%;height:calc((100vw * 480) / 860);}

@media(min-width:330px){
    .layer .inner{top:-60px;}
}

@media (max-width: 575.98px){
    .layer{background-color:rgba(0,0,0,0.7) !important;}
    .layer .inner {width:99% !important;}
    .layer:after {display: inline-block;width: 0;height: 100%;content: "";vertical-align: middle;}
    .video_box{margin-top:25px;}
    .video_wrap{width:100%; flex-direction: column;}
    .video_wrap li{width:100%;}
    .video_wrap li .txt_wrap {font-size:16px;}
    .video_wrap li .img_wrap{margin-bottom:15px;}
}

@media(min-width:860px){
    .layer iframe{max-width:853px;width:100%;height:479px;}
    .layer .inner {max-width:853px;width:100%;}
}

@media(min-width:1200px){
    .video_area{flex-wrap:wrap;}
}