<!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://zesohwg.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> | zesohwg.com</title>
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/css/bootstrap.min.css">
<link rel="stylesheet" href="https://zesohwg.com/js/font-awesome/css/font-awesome.min.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/js/sweetalert/sweetalert2.min.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/js/aos/aos.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/js/slick/slick.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/css/blog_style.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/skin/latest/pic_parallax_swiper/style.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/skin/popular/realtime_rank/style.css?ver=2303229">
<link rel="stylesheet" href="https://zesohwg.com/theme/blog/css/bootstrap-icons.min.css">
<script src="https://zesohwg.com/theme/blog/js/bootstrap.bundle.min.js"></script>
<script src="https://zesohwg.com/theme/blog/js/jquery-3.7.1.min.js"></script>
<script src="https://zesohwg.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://zesohwg.com/js/html5.js"></script>
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url = "https://zesohwg.com";
var g5_bbs_url = "https://zesohwg.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://zesohwg.com/js/common.js?ver=2304171"></script>
<script src="https://zesohwg.com/js/wrest.js?ver=2304171"></script>
<script src="https://zesohwg.com/js/placeholders.min.js?ver=2304171"></script>
<script src="https://zesohwg.com/js/jquery.menu.js?ver=2304171"></script>
<script src="https://zesohwg.com/theme/blog/js/aos/aos.js?ver=2304171"></script>
<script src="https://zesohwg.com/theme/blog/js/slick/slick.js?ver=2304171"></script>
<script src="https://zesohwg.com/theme/blog/js/sweetalert/sweetalert2.min.js?ver=2304171"></script>
<script src="https://zesohwg.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://zesohwg.com">
<div style="font-size:32px;">zesohwg.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://zesohwg.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://zesohwg.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://zesohwg.com/bbs/faq.php" title="FAQ"><i class="fa fa-question" aria-hidden="true"></i><span>FAQ</span></a></li>
<li><a href="https://zesohwg.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://zesohwg.com/bbs/current_connect.php" class="visit" title="접속자"><i class="fa fa-users" aria-hidden="true"></i><span>접속자</span><strong class="visit-num">
3</strong></a></li>
<li><a href="https://zesohwg.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://zesohwg.com/bbs/login.php">로그인</a></li>
<li class="py-1"><a class="dropdown-item small" href="https://zesohwg.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://zesohwg.com/theme/blog/img/carousel/c_bg01.jpg')">
<img src="https://zesohwg.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://zesohwg.com/theme/blog/skin/latest/pic_parallax_swiper/swiper.min.js'></script>
<script src="https://zesohwg.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://zesohwg.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://zesohwg.com/bbs/register.php" class="link me-2">회원가입</a>
<a href="https://zesohwg.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">© zesohwg.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">88</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">181</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">272</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">4,741</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://zesohwg.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://zesohwg.com/bbs/faq.php">FAQ</a></li>
<li><a class="dropdown-item small" href="https://zesohwg.com/bbs/qalist.php">1:1문의</a></li>
<li><a class="dropdown-item small" href="https://zesohwg.com/bbs/current_connect.php">접속자</a></li>
<li><a class="dropdown-item small" href="https://zesohwg.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://zesohwg.com/bbs/login.php">로그인</a></li>
<li><a class="dropdown-item small" href="https://zesohwg.com/bbs/register.php">회원가입</a></li>
</ul>
</div>
</div>
<div class="col"><a href="https://zesohwg.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>