.main-ct{width:1280px;margin:0 auto}

.main-visual{position:relative;width:1897px;height:480px;margin:0 auto;background:url(/skin/doge/img/bg-dg-pc.jpg) no-repeat;background-size:1920px 100%;background-position:50% 0}
.main-visual a{display:block;width:100%;height:480px;font-size:0;line-height:0}
.main-visual img {
    /* position: absolute;
    top: 14px;
    right: 470px;
    width: 21%; */
    position: absolute;
    top: 150px;
    right: 520px;
    width: 520px;
    height: auto;
    filter: drop-shadow(0 0 22px rgba(56,189,248,.28));
}
.main-menu{display:flex;justify-content:center;height:85px;background:#062235}
.main-menu .main-ct{display:flex;align-items:center;justify-content:space-between}
.main-menu ul{display:flex;position:relative;z-index:10}
.main-menu ul li a{display:flex;align-items:center;height:85px;margin-right:50px;font-family:'jal';font-size:12px;transition:.2s}
.main-menu ul li a:hover{color:#f3cf6f}
.main-menu ul li a .iconfont{margin-right:6px;font-size:22px;color:#f3cf6f}
.main-menu div>a{display:flex;align-items:center;height:37px;padding:0 18px;border-radius:19px;background:#0284c7;font-family:'jal';font-size:12px}
.main-menu div>a .iconfont{margin-right:5px;font-size:20px}

.main-block{display:flex;margin:40px 0;border:1px solid #242222;background:#111010}
.main-block>div{flex:0 0 calc(50% - 80px);overflow:hidden;display:flex;align-items:center;padding:0 40px;}
.main-block .lft{overflow:hidden;margin:20px 40px;padding:0;}
.main-block ul{width:100%;height:112px;}
.main-block ul li a{overflow:hidden;display:flex;align-items:center;height:28px;font-family:'jal';font-size:12px;color:#a8a5a5;white-space:nowrap;text-overflow:ellipsis}
.main-block ul li a:hover{text-decoration:underline;}
.main-block .rgt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 40px 30px;border-left:1px solid #242222}
/* .main-block .rgt a{flex:0 0 33.333%;display:flex;align-items:center;height:35px;margin-top:20px;font-family:'jal';font-size:12px;color:#cbbf91} */

/* .main-block .rgt a .iconfont{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:8px;border-radius:50%;border:2px solid #3f090d;background:var(--gold);-webkit-background-clip:text;font-size:20px;color:transparent} */
.main-block .rgt a{flex:0 0 50%;display:flex;align-items:center;--height:35px;margin-top:10px;font-family:'jal';font-size:14px;color:#cbbf91}
.main-block .rgt a .iconfont{display:inline-flex;align-items:center;justify-content:center;margin-right:10px;background:var(--gold);-webkit-background-clip:text;font-size:52px;color:transparent; border-radius:15%;border:3px solid #333;}

.main-event{margin-bottom:50px}
.main-event h3{margin-bottom:15px;background:var(--gold);font-family:'jal';font-size:18px;-webkit-background-clip:text;color:transparent}
.main-event .main-event-wrap{overflow:hidden;padding:20px;border:1px solid #242222;background:#111010;box-sizing:border-box}
.main-event ul{display:flex;flex-wrap:nowrap;}
.main-event ul li a{flex:0 0 calc(20% - 20px);display:flex;flex-direction:column;}
.main-event ul li a .img{overflow:hidden;width:100%;height:0;padding-bottom:100%;border:1px solid #242222;background:#000;box-sizing:border-box}
.main-event ul li a .txt{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;text-align:center;padding-top:10px;font-family:'jal';font-size:12px;color:#a8a5a5}



/* 메인 팝업 */
.pop_box {
    width: 380px;
    z-index: 12;
}
.pop_warp {
    background-color: #3f3c70;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}
.pop_warp .pop_head {
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    background: #062235;
    cursor: pointer;
}
.pop_warp .pop_head img {
    height: 30px;
    vertical-align: middle;
}
.pop_warp .pop_head a {
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    background: linear-gradient(#b8792a 0%, #f5d06f 54%, #b9792a 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 34px;
}
.pop_warp .pop_cont {
    line-height: 1.7;
    color: #eee;
    height: 100%;
    background: #000;
}
.pop_warp .pop_cont img {
    width: 100%;
    height: auto;
    display: block;
}
.pop_warp .pop_foot {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    background-color: #062235;
    text-align: center;
    cursor: pointer;
}
.pop_warp .pop_foot a {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    padding: 0 45px;
    color: #fff;
    font-size: 12px;
    background-color: #0284c7;
    border-radius: 15px;
    font-family: 'jal';
}
.pop_warp .pop_foot::after {
    content: '';
    clear: both;
    display: block;
}