1. 그누보드5/eyoom/theme/설치된 테마/css/style.css 를 열고 .service-block-e .progress { 을 찾는다.

수정 전

.service-block-e .progress {
    margin-bottom: 0px;
}


.service-block-e .service-in small {
    font-size: 12px;
    text-transform: uppercase;
}

.service-block-e .service-in h4 {
    font-size: 14px;
    line-height: 0.9;
    margin-bottom: 0;
}

수정 후

.service-block-e .progress {        
    margin-bottom: 0px;
}


.service-block-e .service-in small {
    font-size: 12px;                            
    text-transform: uppercase;
}

.service-block-e .service-in h4 {
    font-size: 14px;
    line-height: 0.9;                            
    margin-bottom: 0;
}

---

2. 1. 그누보드5/eyoom/theme/설치된 테마/css/common.css 를 열고 .progress-xxs { 를 찾아 } 아래쪽에 다음 소스를 추가한다.

.progress-xxxs {
    height: 5px;
}

---

3. 그누보드5/eyoom/theme/설치된 테마/skin_bs/outlogin/basic/outlogin.skin.2.html 을 열고 다음과 같이 작업한다.
<a href="{C.G5_BBS_URL}/point.php" target="_blank" id="ol_after_pt" class="member-point"> 을 찾아 소스를 교체한다.

수정 전

        <a href="{C.G5_BBS_URL}/point.php" target="_blank" id="ol_after_pt" class="member-point">
            <i class="fa fa-tachometer"></i>
            <span class="service-heading">{levelset.gnu_name}</span>
            <span class="counter">{point}</span>
        </a>

        <div class="clearfix"></div>

        <div class="row member-lv margin-bottom-10">
            <div class="col-xs-6 service-in">
                <small>레벨</small>
                <h4 class="counter">{eyoomer.level}</h4>
            </div>
            <div class="col-xs-6 text-right service-in">
                <small>{levelset.eyoom_name}</small>
                <h4 class="counter">{=number_format(eyoomer.level_point)}</h4>
            </div>
        </div>
        <div class="row statistics">
            <h3 class="heading-xs">Progress Bar <span class="pull-right">{lvinfo.ratio}%</span></h3>
            <div class="progress progress-e progress-xxs">
                <div style="width: {lvinfo.ratio}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{lvinfo.ratio}" role="progressbar" class="progress-bar progress-bar-light">
                </div>
            </div>
        </div>

수정 후

        <div class="row member-lv margin-bottom-10">
            <div class="col-xs-6 service-in">
                <a href="{C.G5_BBS_URL}/point.php" target="_blank" id="ol_after_pt" class="member-point">
                    <i class="fa fa-tachometer"></i>
                    <small>{levelset.gnu_name}</small>
                    <h4 class="counter">{point}</h4>
                </a>
            </div>
            <div class="col-xs-6 text-right service-in">
                <small>{levelset.eyoom_name}</small>
                <h4 class="counter">{=number_format(eyoomer.level_point)}</h4>
            </div>
        </div>
        <div class="row statistics">
            <h3 class="heading-xs">Progress Bar <span class="pull-right">{lvinfo.ratio}%</span></h3>
            <div class="progress progress-xxxs progress-striped active">
                <div class="progress-bar progress-bar-danger" style="width: {lvinfo.ratio}%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="{lvinfo.ratio}" role="progressbar" class="progress-bar progress-bar-light">
                </div>
            </div>
        </div>

---

4. 그누보드5/eyoom/theme/설치된 테마/skin_bs/outlogin/basic/style.css 을 열고 다음과 같이 작업한다.
.ol-after .service-block-e .service-in h4 { 를 찾아 } 바로 위쪽에 다음 소스를 추가한다.

                
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding-top: 2px;

.ol-after .member-lv { 를 찾아 다음과 같이 수정한다.

.ol-after .member-lv {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

수정 후

.ol-after .member-lv {
                
    padding-top: 10px;                            
}

---

현재 루루홈의 아웃로그인 레이아웃이다.