.bn_tit {
	width: 100%; position: relative;
	text-align: center;
}

.bn_tit img { max-width: 100%; }



.game_st_btn {
	position: absolute;
	right: 20px;
	font-family: 'NanumSquare';
	text-align: left;
	padding: 0 20px;
	max-width: 260px;
}
.game_st_btn strong { font-family: 'NanumSquareExtraBold'; }
.game_st_btn i {
	position: absolute;
	width: 46px; height: 46px;
	right: 10px; top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.game_st_btn.hd_1 {
	bottom: 17%; background-color: #ff3f00;
	right: 45px; color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 4px;
}
.game_st_btn.hd_1:hover {
	color: #000;
	background-color: #ffcc00;
}

.game_st_btn.pnc_1 {
	bottom: 17%; background-color: #ff3f00;
	right: 45px; color: #fff;
}
.game_st_btn.pnc_1:hover {
	color: #000;
	background-color: #ffcc00;
}

.game_st_btn.hd_2 {
	top: 50%; margin-top: 4px;
}

@media all and (max-width:860px){
	.game_st_btn {
		position:relative; width: 50%;
		display: inline-block; min-width: 160px;
	}
	.game_st_btn.hd_1,
	.game_st_btn.pnc_1 {
		top: auto; right: auto; bottom: auto;
		margin-top: 20px; margin-bottom: 30px;
	}
	
	.game_st_btn.hd_2 {
		top: auto; margin-top: 20px; margin-bottom: 30px;
	}
}






/*guide*/

.content_inner_box {
    padding: 50px 30px;
    background-color: #202020;
    width: 100%;
    position: relative;
    border: 1px solid #2c2c2c;
    box-sizing: border-box;
}
.guide-wrap {
    width: 100%; margin: 0;
    font-size: 14px;
}
.guide-wrap h1 { position: relative; font-size: 30px; }
.guide-wrap .center_p { color: #ffcc00; font-weight: bold; }
.guide-wrap .inner_box { border-radius: 30px; background: #0f0f0f; padding: 30px; margin-top: 50px; }
.guide-wrap .inner_tit {
    height: 40px; line-height: 40px;
    background-size: 40px; background-position: left center;
    background-repeat: no-repeat;
}
.guide-wrap .inner_tit.ios { padding-left: 60px; background-image: url('/s/front/images/guide/apple.png'); }
.guide-wrap .inner_tit.and { padding-left: 60px; background-image: url('/s/front/images/guide/android.png'); }
.guide-wrap .mid_txt { margin-bottom: 80px; }
.guide-wrap .mid_txt li { vertical-align: middle; line-height: 40px; color:#bebebe;}
.guide-wrap .mid_txt img { width: 28px; vertical-align: middle; margin-top:-3px }
.guide-wrap .process img { max-width: 100%; }
.guide-wrap .process dt { font-size: 20px; font-weight: bold; color:aqua; }
.guide-wrap .process dd { padding-right: 40px; }
.guide-wrap .process dd > p { margin-top: 50px; margin-bottom: 15px; }

.img_hidden_wrap .img_guide_box { display: none; }

.img_guide_box {
    width: 100%; background-color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.img_guide_box img { max-width: 100%; }

.number_guide.pn { background: #1a1a1a; }
.number_guide { 
    padding: 30px 20px;
    font-size: 0; word-spacing: 0;
    margin-bottom: 40px;
}
.number_guide li {
    margin-bottom: 20px;
    display: inline-block;
    width: 50%; vertical-align: middle;
}
.number_guide.w-100 li { width: 100%; }
.number_guide .tit {
    font-size: 1.8rem; font-size: 18px; color:#fff;
    font-family: 'NanumSquareExtraBold'; line-height: 30px;
    padding-bottom: 10px;
}
.number_guide .con {
    font-size: 1.4rem; font-size: 14px;
    padding-left: 33px; color: #aaa;
    min-height: 35px;
}

.number_guide .round_num {
    width: 30px; height: 30px; border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ff0000;
    text-align: center;
}


@media all and (max-width:1200px){
    .guide-wrap h1 {
        font-size: 18px;
        padding: 20px 20px 0;
    }
    .guide-wrap .center_p { font-size: 16px; padding: 20px 20px 0; }
    .guide-wrap .wrap { padding: 25px; }
    .guide-wrap .inner_box { border-radius: 20px; padding: 20px; margin-top: 40px; }
    .guide-wrap .inner_tit {
        height: 30px; line-height: 30px;
        background-size: 30px; font-size: 18px;
    }
    .guide-wrap .inner_tit.ios { padding-left: 40px;}
    .guide-wrap .inner_tit.and { padding-left: 40px; }
    .guide-wrap .mid_txt { margin-bottom: 60px; font-size: 14px; }
    .guide-wrap .mid_txt img { width: 22px; }
    .guide-wrap .process dd > p { margin-top: 40px; }
}

@media all and (max-width:640px){
    .guide-wrap h1 { padding-top: 40px; font-size: 16px; }
    .guide-wrap .center_p { font-size: 14px; }
    .guide-wrap .wrap { padding: 25px; }
    .guide-wrap .inner_box { border-radius: 20px; padding: 20px; margin-top: 40px; }
    .guide-wrap .inner_tit {
        height: 30px; line-height: 30px;
        background-size: 30px; font-size: 16px;
    }
    .guide-wrap .mid_txt { margin-bottom: 40px; font-size: 12px; }
    .guide-wrap .mid_txt li { line-height: 30px; }
    .guide-wrap .mid_txt img { width: 22px; }
    .guide-wrap .process dd { padding-right: 20px; margin-left: 20px; }
    .guide-wrap .process dd > p { font-size: 14px; margin-top: 30px; }
    .guide-wrap .process dt { font-size: 16px; }
}

.guide-box { display: none; }
.guide-box.active { display: block; }
.guide_open_btn {
    outline: none;
    background: transparent;
    height: 30px; line-height: 28px; 
    border-radius: 15px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0 10px; color: #ddd;
    cursor: pointer;
    position: absolute;
    top: 50%; margin-top: -15px;
    right:0;
}
.guide_open_btn:hover {
    background: #ffcc00;
    color: #000;
    border: 1px solid #ffcc00;
}

video.ios { max-width: 100%; width: 400px; }
video.and { max-width: 100%; width: 500px; }

@media all and (max-width:1135px){
    .guide_open_btn { margin-top: 0; top: 10px; right: 10px; }
}
@media all and (max-width:640px){
    .guide_open_btn { margin-top: 0; top: 0; left: 15px; right: auto; }
    .number_guide .tit { font-size: 1.6rem; }
    .number_guide li { width: 100%; vertical-align: top; }
}