<!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="icon" type="image/png" sizes="16x16" href="https://zesugsl.com/theme/blog/img/favicon.png"><meta name="format-detection" content="telephone=no"><meta http-equiv="imagetoolbar" content="no"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title> | zesugsl.com</title><link rel="stylesheet" href="https://zesugsl.com/theme/blog/css/bootstrap.min.css"><link rel="stylesheet" href="https://zesugsl.com/js/font-awesome/css/font-awesome.min.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/js/sweetalert/sweetalert2.min.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/js/aos/aos.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/js/slick/slick.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/css/blog_style.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/skin/latest/pic_parallax_swiper/style.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/skin/popular/realtime_rank/style.css?ver=2303229"><link rel="stylesheet" href="https://zesugsl.com/theme/blog/css/bootstrap-icons.min.css"><script src="https://zesugsl.com/theme/blog/js/bootstrap.bundle.min.js"></script><script src="https://zesugsl.com/theme/blog/js/jquery-3.7.1.min.js"></script><script src="https://zesugsl.com/theme/blog/js/jquery-migrate-3.4.0.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/7.0.2/mediaelement.min.js"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"> <!--[if lte IE 8]><script src="https://zesugsl.com/js/html5.js"></script><![endif]--><script> // 자바스크립트에서 사용하는 전역변수 선언 var g5_url = "https://zesugsl.com"; var g5_bbs_url = "https://zesugsl.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="https://zesugsl.com/js/common.js?ver=2304171"></script><script src="https://zesugsl.com/js/wrest.js?ver=2304171"></script><script src="https://zesugsl.com/js/placeholders.min.js?ver=2304171"></script><script src="https://zesugsl.com/js/jquery.menu.js?ver=2304171"></script><script src="https://zesugsl.com/theme/blog/js/aos/aos.js?ver=2304171"></script><script src="https://zesugsl.com/theme/blog/js/slick/slick.js?ver=2304171"></script><script src="https://zesugsl.com/theme/blog/js/sweetalert/sweetalert2.min.js?ver=2304171"></script><script src="https://zesugsl.com/theme/blog/js/color-modes.js?ver=2304171"></script></head><body><!-- 콘텐츠 시작 --> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="check2" viewBox="0 0 16 16"> <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/> </symbol> <symbol id="circle-half" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/> </symbol> <symbol id="moon-stars-fill" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/> <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/> </symbol> <symbol id="sun-fill" viewBox="0 0 16 16"> <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/> </symbol> </svg> <div class="dropdown position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle"> <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)"> <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg> <span class="visually-hidden" id="bd-theme-text">Toggle theme</span> </button> <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text"> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false"> <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#sun-fill"></use></svg> Light <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false"> <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg> Dark <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> </button> </li> <li> <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true"> <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#circle-half"></use></svg> Auto <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg> </button> </li> </ul> </div> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="aperture" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="10"/> <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/> </symbol> <symbol id="cart" viewBox="0 0 16 16"> <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/> </symbol> <symbol id="chevron-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </symbol> </svg><!-- 팝업레이어 시작 { --><div id="hd_pop"> <h2>팝업레이어 알림</h2> <span class="sound_only">팝업레이어 알림이 없습니다.</span></div><script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script><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); $(".hd_pops" ).draggable();});</script> <!-- } 팝업레이어 끝 --><div class="container"> <div class="row"> <div class="col-12 py-3"></div> </div> <header class="lh-1 py-3 d-none d-xl-block"> <div class="row justify-content-between align-items-center"> <div class="col-sm-12 col-md-4 mb-3 logo_img d-none d-xl-block"> <a class="link-secondary" href="https://zesugsl.com"> <div style="font-size:32px;">zesugsl.com</div> </a> </div> <div class="col-sm-12 col-md-4 text-center mb-3"> <div class="container-fluid border bg-white border-2 border-secondary-subtle rounded-4 px-2"> <form name="fsearchbox" method="get" action="https://zesugsl.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 class="sound_only">검색어 필수</label> <div class="input-group input-group-lg w-100"> <input type="text" class="form-control border-0 focus-ring focus-ring-light" name="stx" maxlength="20" placeholder="검색어"> <button type="submit" value="검색" class="btn border-0"><i class="fa fa-search"></i></button> </div> </form> </div> <script> function fsearchbox_submit(f) { var stx = f.stx.value.trim(); if (stx.length < 2) { alert("검색어는 두글자 이상 입력하십시오."); f.stx.select(); f.stx.focus(); return false; } // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요. var cnt = 0; for (var i = 0; i < stx.length; i++) { if (stx.charAt(i) == ' ') cnt++; } if (cnt > 1) { alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다."); f.stx.select(); f.stx.focus(); return false; } f.stx.value = stx; return true; } </script> </div> <div class="col-sm-12 col-md-4 mb-3 d-none d-xl-block"> <div class="d-flex justify-content-center"><ul id="hd_qnb" class="ms-auto"> <!-- <li><a href="https://zesugsl.com/bbs/faq.php" title="알림" class="pushmsg" title="알림"><i class="fa fa-bell-o" aria-hidden="true"></i><span>알림</span><strong class="pushmsg-num">1</strong></a></li> --> <li><a href="https://zesugsl.com/bbs/faq.php" title="FAQ"><i class="fa fa-question" aria-hidden="true"></i><span>FAQ</span></a></li> <li><a href="https://zesugsl.com/bbs/qalist.php" title="1:1문의"><i class="fa fa-comments" aria-hidden="true"></i><span>1:1문의</span></a></li> <li><a href="https://zesugsl.com/bbs/current_connect.php" class="visit" title="접속자"><i class="fa fa-users" aria-hidden="true"></i><span>접속자</span><strong class="visit-num">1</strong></a></li> <li><a href="https://zesugsl.com/bbs/new.php" title="새글"><i class="fa fa-history" aria-hidden="true"></i><span>새글</span></a></li> <div class="btn-group dropstart"> <button type="button" class="btn btn-primary ms-2" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="fa fa-cog fa-spin" aria-hidden="true"></i></button> <ul class="dropdown-menu" style="min-width:150px"> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/login.php">로그인</a></li> <li class="py-1"><a class="dropdown-item small" href="https://zesugsl.com/bbs/register.php">회원가입</a></li> </ul> </div></ul></div> </div> </div> </header> </div> <main class="container-fluid container-xl"> <div class="row"> <div class="d-block d-xl-none mt-5"></div> <div class="col-lg-12 col-xl-9"> <div class="mb-4 rounded text-body-emphasis bg-body-secondary overflow-hidden"> <div class="pic_parallax_swiper_lt"> <div class="swiper-container main-slider loading"> <div class="swiper-wrapper"> <div class="swiper-slide"> <figure class="slide-bgimg" style="background-image:url('https://zesugsl.com/theme/blog/img/carousel/c_bg01.jpg')"> <img src="https://zesugsl.com/theme/blog/img/carousel/c_bg01.jpg" class="entity-img" /> </figure> </div> </div> <!-- 버튼 --> <div class="swiper-button-prev swiper-button-white"></div> <div class="swiper-button-next swiper-button-white"></div> </div> <!-- Thumbnail navigation --> <div class="swiper-container nav-slider loading bg-light position-absolute top-0 end-0 d-none d-md-block"> <div class="swiper-wrapper" role="navigation"> </div> </div></div><script src='https://zesugsl.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.js'></script><script src="https://zesugsl.com/theme/blog/skin/latest/pic_parallax_swiper/script.js"></script> </div> </div> <div class="col-lg-12 col-xl-3 d-none d-xl-block"> <div class="px-4 py-3 mb-3 bg-body-tertiary border rounded"> <div class="container"> <h2 class="fs-5 fw-bold text-center mb-2"><span class="sound_only">회원</span>로그인</h2> <form name="foutlogin" action="https://zesugsl.com/bbs/login_check.php" onsubmit="return fhead_submit(this);" method="post" autocomplete="off"> <div class="mb-2"> <input type="text" id="ol_id" name="mb_id" value="" class="form-control" placeholder="아이디"> </div> <div class="mb-1"> <input class="form-control" type="password" name="mb_password" id="ol_pw" value="" placeholder="비밀번호"> </div> <div> <input type="submit" id="ol_submit" value="로그인" class="btn btn-primary w-100 my-3"> </div> </form> <div> <div class="container p-0"> <div class="row"> <div class="col-12 small"> <div class="form-check form-check-inline"> <input class="form-check-input" type="checkbox" name="auto_login" value="1" id="auto_login"> <label class="form-check-label" for="auto_login">자동로그인</label> </div> <a href="https://zesugsl.com/bbs/register.php" class="link me-2">회원가입</a> <a href="https://zesugsl.com/bbs/password_lost.php" class="link">비번찾기</a> </div> </div> </div> </div></div> <script>jQuery(function($) { var $omi = $('#ol_id'), $omp = $('#ol_pw'), $omi_label = $('#ol_idlabel'), $omp_label = $('#ol_pwlabel'); $omi_label.addClass('ol_idlabel'); $omp_label.addClass('ol_pwlabel'); $("#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> </div> </div> <div class="row"> <div class="col-lg-12 col-xl-9"> <div class="container-fluid p-0 mb-4" data-aos="fade-up"> <style type="text/css">@media only screen and (max-width: 1180px) { .pic_img{width:100%;height:150px}} </style><div class="container-fluid"> <h4 class="mb-4 fs-6 fw-bold border-bottom pb-2"><a href="./gallery">전체 포스팅</a></h4> <div class="row"> </div></div></div> </div><!-- 왼쪽 끝--> <div class="col-lg-12 col-xl-3"><!-- 오른쪽 시작--> <div class="position-sticky" style="top: 2rem;"> <div class="card mb-3 d-none d-xl-block"> <div class="card-header fw-bold">최신글</div> <div class="card-body p-0"> <div class="container-fluid"> </div> </div> </div> <div class="px-2 py-3 mb-3 bg-body-tertiary border rounded"> <p class="fw-bold text-dark-emphasis border-bottom pb-2">실시간 인기 검색어</p> <style> article, div, span, em, ol, li, a{ margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; font-style:normal }</style><article> <div class="content_box rank_box popular_rank" id="popular_rank1"> <div class="box_tit"> <h3 class="tit"> </h3> <span class="box_menu"> <a href="javascript:void(0);" class="popular_rank1 rank1RankTab on">10일</a> <a href="javascript:void(0);" class="popular_rank2 rank2RankTab ">20일</a> <a href="javascript:void(0);" class="popular_rank3 rank3RankTab ">30일</a> </span> </div> <ol class="rank_list rank1 pr_1"> </ol> <ol class="rank_list rank2 pr_2" style="display:none"> </ol> <ol class="rank_list rank3 pr_3" style="display:none"> </ol> <div class="box_bottom rank_more" popular_type="g" page="1" style="width:100%;">11위 - 20위</div> </div></article> <script> function number_format(data) { var tmp = ''; var number = ''; var cutlen = 3; var comma = ','; var i; len = data.length; mod = (len % cutlen); k = cutlen - mod; for (i=0; i<data.length; i++) { number = number + data.charAt(i); if (i < data.length - 1) { k++; if ((k % cutlen) == 0) { number = number + comma; k = 0; } } } return number;} $(function(){ $('.rank1RankTab').click(function(){ $(this).siblings().removeClass('on'); $(this).addClass('on'); $('.popular_rank .rank_list').hide(); $('.popular_rank .pr_1').show(); $('.rank_more').attr('popular_type', 'g'); $('.rank_more').attr('page','1'); $('.rank_more').text('11위 - 20위'); }); $('.rank2RankTab').click(function(){ if($('.rank_list.rank2').index() < 0) { return false; } $(this).siblings().removeClass('on'); $(this).addClass('on'); $('.popular_rank .rank_list').hide(); $('.popular_rank .pr_2').show(); $('.rank_more').attr('popular_type', 'm'); $('.rank_more').attr('page','1'); $('.rank_more').text('11위 - 20위'); }); $('.rank3RankTab').click(function(){ $(this).siblings().removeClass('on'); $(this).addClass('on'); $('.popular_rank .rank_list').hide(); $('.popular_rank .pr_3').show(); $('.rank_more').attr('popular_type', 'mi'); $('.rank_more').attr('page','1'); $('.rank_more').text('11위 - 20위'); }); $('.rank_more').click(function(){ var type = $(this).attr('popular_type'); var page = number_format($(this).attr('page')); if(page > 4) page = 1; else page++; $('.popular_rank .rank_list').hide(); $('.popular_rank .'+type+'_'+page).show(); if(page == 1) $('.rank_more').text('11위 - 20위'); else if(page == 2) $('.rank_more').text('21위 - 30위'); else if(page == 3) $('.rank_more').text('31위 - 40위'); else if(page == 4) $('.rank_more').text('41위 - 50위'); else $('.rank_more').text('1위 - 10위') $('.rank_more').attr('page',page) }); });</script> </div> </div> </div><!-- 오른쪽 끝--> </div> <script> function windowPopup(url) { var popOption = "top=10, left=10, width=500, height=600, status=no, menubar=no, toolbar=no, resizable=no"; window.open(url, '새창', popOption); } </script></main> <div class="container py-5"></div> <div class="container-fluid border-top"> <footer class="row my-5"> <div class="col-sm-12 col-xl-3 mb-3"> </div> <div class="col-sm-12 col-lg-5 col-xl-4 mb-3"> <p class="mb-2">© zesugsl.com. All rights reserved.</p> <ul class="list-unstyled d-flex"></ul> </div> <div class="col-5 col-lg-2 col-xl-2 mb-3"> </div> <div class="col-5 col-lg-3 col-xl-2 mb-3"> <p class="fs-6 fw-bold mb-3">접속자집계</p><ul class="nav flex-column"> <li class="nav-item d-flex justify-content-between align-items-center mb-1"> <span class="fs-6 text-body-secondary">오늘</span> <span class="badge bg-primary rounded-pill">31</span> </li> <li class="nav-item d-flex justify-content-between align-items-center mb-1"> <span class="fs-6 text-body-secondary">어제</span> <span class="badge bg-primary rounded-pill">132</span> </li> <li class="nav-item d-flex justify-content-between align-items-center mb-1"> <span class="fs-6 text-body-secondary">최대</span> <span class="badge bg-primary rounded-pill">224</span> </li> <li class="nav-item d-flex justify-content-between align-items-center mb-1"> <span class="fs-6 text-body-secondary">전체</span> <span class="badge bg-primary rounded-pill">5,010</span> </li></ul> </div> <div class="col-2 col-xl-1 mb-3 text-end"> <a href="#"><i class="bi bi-arrow-up-square-fill fs-1 text-danger"></i></a> </div> <div class="d-flex flex-column flex-sm-row justify-content-between py-2 my-4 border-top"> </div> </footer> </div><div class="fixed-bottom text-center py-2 bg-light d-block d-xl-none"> <div class="row"> <div class="col"><a href="https://zesugsl.com" class="link border-0 rounded"><i class="bi bi-house-door fs-5"></i></a></div> <div class="col"> <div class="btn-group dropend"> <a class="link border-0 rounded" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="bi bi-grid-fill fs-5"></i></a> <ul class="dropdown-menu" style="min-width:150px"> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/faq.php">FAQ</a></li> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/qalist.php">1:1문의</a></li> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/current_connect.php">접속자</a></li> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/new.php">새글</a></li> </ul> </div> </div> <div class="col"> <div class="btn-group dropstart"> <a class="link border-0 rounded" data-bs-toggle="dropdown" aria-expanded="false" title="클릭메뉴"><i class="bi bi-gear fs-5"></i></a> <ul class="dropdown-menu" style="min-width:150px"> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/login.php">로그인</a></li> <li><a class="dropdown-item small" href="https://zesugsl.com/bbs/register.php">회원가입</a></li> </ul> </div> </div> <div class="col"><a href="https://zesugsl.com/bbs/content.php?co_id=map" class="link border-0 rounded"><i class="bi bi-geo-alt fs-5"></i></a></div> <div class="col"> </div> </div></div> <script> AOS.init({ duration: 1000 });</script> <script>$(function() { // 폰트 리사이즈 쿠키있으면 실행 font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));});</script><!-- } 하단 끝 --> </body></html> 
