소셜로그인을 적용하려구 했는데요

칠성님처럼 sir 커뮤니티를 보고 따라했는데

아웃로그인 스킨에

아래 소스를 적용하면 홈페이지가 깨져 버리네염 왜 그런걸 까요?>?

홈피 초보자는 답을 찾다 못찾아 여러분들의 도움을 요청합니다... ㅠㅠㅠㅠㅠㅠ

* 테마와 스킨은 이윰빌더 테마 제일 최신걸 사용하고 있습니다!*

<?php
if (!defined("_GUBOARD_")) exit; //개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

//add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
require_once(G5_PLUGIN_PATH.'/social_login/naver/naver_fun.php'); 
require_once(G5_PLUGIN_PATH.'/social_login/kakao/kakao_fun.php');
require_once(G5_PLUGIN_PATH.'/social_login/daum/daum_client.php');

$kakao = new Kakao(array(
        "REST_ID" => KA_CONSUMER_KEY,        // (*필수)REST ID  
        "RETURN_URL" => G5_PLUGIN_URL."/social_login/kakao/kalogin.php"      // (*필수)콜백 URL
  )
    );

$naver = new Naver(array(
        "CLIENT_ID" => NV_CONSUMER_KEY,        
        "CLIENT_SECRET" => NV_CONSUMER_SECRET,        
        "RETURN_URL" => G5_PLUGIN_URL."/social_login/naver/naverlogin.php"      // (*필수)콜백 URL
         )
    );

$daum = new Daum(array( 
        "CLIENT_ID" => DAUM_CONSUMER_KEY,        
        "CLIENT_SECRET" => DAUM_CONSUMER_SECRET,        
        "RETURN_URL" => G5_PLUGIN_URL."/social_login/daum/daumlogin.php"      // (*필수)콜백 URL
         )
    );

$nvstate = $naver->generate_state();
$dastate = $daum->generate_state();
$kastate = $kakao->generate_state();
?>

<script>

function slogin(lt) {
    if(lt =="naver") {
        var win = window.open("<?=NAVER_OAUTH_URL?>authorize?client_id=<?=NV_CONSUMER_KEY?>&response_type=code&redirect_uri=<?=NV_OAUTH_CALLBACK?>&state=<?=$nvstate?>", "네이버 아이디로 로그인","width=320, height=480, toolbar=no, location=no"); 
        var timer = setInterval(function() {   
            if(win.closed) {  
                window.location.reload();
            }  
        }, 500);  
    }
    else if(lt =="tw") {
        var win = window.open("<?=G5_PLUGIN_URL?>/social_login/tw/login.php", "twLogin","width=720, height=580, toolbar=no, location=no,resizable=yes"); 
        var timer = setInterval(function() {   
            if(win.closed) {  
                window.location.reload();
            }  
        }, 500); 
    }
    else if(lt =="fb") {
        var win = window.open("<?=G5_PLUGIN_URL?>/social_login/fb/login.php", "fbLogin","width=620, height=600, toolbar=no, location=no,resizable=yes"); 
        var timer = setInterval(function() {   
            if(win.closed) {  
                window.location.reload();
            }  
        }, 500); 
    }
    else if(lt =="daum") {
    var win = window.open("<?=DAUM_OAUTH_URL?>authorize?client_id=<?=DAUM_CONSUMER_KEY?>&response_type=code&redirect_uri=<?=DAUM_CALLBACK_URL?>&state=<?=$dastate?>", "다음 아이디로 로그인","width=520, height=700, toolbar=no, location=no"); 
        var timer = setInterval(function() {   
            if(win.closed) {  
                window.location.reload();
            }   
        }, 500); 
    }
    else if(lt =="kakao") {
        var win = window.open("<?=KAKAO_OAUTH_URL?>authorize?client_id=<?=KA_CONSUMER_KEY?>&response_type=code&redirect_uri=<?=KA_OAUTH_CALLBACK?>&state=<?=$kastate?>", "kakaologin","width=320, height=480, toolbar=no, location=no"); 
        var timer = setInterval(function() {   
            if(win.closed) {  
                window.location.reload();
            }
        }, 500); 
    }
    else if(lt =="gg") {
        var win = window.open("<?=G5_PLUGIN_URL?>/social_login/gg/login.php", "ggLogin","width=720, height=580, toolbar=no, location=no,resizable=yes"); 
        var timer = setInterval(function() {   
       if(win.closed) {  
                window.location.reload();
            }  
        }, 500);
    }
}

</script>

<img align="absmiddle" src="<?=$outlogin_skin_url?>/img/slogin_fb.jpg" border="0" width="25" height="25" style="cursor:pointer;" onclick="javascript:slogin('fb');">  <img align="absmiddle" src="<?=$outlogin_skin_url?>/img/slogin_tw.jpg" border="0" width="25" height="25" style="cursor:pointer;" onclick="javascript:slogin('tw');">  <img align="absmiddle" src="<?=$outlogin_skin_url?>/img/slogin_naver.jpg" border="0" width="25" height="25" style="cursor:pointer;" onclick="javascript:slogin('naver');">  <img align="absmiddle" src="<?=$outlogin_skin_url?>/img/slogin_daum.jpg" style="border-width:1px;border-color:rgb(102,102,102);border-style:solid;cursor:pointer;" width="25" height="25" onclick="javascript:slogin('daum');">  <img src="<?=$outlogin_skin_url?>/img/slogin_kakao.jpg" border="0" width="25" height="25" align="absmiddle"  style="cursor:pointer;" onclick="javascript:slogin('kakao');">

<img src="<?=$outlogin_skin_url?>/img/slogin_gg.png" border="0" width="25" height="25" align="absmiddle"  style="cursor:pointer;" onclick="javascript:slogin('gg');">