@media only screen and (max-width:999px) {
    .content__przone{ display: block;margin-top: 10px;}
    .content__przone--slide {
        margin-bottom: 10px;
        padding: 0 38px 40px;
    }
}

.tit-icon {
    background-image: url(/images/main/ico_trophy.png);
}

/* Slider */
.slider .slick-prev { position: absolute; background: url('<?php echo G5_THEME_URL;?>/images/sprite@2x.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
.slider .slick-next { position: absolute; background: url('<?php echo G5_THEME_URL;?>/images/sprite@2x.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }

.slick-list.draggable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.multiple {margin: 5px;border:1px solid #efefef;}
.multiple .gamename {float: left;border:0px solid red;padding: 3px 5px;background-color: rgba(0, 72, 200, 0.1);color: #0048c8;margin-top: 2px;letter-spacing: -1.5px;}
.multiple .gamewho {float: right;border:0px solid blue;margin-top: 2px;letter-spacing: -2px;}

.multiple .i-badge {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: 0 auto 0px;
	font-size: 0px;
	/*position: relative;*/
	z-index: 3;
}
.multiple .i-badge:after {
	display: inline-block;
	width: 27px;
	/*height: 100%;*/
	clear: both;
	position: relative;
	z-index: 3;
}
    
.multiple.finish:before {
    content: "거래완료";
    position: absolute;
    top: auto;
    /* vertical-align: -webkit-baseline-middle; */
    /* background-color: #00f; */
    width: 95%;
    height: 95%;
    z-index: 4;
    /* opacity: 0.5; */
    background: rgba(0, 72, 200, 0.3);
    /*pointer-events: none;*/
    padding-top:45%;
    /*padding-left:20%;*/
    text-align: center;
    letter-spacing: 15px;
    font-size: 20px;
    color: #fff;
    font-family: "GmarketSansBold", sans-serif;
    text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
/*    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;*/
}
.multiple.dealing:before {
    content: "거래중";
    position: absolute;
    top: auto;
    width: 95%;
    height: 95%;
    z-index: 4;
    background: rgba(0, 0, 0, 0.3);
    padding-top:45%;
    text-align: center;
    letter-spacing: 15px;
    font-size: 20px;
    color: #fff;
    font-family: "GmarketSansBold", sans-serif;
    text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}
.multiple.cancel:before {
    content: "거래취소";
    position: absolute;
    top: auto;
    width: 95%;
    height: 95%;
    z-index: 4;
    background: rgba(255, 0, 40, 0.3);
    padding-top:45%;
    text-align: center;
    letter-spacing: 15px;
    font-size: 20px;
    color: #fff;
    font-family: "GmarketSansBold", sans-serif;
    text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}
.multiple.canceling:before {
    content: "거래취소중";
    position: absolute;
    top: auto;
    width: 95%;
    height: 95%;
    z-index: 4;
    background: rgba(255, 0, 40, 0.3);
    padding-top:45%;
    text-align: center;
    letter-spacing: 15px;
    font-size: 20px;
    color: #fff;
    font-family: "GmarketSansBold", sans-serif;
    text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}

@media only screen and (max-width: 999px){

    .multiple {margin: 2px;}
    .multiple .gamename {float: left;border:0px solid red;padding: 2px 4px;background-color: rgba(0, 72, 200, 0.1);color: #0048c8;margin-top: 2px;font-size: 8px;letter-spacing: -1.5px;}
    .multiple .gamewho {float: right;border:0px solid blue;margin-top: 2px;font-size: 8px;letter-spacing: -2px;}

    .multiple .i-badge {
        width: 14px;
        height: 14px;
    }

    .multiple .i-badge:after {
        width: 14px;
    }
        
    .multiple .subject {font-size: 8px;}
    .slider .slick-prev { position: absolute; background: url('<?php echo G5_THEME_URL;?>/images/sprite@2x.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
    .slider .slick-next { position: absolute; background: url('<?php echo G5_THEME_URL;?>/images/sprite@2x.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }
        
    .multiple.finish:before {
        content: "거래완료";
        position: absolute;
        top: auto;
        width: 95%;
        height: 95%;
        z-index: 4;
        background: rgba(0, 72, 200, 0.3);
        padding-top:50%;
        text-align: center;
        letter-spacing: 10px;
        font-size: 12px;
        color: #fff;
        font-family: "GmarketSansBold", sans-serif;
        text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
    }
    .multiple.dealing:before {
        content: "거래중";
        position: absolute;
        top: auto;
        width: 95%;
        height: 95%;
        z-index: 4;
        background: rgba(0, 0, 0, 0.3);
        padding-top:50%;
        text-align: center;
        letter-spacing: 10px;
        font-size: 12px;
        color: #fff;
        font-family: "GmarketSansBold", sans-serif;
        text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
    }
    .multiple.cancel:before {
        content: "거래취소";
        position: absolute;
        top: auto;
        width: 95%;
        height: 95%;
        z-index: 4;
        background: rgba(255, 0, 40, 0.3);
        padding-top:50%;
        text-align: center;
        letter-spacing: 10px;
        font-size: 12px;
        color: #fff;
        font-family: "GmarketSansBold", sans-serif;
        text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
    }
    .multiple.canceling:before {
        content: "거래취소중";
        position: absolute;
        top: auto;
        width: 95%;
        height: 95%;
        z-index: 4;
        background: rgba(255, 0, 40, 0.3);
        padding-top:50%;
        text-align: center;
        letter-spacing: 10px;
        font-size: 12px;
        color: #fff;
        font-family: "GmarketSansBold", sans-serif;
        text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
    }
}

