<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:url" content="https://보라팀.com/"/>
<title>롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀</title>
<meta name='application-name' content='롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀'/>
<meta name='msapplication-tooltip' content='롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀' />
<meta id='meta_og_title' property='og:title' content='롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀' />
<meta name='description' content='롤대리, 롤듀오, 롤육성, 롤강의, 롤경작 등 롤대리팀을 가장 싼 곳을 찾고 있으시다면 이제 최고의 대리팀을 구성한 보라팀으로 찾아오시면 가장 저렴하고 빠르게 티어 상승효과를 보실 수 있도록 최선을 다하겠습니다.' />
<meta property='og:description' content='롤대리, 롤듀오, 롤육성, 롤강의, 롤경작 등 롤대리팀을 가장 싼 곳을 찾고 있으시다면 이제 최고의 대리팀을 구성한 보라팀으로 찾아오시면 가장 저렴하고 빠르게 티어 상승효과를 보실 수 있도록 최선을 다하겠습니다.' />
<meta name='keywords' content='롤대리,롤듀오,롤육성,롤강의,롤경작,보라팀' />
<link rel="icon" type="image/png" href="/theme/community/img/favicon.png">
<title> | 롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀</title>
<link rel="stylesheet" href="http://xn--oi2bs7h2vw.com/theme/community/css/default.css?ver=2303229">
<link rel="stylesheet" href="http://xn--oi2bs7h2vw.com/js/font-awesome/css/font-awesome.min.css?ver=2303229">
<link rel="stylesheet" href="http://xn--oi2bs7h2vw.com/theme/community/skin/connect/basic/style.css?ver=2303229">
<link rel="stylesheet" href="http://xn--oi2bs7h2vw.com/theme/community/skin/outlogin/basic/style.css?ver=2303229">
<link rel="stylesheet" href="http://xn--oi2bs7h2vw.com/theme/community/skin/latest/basic/style.css?ver=2303229">
<!--[if lte IE 8]>
<script src="http://xn--oi2bs7h2vw.com/js/html5.js"></script>
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url = "http://xn--oi2bs7h2vw.com";
var g5_bbs_url = "http://xn--oi2bs7h2vw.com/bbs";
var g5_is_member = "";
var g5_is_admin = "";
var g5_is_mobile = "";
var g5_bo_table = "";
var g5_sca = "";
var g5_editor = "";
var g5_cookie_domain = "";
</script>
<script src="http://xn--oi2bs7h2vw.com/js/jquery-1.12.4.min.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/js/jquery-migrate-1.4.1.min.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/js/jquery.menu.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/js/common.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/js/wrest.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/js/placeholders.min.js?ver=2304171"></script>
<script src="http://xn--oi2bs7h2vw.com/theme/community/js/unslider.min.js?ver=2304171"></script>
</head>
<body>
<!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1"></h1>
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<!-- 팝업레이어 시작 { -->
<div id="hd_pop">
<h2>팝업레이어 알림</h2>
<span class="sound_only">팝업레이어 알림이 없습니다.</span></div>
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
});
$("#hd").css("z-index", 1000);
});
</script>
<!-- } 팝업레이어 끝 -->
<div id="hd_top">
<div id="hd_tnb">
<ul id="tnb">
<li><a href="http://xn--oi2bs7h2vw.com/bbs/register.php">회원가입</a></li>
<li><a href="http://xn--oi2bs7h2vw.com/bbs/login.php"><b>로그인</b></a></li>
<!--<li><a href="http://xn--oi2bs7h2vw.com/bbs/faq.php">FAQ</a></li>-->
<!--<li><a href="http://xn--oi2bs7h2vw.com/bbs/qalist.php">1:1문의</a></li>-->
<!--접속자
94</a></li>-->
</ul>
<div class="headtap">
<p>보라팀을 <span style="color: #ff0000cc;">사칭한 피해 사례</span>가 늘고 있습니다. 보라팀은 <span style="color: #ff0000cc;">채널 운영을 하지 않으며</span> 공식 홈페이지 카카오톡 외 다른 채팅은 운영하지 않습니다.</p>
</div>
<p class="hd_home">
<a href="http://xn--oi2bs7h2vw.com"><i class="fa fa-home" aria-hidden="true"></i><span class="sound_only">메인페이지로 가기</span></a>
</p>
</div>
</div>
<div class="rightsidetap">
<a href="https://open.kakao.com/o/sO9UeTdh" target="_blank">
<img src="/theme/community/img/rightside.png" alt="Right Side Image">
</a>
</div>
<button class="open-modal-btn">롤 캐릭터 TIP</button>
<!-- 모달 -->
<div class="modal-overlay">
<div class="modal-content">
<button class="close-btn">닫기</button>
<iframe class="modal-iframe" src="" title="롤 캐릭터 TIP"></iframe>
</div>
</div>
<!-- 모달 스크립트 -->
<script>
const openModalBtn = document.querySelector('.open-modal-btn');
const modalOverlay = document.querySelector('.modal-overlay');
const closeModalBtn = document.querySelector('.close-btn');
const modalIframe = document.querySelector('.modal-iframe');
// 모달 열기
openModalBtn.addEventListener('click', () => {
modalIframe.src = '/theme/community/item.php'; // 해당 페이지 경로 설정
modalOverlay.style.display = 'block';
});
// 모달 닫기
closeModalBtn.addEventListener('click', () => {
modalOverlay.style.display = 'none';
modalIframe.src = ''; // iframe 초기화
});
// 오버레이 클릭 시 닫기
modalOverlay.addEventListener('click', (e) => {
if (e.target === modalOverlay) {
modalOverlay.style.display = 'none';
modalIframe.src = ''; // iframe 초기화
}
});
</script>
<div id="hd_wrapper">
<div id="logo">
<!--
관리자 설정에서 로고를 등록할 경우엔 아래 코드를 사용하세요.
<a href="http://xn--oi2bs7h2vw.com"><img src="http://xn--oi2bs7h2vw.com/img/logo.png" alt="롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀"></a>
-->
<a href="http://xn--oi2bs7h2vw.com"><img src="http://xn--oi2bs7h2vw.com/theme/community/img/logo.png" alt="롤대리 • 롤듀오 • 롤육성 • 롤강의 • 롤경작 - 보라팀"></a>
</div>
<fieldset id="hd_sch">
<legend>사이트 내 전체검색</legend>
<form name="fsearchbox" method="get" action="http://xn--oi2bs7h2vw.com/bbs/search.php" onsubmit="return fsearchbox_submit(this);">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<label for="sch_stx" class="sound_only">검색어 필수</label>
<input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어를 입력해주세요">
<button type="submit" id="sch_submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
</form>
<script>
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
return true;
}
</script>
</fieldset>
</div>
<nav id="gnb">
<h2>메인메뉴</h2>
<ul id="gnb_1dul">
<li class="gnb_1dli" style="z-index:999">
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice" target="_self" class="gnb_1da">고객센터</a>
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="https://open.kakao.com/o/sO9UeTdh" target="_self" class="gnb_2da">온라인문의</a></li>
<li class="gnb_2dli"><a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice" target="_self" class="gnb_2da">공지사항</a></li>
</ul>
</li>
<li class="gnb_1dli" style="z-index:998">
<a href="/price.php" target="_self" class="gnb_1da">가격표</a>
</li>
<li class="gnb_1dli" style="z-index:997">
<a href="/knight.php" target="_self" class="gnb_1da">기사소개</a>
</li>
<li class="gnb_1dli" style="z-index:996">
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=review" target="_self" class="gnb_1da">작업후기</a>
</li>
<li class="gnb_1dli" style="z-index:995">
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=status" target="_self" class="gnb_1da">작업현황</a>
</li>
<li class="gnb_1dli" style="z-index:994">
<a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=blog" class="gnb_1da">Blog</a>
</li>
</ul>
</nav>
</div>
<!-- } 상단 끝 -->
<hr>
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<aside id="aside">
<!-- 로그인 전 아웃로그인 시작 { -->
<section id="ol_before" class="ol">
<div id="ol_be_cate">
<h2><span class="sound_only">회원</span>로그인</h2>
<a href="http://xn--oi2bs7h2vw.com/bbs/register.php" class="join">회원가입</a>
</div>
<form name="foutlogin" action="http://xn--oi2bs7h2vw.com/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
<fieldset>
<div class="ol_wr">
<input type="hidden" name="url" value="%2F">
<label for="ol_id" id="ol_idlabel" class="sound_only">회원아이디<strong>필수</strong></label>
<input type="text" id="ol_id" name="mb_id" required maxlength="20" placeholder="아이디">
<label for="ol_pw" id="ol_pwlabel" class="sound_only">비밀번호<strong>필수</strong></label>
<input type="password" name="mb_password" id="ol_pw" required maxlength="20" placeholder="비밀번호">
<input type="submit" id="ol_submit" value="로그인" class="btn_b02">
</div>
<div class="ol_auto_wr">
<div id="ol_auto" class="chk_box">
<input type="checkbox" name="auto_login" value="1" id="auto_login" class="selec_chk">
<label for="auto_login" id="auto_login_label"><span></span>자동로그인</label>
</div>
<div id="ol_svc">
<a href="http://xn--oi2bs7h2vw.com/bbs/password_lost.php" id="ol_password_lost">정보찾기</a>
</div>
</div>
</fieldset>
</form>
</section>
<script>
$omi = $('#ol_id');
$omp = $('#ol_pw');
$omi_label = $('#ol_idlabel');
$omi_label.addClass('ol_idlabel');
$omp_label = $('#ol_pwlabel');
$omp_label.addClass('ol_pwlabel');
$(function() {
$("#auto_login").click(function(){
if ($(this).is(":checked")) {
if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
return false;
}
});
});
function fhead_submit(f)
{
if( $( document.body ).triggerHandler( 'outlogin1', [f, 'foutlogin'] ) !== false ){
return true;
}
return false;
}
</script>
<!-- } 로그인 전 아웃로그인 끝 -->
<!-- 사이드메뉴 {-->
<div id="aside_ct">
<div class="short_cut">
<ul>
<li class="f_short_cut"><strong><a href="#">바로가기 메뉴 1</a></strong></li>
<li><strong><a href="#">바로가기 메뉴 2</a></strong></li>
<li><strong><a href="#">바로가기 메뉴 3</a></strong></li>
</ul>
</div>
<div class="aside_lt">
<div class="lt">
<h2 class="lt_title"><a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=notice">공지사항</a></h2>
<div class="lt_box">
<ul>
<li>
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice&wr_id=5&sst=wr_hit&sod=desc&sop=and&page=3"> ❓ 자주 여쭤보시는 질…</a><span class="hot_icon"><i class="fa fa-heart" aria-hidden="true"></i><span class="sound_only">인기글</span></span> <div class="lt_info">
<span class="lt_date">07-07</span>
</div>
</li>
<li>
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice&wr_id=4&sst=wr_hit&sod=desc&sop=and&page=3"> ❤ 환불 규정에 관한 …</a><span class="hot_icon"><i class="fa fa-heart" aria-hidden="true"></i><span class="sound_only">인기글</span></span> <div class="lt_info">
<span class="lt_date">07-07</span>
</div>
</li>
<li>
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice&wr_id=3&sst=wr_hit&sod=desc&sop=and&page=3"> ✅ 계좌이체 / 카카오…</a><span class="hot_icon"><i class="fa fa-heart" aria-hidden="true"></i><span class="sound_only">인기글</span></span> <div class="lt_info">
<span class="lt_date">07-07</span>
</div>
</li>
<li>
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice&wr_id=2&sst=wr_hit&sod=desc&sop=and&page=3"> [이벤트] ✅ 듀오제강…</a><span class="hot_icon"><i class="fa fa-heart" aria-hidden="true"></i><span class="sound_only">인기글</span></span> <div class="lt_info">
<span class="lt_date">07-07</span>
</div>
</li>
<li>
<a href="http://boranew1.dothome.co.kr/bbs/board.php?bo_table=notice&wr_id=1&sst=wr_hit&sod=desc&sop=and&page=3"> [이벤트] ✅ 대리랭크…</a><span class="hot_icon"><i class="fa fa-heart" aria-hidden="true"></i><span class="sound_only">인기글</span></span> <div class="lt_info">
<span class="lt_date">07-07</span>
</div>
</li>
</ul>
</div>
<div class="lt_more"><a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=notice"><span class="sound_only">공지사항</span>더보기</a></div>
</div>
</div>
</div>
<!-- }사이드메뉴-->
</aside>
<div class="banner" id="banner"></div>
<script>
// URL 파라미터 또는 파일 이름을 기준으로 이미지 설정
function getPageIdentifier() {
const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get("bo_table");
if (paramValue) return paramValue;
// 파일명에서 확장자 제거 후 반환
const pathName = window.location.pathname.split("/").pop();
return pathName.replace(".php", "");
}
// URL 끝부분에 따라 이미지 경로 정의
const pageImageMapping = {
"notice": "/theme/community/img/notice.jpg",
"price": "/theme/community/img/price.jpg",
"knight": "/theme/community/img/knight.jpg",
"review": "/theme/community/img/review.jpg",
"status": "/theme/community/img/status.jpg",
"blog": "/theme/community/img/blog.jpg" // 블로그 배너 이미지 추가
};
// 페이지 식별 값 가져오기
const pageType = getPageIdentifier();
// 매핑된 이미지가 있으면 배경 이미지 설정, 없으면 배너 숨기기
const bannerElement = document.getElementById("banner");
if (pageType && pageImageMapping[pageType]) {
bannerElement.style.backgroundImage = `url('${pageImageMapping[pageType]}')`;
} else {
bannerElement.style.display = "none";
}
</script>
<div id="container">
<!--메인배너 {-->
<div id="main_bn_box">
<div class="mainbox">
<video autoplay loop muted>
<source src="/theme/community/img/wallpaper2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<img src="/theme/community/img/topcon.gif" style="width: 7%;display: flex;position: absolute;top: 40%;left: 65%;transform: translate(-50%, -50%);z-index: 5;">
<div class="text">보라팀_ BORA TEAM</div>
<div class="text2">저희 보라팀은 비인가 프로그램 및 허용되지 않는 플레이를 절대 금지하며 챌린저 강사와 함께 확실하고 빠르게 원하는 티어까지 안전히 안내해 드립니다.</div>
</div>
</div>
</div>
</div>
<!--} 메인배너-->
<script>
$(function() {
$("#main_bn").unslider({
speed: 700, // The speed to animate each slide (in milliseconds)
delay: 3000, // The delay between slide animations (in milliseconds)
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});
$('.unslider-arrow').click(function() {
var fn = this.className.split(' ')[1];
unslider.data('unslider')[fn]();
});
});
</script>
<div class="main_bt">
<p class="special-text">보라팀만의 <span style="background: linear-gradient(to right, #22b1a5, #c200ff);padding: 4px 14px;">특별한</span> 서비스</p>
<p style="font-family: PaperlogyExtraLight;margin-top: 14px;font-size: 1.2em;">보라팀만의 롤 강의, 롤 듀오, 롤 육성 등 롤 서비스를 받아보세요</p>
<div class="main_card">
<div class="card-box">
<div class="circle-img" style="background-image: url('/theme/community/img/card1.jpg');"></div>
<p>신규, 단골 고객<br><span style="text-shadow: 0px 0px 9px #00d9ff9c;">10% 할인</span></p>
</div>
<div class="card-box">
<div class="circle-img" style="background-image: url('/theme/community/img/card2.jpg');"></div>
<p>듀오제 강의<br><span style="text-shadow: 0px 0px 9px #00d9ff9c;">10+1판 서비스</span></p>
</div>
<div class="card-box">
<div class="circle-img" style="background-image: url('/theme/community/img/card3.jpg');"></div>
<p>승당제 강의<br><span style="text-shadow: 0px 0px 9px #00d9ff9c;">15+1판 서비스</span></p>
</div>
<div class="card-box">
<div class="circle-img" style="background-image: url('/theme/community/img/card4.jpg');"></div>
<p>카드, 문상, 카카오페이<br>폰 <span style="text-shadow: 0px 0px 9px #00d9ff9c;">결제 가능</span></p>
</div>
<div class="card-box">
<div class="circle-img" style="background-image: url('/theme/community/img/card5.jpg');"></div>
<p>라인, 스펠 위치<br>아이템 위치, 챔피언 <span style="text-shadow: 0px 0px 9px #00d9ff9c;">무료 지정</span></p>
</div>
</div>
<img src="/theme/community/img/covertop.jpg" style="margin-bottom: 30px;width: 100%;">
</div>
<div class="slidebox">
<div class="sliderone">
<div class="slider-container">
<div class="slider-track">
<a href="/price.php#price2"><img src="/theme/community/img/DUO1.jpg" alt="DUO1"></a>
<a href="/price.php#price1"><img src="/theme/community/img/RANK1.jpg" alt="RANK1"></a>
<a href="/price.php#price4"><img src="/theme/community/img/TEACH1.jpg" alt="TEACH1"></a>
<a href="/price.php#price3"><img src="/theme/community/img/TEST1.jpg" alt="TEST1"></a>
<a href="/price.php#price6"><img src="/theme/community/img/TFT1.jpg" alt="TFT1"></a>
</div>
<button class="slider-button slider-button--left"><</button>
<button class="slider-button slider-button--right">></button>
</div>
<div class="slidertwo">
<img src="/theme/community/img/sliderright.png">
</div>
</div>
</div>
<!--리뷰탭-->
<div class="reviewtap">
<p><span>보라팀</span> REVIEW</p>
<p id="minmen">롤 대리 및 강의, 육성 서비스의 보라팀은 최장기간 운영팀으로 독보적인 서비스를 제공합니다.</p>
</div>
<div class="slider2-container">
<div class="slider2" id="slider2">
<!-- 리뷰 박스 12개 생성 (자바스크립트로 동적 생성) -->
</div>
<div class="button-container">
<button id="prev" onclick="moveSlide(-1)">이전</button>
<button id="next" onclick="moveSlide(1)">다음</button>
</div>
</div>
<!--리뷰탭-->
<script>
document.addEventListener('DOMContentLoaded', () => {
const track = document.querySelector('.slider-track');
const slides = Array.from(track.children);
const nextButton = document.querySelector('.slider-button--right');
const prevButton = document.querySelector('.slider-button--left');
const slideWidth = slides[0].getBoundingClientRect().width;
// 슬라이드 복제 및 추가
const cloneSlides = (num) => {
for (let i = 0; i < num; i++) {
const slideClone = slides[i].cloneNode(true);
track.appendChild(slideClone);
}
};
// 1번부터 5번까지의 슬라이드를 복제하여 추가
cloneSlides(5);
const totalSlides = slides.length * 2; // 원본 + 복제
// 슬라이드 위치 설정
const setSlidePosition = (slide, index) => {
slide.style.left = slideWidth * index + 'px';
};
slides.forEach(setSlidePosition);
for (let i = slides.length; i < totalSlides; i++) {
setSlidePosition(track.children[i], i);
}
// 슬라이드 이동 함수
const moveToSlide = (track, currentSlide, targetSlide) => {
track.style.transition = 'transform 0.5s ease-in-out';
track.style.transform = 'translateX(-' + targetSlide.style.left + ')';
currentSlide.classList.remove('current-slide');
targetSlide.classList.add('current-slide');
};
// 다음 버튼
nextButton.addEventListener('click', () => {
const currentSlide = track.querySelector('.current-slide') || slides[0];
const nextSlide = currentSlide.nextElementSibling || slides[0];
moveToSlide(track, currentSlide, nextSlide);
// 마지막에서 첫 슬라이드로 이동
if (nextSlide === slides[0]) {
setTimeout(() => {
track.style.transition = 'none';
track.style.transform = 'translateX(0)';
}, 500);
}
});
// 이전 버튼
prevButton.addEventListener('click', () => {
const currentSlide = track.querySelector('.current-slide') || slides[0];
const prevSlide = currentSlide.previousElementSibling || slides[totalSlides - 1];
moveToSlide(track, currentSlide, prevSlide);
// 첫 슬라이드에서 마지막으로 이동
if (prevSlide === slides[totalSlides - 1]) {
setTimeout(() => {
track.style.transition = 'none';
track.style.transform = 'translateX(-' + (slideWidth * slides.length) + 'px)';
}, 500);
}
});
// 첫 슬라이드 현재 슬라이드로 설정
slides[0].classList.add('current-slide');
// 자동 슬라이드 (3초 간격)
setInterval(() => {
const currentSlide = track.querySelector('.current-slide') || slides[0];
const nextSlide = currentSlide.nextElementSibling || slides[0];
moveToSlide(track, currentSlide, nextSlide);
if (nextSlide === slides[0]) {
setTimeout(() => {
track.style.transition = 'none';
track.style.transform = 'translateX(0)';
}, 500);
}
}, 3000);
});
</script>
<script>
// 리뷰 데이터 예시
const reviews = [
{ user: '협곡의***님', stars: '★★★★★', content: '롤 듀오 신청했는데 승률 100퍼는 없다고 하셔놓고 10+1 이벤트 신청했는데 100퍼로 이겼습니다 ㅋㅋ 에메랄드2 였습니다 정글 한기사님 감사합니다 또 오겠습니다 ㅎㅎ' },
{ user: '강철용***님', stars: '★★★★☆', content: '티어 올려주셔서 감사합니다! 이 분 정말 잘 하십니다.' },
{ user: '용사의***님', stars: '★★★★★', content: '깔끔한 경기력으로 티어 올려주셔서 감사합니다.' },
{ user: '불꽃의***님', stars: '★★★★☆', content: '다음에도 또 부탁드릴게요! 좋은 경기였습니다.' },
{ user: '승리의***님', stars: '★★★★★', content: '정말 만족스러운 경기! 강추합니다.' },
{ user: '티어오***님', stars: '★★★★★', content: '너무 잘하셔서 다음에도 이용하겠습니다.' },
{ user: '베스트***님', stars: '★★★★★', content: '정글 운영이 너무 깔끔했어요!' },
{ user: '승천의***님', stars: '★★★★☆', content: '좋은 듀오 경험이었습니다!' },
{ user: '불멸의***님', stars: '★★★★★', content: '다시 찾게 만드는 서비스입니다.' },
{ user: '그림자***님', stars: '★★★★★', content: '깔끔하게 티어 올렸습니다.' },
{ user: '빛의***님', stars: '★★★★☆', content: '굉장히 좋은 경험이었습니다.' },
{ user: '결정의***님', stars: '★★★★★', content: '완벽한 경기 운영!' }
];
// 날짜 계산 (하루 전 날짜 표시)
const getYesterdayDate = () => {
const date = new Date();
date.setDate(date.getDate() - 1);
return `${date.getFullYear()}.${(date.getMonth() + 1).toString().padStart(2, '0')}.${date.getDate().toString().padStart(2, '0')}`;
};
// 리뷰 박스 생성
const slider = document.getElementById('slider2');
reviews.forEach((review) => {
const reviewBox = document.createElement('div');
reviewBox.classList.add('review-box');
reviewBox.innerHTML = `
<div class="review-title">${review.user} I ${review.stars}</div>
<div class="review-content">${review.content}</div>
<div class="review-date">${getYesterdayDate()}</div>
`;
slider.appendChild(reviewBox);
});
let currentIndex = 0;
const itemsPerPage = 4;
const totalItems = reviews.length;
const maxIndex = Math.ceil(totalItems / itemsPerPage);
function moveSlide(direction) {
currentIndex = (currentIndex + direction + maxIndex) % maxIndex;
slider.style.transform = `translateX(-${currentIndex * 100 / maxIndex}%)`;
}
// 자동 슬라이드 (3초 간격)
setInterval(() => moveSlide(1), 3000);
moveSlide(0);
</script>
<div class="bottombox">
<div class="image-item">
<img src="/theme/community/img/공지사항.png" alt="공지사항">
<div class="image-name">공지사항</div>
</div>
<div class="image-item">
<img src="/theme/community/img/가격표.png" alt="가격표">
<div class="image-name">가격표</div>
</div>
<div class="image-item">
<img src="/theme/community/img/작업현황.png" alt="작업현황">
<div class="image-name">작업현황</div>
</div>
<div class="image-item">
<img src="/theme/community/img/작업후기.png" alt="작업후기">
<div class="image-name">작업후기</div>
</div>
<div class="image-item">
<img src="/theme/community/img/기사소개.png" alt="기사소개">
<div class="image-name">기사소개</div>
</div>
<div class="image-item">
<img src="/theme/community/img/온라인문의.png" alt="온라인문의">
<div class="image-name">온라인문의</div>
</div>
</div>
<hr>
<div class="reviewtap2">
<p><span>보라팀</span> 기사소개</p>
<p id="minmen">기사를 공유하지 않고 보라팀만의 선별된 기사와 함께 티어를 올려보세요</p>
<div class="image-container3">
<img src="/theme/community/img/driver1.png" alt="Driver 1">
<img src="/theme/community/img/driver2.png" alt="Driver 2">
<img src="/theme/community/img/driver3.png" alt="Driver 3">
<img src="/theme/community/img/driver4.png" alt="Driver 4">
<img src="/theme/community/img/driver5.png" alt="Driver 5">
<img src="/theme/community/img/driver6.png" alt="Driver 6">
</div>
</div>
<!-- FAQ 그리드 카드 섹션 (블로그 연동) -->
<style>
/* FAQ 그리드 카드 기본 스타일 */
.faq-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* PC에서는 3열 */
gap: 20px;
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
}
.faq-card {
background-color: #1c1c1c;
border-radius: 8px;
padding: 20px;
text-align: center;
color: #fff;
transition: transform 0.3s;
height: 100%;
display: flex;
flex-direction: column;
}
.faq-card:hover {
transform: translateY(-5px);
}
.faq-card img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 15px;
}
.faq-card h3 {
font-size: 1.2em;
margin-bottom: 10px;
}
.faq-card p {
font-size: 0.95em;
line-height: 1.4em;
margin-bottom: 15px;
flex-grow: 1;
}
.faq-card a {
display: inline-block;
background: linear-gradient(to right, #22b1a5, #c200ff);
color: #fff;
text-decoration: none;
padding: 10px 15px;
border-radius: 5px;
font-size: 0.9em;
margin-top: auto;
}
/* 모바일 반응형 */
@media (max-width: 768px) {
.faq-grid {
grid-template-columns: 1fr; /* 모바일에서는 1열 */
}
}
</style>
<div class="faq-grid">
<div class="faq-card">
<img src="http://xn--oi2bs7h2vw.com/data/file/blog/59902d3fb861256f24bfc25f9de37bb0_Yy4iVv0x_f7bc17e63b181e791da92ad8893f0cf7869f280e.jpg" alt="롤 듀오, 어떤 포지션이 승률 가장 높을까">
<h3>롤 듀오, 어떤 포지션이 승률 가장 높을까</h3>
<p>롤 듀오, 어떤 포지션이 승률 가장 높을까
꿀조합과 나에게 맞는 포지션 찾기
"기사님(파트너)이랑 같이 하는데, 제가 어디 라인 가야 할까요?"
듀오 랭크, 왜 포…</p>
<a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=blog&wr_id=10">자세히 보기</a>
</div>
<div class="faq-card">
<img src="http://xn--oi2bs7h2vw.com/data/file/blog/59902d3fb861256f24bfc25f9de37bb0_dqKyL5DY_de66391c14e0c69da68199a2436b5a4a4166da88.jpg" alt="롤 대리 vs 롤 듀오: 어떤 게 좋을까?">
<h3>롤 대리 vs 롤 듀오: 어떤 게 좋을까?</h3>
<p>롤 대리 vs 롤 듀오: 어떤 게 좋을까?
나에게 맞는 티어 상승 방법, 솔직 비교 분석
"빠르게 티어 올리고 싶은데... 뭘 선택해야 하지?" 고민 해결
티어 상…</p>
<a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=blog&wr_id=9">자세히 보기</a>
</div>
<div class="faq-card">
<img src="http://xn--oi2bs7h2vw.com/data/file/blog/59902d3fb861256f24bfc25f9de37bb0_MznOY5Eb_00e3db3f7027f830cf507ccf77adddb4aca5bffc.jpg" alt="롤 듀오, 어떤 포지션이 승률 가장 높을까">
<h3>롤 듀오, 어떤 포지션이 승률 가장 높을까</h3>
<p>롤 듀오, 어떤 포지션이 승률 가장 높을까
(꿀조합 & 나에게 맞는 포지션 찾기)
"기사님(파트너)이랑 같이 하는데, 제가 어디 라인 가야 할까요?"
듀오 …</p>
<a href="http://xn--oi2bs7h2vw.com/bbs/board.php?bo_table=blog&wr_id=8">자세히 보기</a>
</div>
</div>
<!-- FAQ 그리드 카드 섹션 끝 -->
<!-- 기존 Q&A 섹션(자주 묻는 질문) -->
<div class="seotap">
<p><span>보라팀</span> 자주 묻는 질문</p>
<p id="minmen">보라팀에서 준비한 Q&A를 통해 궁금하신 사항, 자주 묻는 질문을 확인하여 궁금증을 해소해 보세요</p>
<div class="qa-container">
<div class="qa-item active">
<div class="qa-question"><span id="seoq">Q.</span> 보라팀은 어떤팀인가요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 보라팀은 롤 육성, 롤 대리, 롤 서비스에 관련한 업체 중 가장 오랫동안 운영되어 안전성은 물론 확실한 효과까지 책임질 수 있는 유일한 업체입니다.<br>
다른 업체들이 기사를 공유하며 수익만 얻어 가는 구조와 다르게 모든 기사 및 서비스를 직접 운영하며 더 높은 품질의 서비스를 제공할 수 있으며 보안 및 안전에 최우선 순위를 두어 소비자분들에게 품질 높은 서비스를 보장합니다.
</div>
</div>
<div class="qa-item">
<div class="qa-question"><span id="seoq">Q.</span> 롤 대리는 어떤 서비스를 이야기하는 건가요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 롤 대리 및 롤 강의는 기사님들과 함께 고객님이 원하는 목표 티어까지 쉽고 빠르게 도달할 수 있도록 도와드리는 서비스 중 하나입니다.<br>
원하는 목표의 티어까지 안전하고 걱정 없이 빠르게 올라가고 싶은 분들에게 추천할 수 있는 서비스입니다.
</div>
</div>
<div class="qa-item">
<div class="qa-question"><span id="seoq">Q.</span> 그렇다면 롤 대리 서비스, 받아도 되는 걸까요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 저희 보라팀이 가장 중요하게 생각하는 부분이 안전 및 보안이니 만큼 고객님께서 저희 주의사항 또는 안내사항을 잘 지켜주시면 정지 및 계정에 문제가 생기는 위험은 일절 절대 없으며<br>
이전부터 지금까지 그리고 앞으로도 저희 보라팀을 이용해 주시는 고객님들만 보더라도 단 한 건의 문제도 없었음을 알 수 있습니다.
</div>
</div>
<div class="qa-item">
<div class="qa-question"><span id="seoq">Q.</span> 작업은 언제 시작되는 건가요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 결제 후에 고객님께서 원하시는 시간대에 지정해서 진행이 가능합니다. 단 원하는 기사님이 따로 있을 경우 기사님의 스케줄에 따라 조금은 조정될 수 있지만<br>
기본값은 고객님이 원하는 시간대에 진행해 드리고 있습니다. 결제 후 바로 시작을 원한다면 평균 10분 ~ 30분 이내 시작될 수 있습니다.
</div>
</div>
<div class="qa-item">
<div class="qa-question"><span id="seoq">Q.</span> 결제 후 환불도 가능할까요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 물론 저희 보라팀은 결제 후 모든 주문에 대해 100% 보장을 진행해드리고 있습니다. 작업이 시작되기 전 언제라도 작업을 취소하고 싶으실 땐 말씀해 주시면<br>
100% 환불을 도와드리고 있습니다.
</div>
</div>
<div class="qa-item">
<div class="qa-question"><span id="seoq">Q.</span> 다른 사람이 대리 및 서비스를 받은 계정이라는 걸 알 수 있나요?<span id="seoq2">▼</span></div>
<div class="qa-answer">
A. 보통의 경우라면 알기 어렵습니다. 흔히 대리를 받았거나 다른 서비스를 받았다는 걸 유추할 때 스펠의 위치나 포지션, 사용하는 챔피언 등으로 유추해 볼 수 있는데<br>
저희 보라팀에서는 이와 같은 우려 상황에도 대비하여 스펠 위치 및 포지션 및 유추 가능한 상황에 모두 대처할 수 있도록 안전히 진행을 도와드리고 있습니다.
</div>
</div>
</div>
</div>
<div class="seotap2">
<div>
<img src="/theme/community/img/seoside.png">
</div>
<div>
<p>
리그오브레전드, 롤이라고 불리는 이 게임은 현재 가장 인기 있는 온라인게임으로 E스포츠에서도 가장 많은 시청자 수 기록을 보유 중이며
<a href="https://namu.wiki/w/%ED%8E%98%EC%9D%B4%EC%BB%A4" target="_blank">페이커</a>를 비롯한 여러 스타 선수들의 활약으로 더더욱 많은 인기를 꾸준히 끌고 있는 게임입니다.
그러나 많은 사람이 모이는 만큼 각자마다 게임을 즐기는 성향이 다르고 플레이 스타일이 다르기에 랭커 게임을 즐기는 유저 입장에서는
<strong>많은 스트레스를 받거나 랭커 게임을 포기</strong>하기까지 하는 지경에 이르곤 했습니다.
</p><br>
<p>
본인의 티어를 올리는 것에 지친 유저들이
<a href="https://namu.wiki/w/%ED%8B%B0%EC%96%B4" target="_blank">티어</a>를 올릴 수 있는 여러 방법을 모색해 냈으며
그중 하나가 바로 <strong>대리 및 롤 강의, 롤 듀오 등 여러 시스템을 활용</strong>하는 것이었으며 지금까지도 많은 유저가 이와 같은 서비스를 이용하여
티어를 쉽고 빠르게 달성 및 도달하고 있습니다. 대리 서비스는 여러 업체가 서비스하지만 품질의 차이가 있습니다.
</p><br>
<p>
큰 차이를 보이는 품질로써는 단연 원하는, 목표 티어까지 도달하지 못하고 비용만 지불하는 사례를 들어볼 수 있습니다.
보통 이런 경우는 서비스해 주는 기사를 공유하여 사용하거나 실력이 검증되지 않은 기사를 통해 서비스를 받으면 생각보다 흔하게 일어나는 일로써
소비자가 피해를 보는 경우입니다. 가장 위험한 상황이니 조심하셔야 합니다.
</p><br>
<p>
또 다른 품질의 차이로써는 리그오브레전드에서는 대리 및 권유하는 서비스 이외의 다른 서비스를 받을 경우 정지 및 계정 제한이 될 수 있습니다.
그렇기에 하나의 유저가 계정을 사용하는 것처럼 포지션 및 챔프폭, 스펠 위치 등 다양한 것들을 신경 써야 계정이 안전할 수 있습니다.
<strong>보라팀이 가장 중요하게 생각하는 부분</strong>이며 꼭 고려하셔야만 합니다.
</p><br>
<p>
<strong>롤
<a href="https://namu.wiki/w/%EB%8C%80%EB%A6%AC%EB%9E%AD" target="_blank">대리</a> 서비스를 이용하실 때 몇 가지 알아야 하는 사항</strong>이 있습니다.
첫 번째로는 이용하려는 업체가 신설 업체인지 아닌지 확인해야 합니다. 롤 서비스 업체의 안전성을 보장하는 건 해당 업체의 이름으로 얼마나 운영되었었는지가
우선적으로 확인되어야 하며 신설 업체의 경우 신뢰 및 신용이 쌓이기 전이라 서비스를 엉망으로 받을 가능성이 높습니다.
</p><br>
<p>
두 번째로는 해당 기사의 전적을 살펴볼 필요가 있습니다. 드문 경우이긴 하지만 서비스를 진행해 주는 기사의 계정이 여러 기사가 동시에 하나의 계정을 사용하여
수익을 얻어 가는 구조의 경우 책임감을 기사가 가지기 어려우며 이는 서비스의 품질과도 연관될 수 있으니 기사의 계정을 조회해 보고 나서
서비스를 받을지 말지 결정하시는 게 좋습니다.
</p><br>
<p>
마지막은 사이트의 퀄리티입니다. 이는 당연한 이야기이지만 보통 우리가 흔히 얘기하는 먹튀 또는 좋은 품질의 서비스를 받지 못하는 경우를 보면
급하게 만들어낸 사이트의 모습을 띄고 있거나 사이트 형태가 아닌 블로그 및 랜딩 페이지의 모습을 하고 있는 것을 볼 수 있습니다.
롤 대리, 롤 듀오, 롤 서비스를 받을 땐 사이트를 집중하여 살펴보세요
</p><br>
</div>
</div>
<script>
const qaItems = document.querySelectorAll('.qa-item');
qaItems.forEach(item => {
const question = item.querySelector('.qa-question');
question.addEventListener('click', () => {
// 모든 Q&A 닫기
qaItems.forEach(i => {
i.classList.remove('active');
i.querySelector('.qa-answer').style.maxHeight = '0';
i.querySelector('.qa-answer').style.padding = '0';
});
// 선택된 Q&A 열기
const answer = item.querySelector('.qa-answer');
if (answer.style.maxHeight === '0px' || answer.style.maxHeight === '') {
item.classList.add('active');
answer.style.maxHeight = answer.scrollHeight + 'px';
answer.style.padding = '15px';
}
});
});
</script>
<div class="ftdiv">
<div class="ftdiv2">
<p>Copyright © 2021 보라팀 / 롤대리 롤경작 롤육성 롤듀오 / KakaoTalk :
<a href="https://open.kakao.com/o/sC8Rn4rg" target="_blank" style="color: inherit; text-decoration: none; font-weight: bold;">BORATEAM7</a>
</p>
</div>
</div>
</div>
</div>
<!-- } 콘텐츠 끝 -->
<hr>
<!-- 하단 시작 { -->
<div id="ft">
<div id="ft_copy">
<div>
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=company">회사소개</a>
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=privacy">개인정보취급방침</a>
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=provision">서비스이용약관</a>
<a href="http://xn--oi2bs7h2vw.com/?device=mobile" id="device_change">모바일 버전으로 보기</a>
<a href="#hd" id="ft_totop">상단으로</a>
</div>
</div>
<div id="ft_company">
<p class="ft_info">TEL. 00-000-0000 FAX. 00-000-0000 서울 강남구 강남대로 1<br>대표:홍길동 사업자등록번호:000-00-00000 개인정보관리책임자:홍길동<br><br>Copyright © <b>소유하신 도메인.</b> All rights reserved.</p>
</div>
</div>
<!--<div id="ft">
<div id="ft_wr">
<div id="ft_link" class="ft_cnt">
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=company">회사소개</a>
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=privacy">개인정보처리방침</a>
<a href="http://xn--oi2bs7h2vw.com/bbs/content.php?co_id=provision">서비스이용약관</a>
<a href="http://xn--oi2bs7h2vw.com/?device=mobile">모바일버전</a>
</div>
<div id="ft_company" class="ft_cnt">
<h2>사이트 정보</h2>
<p class="ft_info">
회사명 : 회사명 / 대표 : 대표자명<br>
주소 : OO도 OO시 OO구 OO동 123-45<br>
사업자 등록번호 : 123-45-67890<br>
전화 : 02-123-4567 팩스 : 02-123-4568<br>
통신판매업신고번호 : 제 OO구 - 123호<br>
개인정보관리책임자 : 정보책임자명<br>
</p>
</div>
</div>
<div id="ft_catch"><img src="http://xn--oi2bs7h2vw.com/img/ft_logo.png" alt="그누보드5"></div>
<div id="ft_copy">Copyright © <b>소유하신 도메인.</b> All rights reserved.</div>
</div>
-->
<!-- } 하단 끝 -->
<script>
$(function() {
// 폰트 리사이즈 쿠키있으면 실행
font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
$("#ft_totop").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
</script>
<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
<!--[if lte IE 7]>
<script>
$(function() {
var $sv_use = $(".sv_use");
var count = $sv_use.length;
$sv_use.each(function() {
$(this).css("z-index", count);
$(this).css("position", "relative");
count = count - 1;
});
});
</script>
<![endif]-->
</body>
</html>