묻고답하기

98edddea3f1229831ac5d750f4c718a0.png

 

찾아보니

헤더 인덱스 값을 바디 인덱스 값보다 더 높이라고  많은 분들이 말슴 하셧는데요 어디를 수정해야 할지 모르겠어요 ㅠㅠ

그리고 인터넷창을 홈페이지 보다 작게 만들면 레이아웃에 있던 위젯들을 다깨지는데 이것도 안깨지고 그냥 홈페이지 일부만 보일수있게 변경하는 법도 부탁드립니다 

스케치북5 레이아웃이구요  HTML/CSS 올려볼게요 ㅠㅠ

고수님들 부탁드립니다 

 

<!--@if(!$layout_info->no_mobile && !$_COOKIE['fakeM'])-->

{@Context::addHtmlHeader('<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />')}

<!--@end-->

 

<!--@if(class_exists(Mobile) && Mobile::isFromMobilePhone())-->

<load cond="__DEBUG__" target="../../common/js/jquery.js" usecdn="true" index="-100006" />

<load cond="!__DEBUG__" target="../../common/js/jquery.min.js" usecdn="true" index="-100006" />

<!--@end-->

 

<load target="css/layout.css" />

<load cond="$layout_info->colorset=='black'" target="css/black.css" />

<load target="js/layout.js" type="body" />

 

<block cond="!$layout_info->colorset">{@$layout_info->colorset = 'white'}</block>

<block cond="!$layout_info->frame">{@$layout_info->frame = 'ece'}</block>

<block cond="!$layout_info->bg_align">{@$layout_info->bg_align = 'center'}</block>

<block cond="!$layout_info->bg_repeat">{@$layout_info->bg_repeat = 'no-repeat'}</block>

<block cond="$_COOKIE['layout_font']">{@$layout_info->font = $_COOKIE['layout_font']}</block>

 

{@Context::addBodyClass($layout_info->colorset)}

 

<!--// 메인 메뉴 색상 순서 변경 (원하시는 순서로 배열하세요) -->

{@$_colorset_list = array('lightsky','orange','sky','green','lightpink','red','yellow','blue','purple','pink','greenyellow','deeppink')}

 

<!--@if($lang_type=='ko')-->

{@

$lang->signup = '가입하기';

$lang->profile = '내 정보';

$lang->best_font_dsc = '나눔고딕 등의 여러폰트를 섞어서 사용합니다';

$lang->best_font = '추천글꼴';

$lang->window_font = '맑은고딕';

$lang->tahoma = '돋움';

$lang->pc = 'PC버전으로 보기';

$lang->social = '소셜';

}

<!--@else-->

{@

$lang->signup = 'Sign Up';

$lang->profile = 'Profile';

$lang->best_font_dsc = 'Use different fonts';

$lang->best_font = 'Suitable';

$lang->window_font = 'Segoe UI';

$lang->tahoma = 'Tahoma';

if($lang_type=='jp') $lang->window_font = 'メイリオ';

$lang->pc = 'PC';

$lang->social = 'Social';

}

<!--@end-->

 

<style type="text/css">

body,input,textarea,select,button,table{font-family:<!--@if($layout_info->font=='ng')-->'나눔고딕',NanumGothic,ng,<!--@elseif($layout_info->font=='window_font')-->'Segoe UI',Meiryo,'맑은 고딕','Malgun Gothic',<!--@elseif($layout_info->font=='tahoma')-->Tahoma,'돋움',Dotum,<!--@end-->'Segoe UI',Meiryo,'Trebuchet MS','나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif}

<block cond="$layout_info->bg">

body{background-image:url({$layout_info->bg});background-position:top {$layout_info->bg_align};background-repeat:{$layout_info->bg_repeat};}

</block>

#xe{max-width:{$layout_info->xe_width}px}

#hd .hgroup{text-align:{$layout_info->logo_align};}

#hd h1 .home{top:{$layout_info->img_y}px;left:{$layout_info->img_x}px}

<block cond="$layout_info->hd_height">

#hd .hgroup{height:{$layout_info->hd_height-38}px}

#hd h1{padding-top:{($layout_info->hd_height-38)/2-19}px}

</block>

<block cond="!$layout_info->no_mobile">

.xe_mobile{display:none}

</block>

</style>

 

<!--// XHTML -->

<div id="xe" class="{$layout_info->frame} {$layout_info->reverse}">

<div cond="!$layout_info->notice && $XE_VALIDATOR_MESSAGE" id="layout_notice" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">

<p>{$XE_VALIDATOR_MESSAGE}</p>

</div>

<!--// 헤더 -->

<div id="hd" class="clear"> <a href="#content" class="skipToContent" onclick="jQuery('#content a:first').focus();return false">Skip to content</a>

 

<a href="http://...cafe24.com/index.php?module=lottery" onclick="popopen(this.href); return false">포인트복권</a>

<!--// 상단 우측 메뉴 -->

<ul id="top_mn"> 

<!--// 글꼴 버튼 -->

<li cond="$layout_info->font_btn" id="font_wrp" class="item">

<a id="font_btn" class="tg_btn" href="#font"><b>T</b><strong><!--@if($layout_info->font=='ng')-->나눔고딕<!--@elseif($layout_info->font=='window_font')-->{$lang->window_font}<!--@elseif($layout_info->font=='tahoma')-->{$lang->tahoma}<!--@else-->{$lang->best_font}<!--@end--></strong><span class="arrow down"></span></a>

<div id="font" class="tg_cnt"><button type="button" class="tg_blur"></button>

<ul>

<li class="ui_font<!--@if(!$layout_info->font)--> on<!--@end-->"><a href="#" title="{$lang->best_font_dsc}">{$lang->best_font}</a><em>✔</em></li>

<li class="ng<!--@if($layout_info->font=='ng')--> on<!--@end-->"><a href="#popup_menu_area">나눔고딕</a><em>✔</em></li>

<li class="window_font<!--@if($layout_info->font=='window_font')--> on<!--@end-->"><a href="#">{$lang->window_font}</a><em>✔</em></li>

<li class="tahoma<!--@if($layout_info->font=='tahoma')--> on<!--@end-->"><a href="#">{$lang->tahoma}</a><em>✔</em></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

<!--// 모바일 검색창, 사이트맵 버튼 -->

<li class="item m_yes_inline">

<a href="#site_srch" id="tg_site_srch" class="tg_btn"><strong>{$lang->cmd_search}</strong></a>

</li>

<!--// 로그인 -->

<li cond="!$is_logged" class="item">

<a href="#site_login" class="tg_btn"><strong>{$lang->cmd_login}</strong></a>

<div id="site_login" class="tg_cnt">

<include target="login.html" />

</div>

</li>

<li class="item">

<a cond="$is_logged" href="{getUrl('act','dispMemberLogout')}" class="login_btn"><strong>{$lang->cmd_logout}</strong></a>

<a cond="!$is_logged" href="{getUrl('act','dispMemberSignUpForm')}" class="login_btn">{$lang->signup}</a>

</li>

<!--// 프로필 -->

<li cond="$is_logged" class="item">

<a href="#profile" class="tg_btn">{$lang->profile}</a>

<div id="profile" class="tg_cnt"><button type="button" class="tg_blur"></button><button type="button" class="tg_close" title="Close this layer">X</button>

<h2>{$logged_info->nick_name}</h2>

<ul>

<li loop="$logged_info->menu_list=>$key, $val"><a href="{getUrl('act',$key,'member_srl','')}">{Context::getLang($val)}</a></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

<!--// 언어 -->

<li class="item">

<a href="#lang" class="tg_btn">{$lang_supported[$lang_type]}</a>

<div id="lang" class="tg_cnt"><button type="button" class="tg_blur"></button>

<ul>

<li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><a href="#" onclick="doChangeLangType('{$key}');return false">{$val}</a></li>

</ul><button type="button" class="tg_blur"></button>

</div>

</li>

</ul>

<!--// 메인로고 -->

<div class="hgroup ui_font">

<h1>

<a loop="$main_menu->list=>$key1,$val1" cond="!$layout_info->use_color && $val1['selected']" href="{$val1['href']}" class="on {@$_idx = 35}<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['selected'])-->{$_colorset_list[$_idx]}<!--@endif-->{@$_idx++}<!--@end-->">{$val1['link']}</a>

<a href="<!--@if($layout_info->index_url)-->{$layout_info->index_url}<!--@else-->{getUrl('')}<!--@end-->" class="home" style="position:relative;top:{$layout_info->img_y}px;left:{$layout_info->img_x}px"><img cond="$layout_info->logo_image" class="m_no_inline"|cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" /><img cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image_mobile}" class="m_yes_inline" alt="{$layout_info->logo_text}" /><block cond="!$layout_info->logo_image">{$layout_info->logo_text}</block></a>

</h1>

</div>

<!--// 중간메뉴 -->

<ul id="mid_mn" class="fr">

<li loop="$middle_menu->list=>$key,$val" cond="$val['link']"><a href="{$val['href']}" class="on"|cond="$val['selected']" target="_blank"|cond="$val['open_window']=='Y'">{$val['link']}</a></li>

<li cond="$grant->manager"><a href="{getUrl('','module','admin')}" target="_blank">Admin</a></li>

</ul>

<!--// 메인 메뉴 영역 -->

<div id="gnb_wrp" class="clear">

 

<!-- GNB -->

<ul id="gnb" class="ui_font">

{@$_idx = 0}

<li loop="$main_menu->list=>$key1,$val1" cond="$val1['link']" class="li1<!--@if($_idx > 3)--> m_li1_tg<!--@end-->">

<a class="a1 {$_colorset_list[$_idx]}<!--@if($val1['selected'])--> on<!--@end-->" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<block cond="$val1['list']">

<button type="button" class="tg_ul2 m_yes_inline"><strong>−</strong><span>+</span></button>

<ul class="ul2">

<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']" class="li2<!--@if($val2['selected'])--> on<!--@end-->">

<a class="a2" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}<b cond="$val2['list']">+</b></a>

<ul cond="$val2['list']" class="ul3">

<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']"><a class="a3<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>

</ul>

</li>

<li><button type="button" class="close_ul2 m_yes">{$lang->cmd_close}</button></li>

</ul>

</block>

{@$_idx++}

</li>

</ul>

<div cond="$_idx > 4" id="gnb_next" class="m_yes"><button type="button"><strong></strong><span></span></button>

<style type="text/css">

@media screen and (max-width:533px){

#gnb_wrp{padding-right:10px}

}

</style>

</div>

</div>

</div>

 

<!--// 프로모션 영역 -->

<div cond="$layout_info->promotion" id="promotion" class="clear"> {$layout_info->promotion} </div>

 

 

 

<!--// 컨테이너 -->

<div id="container" class="clear">

<!--// 좌측 메뉴 영역 -->

<div cond="$layout_info->frame=='ec' || $layout_info->frame=='ece'" id="snb">

<!--// 히든 로고 -->

<div id="hidden_logo"><a href="{$layout_info->hiddenLogo_url}"><strong cond="!$layout_info->hidden_logo" class="ui_font">Home</strong><img cond="$layout_info->hidden_logo" src="{$layout_info->hidden_logo}" alt="Logo" /></a></div>

<!--// LNB(2차 메뉴) -->

<ul loop="$main_menu->list=>$key1,$val1" cond="$val1['selected'] && $val1['list']" id="lnb" class="ui_font clear">

<li loop="$val1['list']=>$key2,$val2" cond="$val2['link']">

<a class="lnb_2nd<!--@if($val2['selected'])--> on<!--@end-->" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>

<ul cond="$val2['list']">

<li loop="$val2['list']=>$key3,$val3" cond="$val3['link']"><a class="lnb_3rd<!--@if($val3['selected'])--> on<!--@end-->" href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a>

</li>

</ul>

</li>

</ul>

<!--// 스크롤 버튼 -->

<div id="page_move">

<a class="back_to" href="#hd" onclick="return false" title="{$lang->cmd_move_up}"></a>

<a class="back_to" href="#ft" onclick="return false" title="{$lang->cmd_move_down}"></a>

</div>

</div>

 

<!--// 컨텐트 영역 -->

<div id="content" style="max-width:{$layout_info->content_width}px"|cond="$layout_info->frame=='ce' || $layout_info->frame=='ece'"><div id="gap"> {$content} </div></div>

 

<!--// 위젯 영역 (*위젯을 넣으시려면 <div class="section">위젯코드</div> 영역 안에 코드를 넣어서 사용하세요.) -->

<div cond="$layout_info->frame=='ce' || $layout_info->frame=='ece'" id="aside">

<div cond="$layout_info->calendar=='Y'" class="section calendar">

<object type="application/x-shockwave-flash" data="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" width="160" height="320" style="border:1px solid #DDD">

<param name="movie" value="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" />

<param name="wmode" value="opaque" />

</object>

</div>

<div cond="$layout_info->clock=='Y'" class="section clock">

<object type="application/x-shockwave-flash" data="layouts/sketchbook5/clock.swf" width="200" height="200">

<param name="movie" value="layouts/sketchbook5/clock.swf" />

<param name="wmode" value="transparent" />

</object>

</div>

<!--// 상단 커스텀 위젯 영역 -->

{$layout_info->custom1_wgt}

<!--// 카테고리 -->

<div cond="!$layout_info->category && $module_info->use_category=='Y'" class="section category">

<h2><a href="{getUrl('category','','page','','document_srl','')}">This Category</a><b></b></h2>

<div id="category" class="tNav">

{@ $pDepth = 0;}

<ul>

<block loop="$category_list=>$key,$val">

<block cond="$pDepth > $val->depth">

<block loop="$i=$val->depth; $i<$pDepth; $i++">

</ul>

</li>

</block>

{@ $pDepth = $val->depth}

</block>

<li class="<!--@if($category==$val->category_srl)-->active<!--@end--><!--@if($val->expand)--> open<!--@end-->">

<a href="{getUrl('document_srl','','category',$val->category_srl)}">{$val->text} <small>({$val->document_count})</small></a>

<block cond="$val->child_count">

{@$pDepth++}

<ul>

</block>

<block cond="!$val->child_count">

</li>

</block>

</block><!--//loop-->

<block loop="$i=0;$i<$pDepth;$i++">

</ul>

</block>

</li>

</ul>

</div>

</div>

<!--// 최근글 위젯 -->

<div cond="$layout_info->d_wgt" class="section doc">

<h2>Recent Articles<b></b></h2>

<img class="zbxe_widget_output" widget="content" skin="default" content_type="document" module_srls="{$layout_info->d_wgt}" list_type="normal" markup_type="list" page_count="2" option_view="title,regdate,nickname" order_type="desc" subject_cut_size="40" />

</div>

<!--// 커멘트 위젯 -->

<div cond="$layout_info->c_wgt" class="section cmt">

<h2>Recent Comment<b></b></h2>

<img class="zbxe_widget_output" widget="content" skin="default" content_type="comment" module_srls="{$layout_info->c_wgt}" list_type="normal" markup_type="list" page_count="2" option_view="title,regdate,nickname" order_type="desc" subject_cut_size="40" />

</div>

<!--// 태그 위젯 -->

<div cond="$layout_info->t_wgt" class="section tag">

<h2>Recent Tag<b></b></h2>

<img class="zbxe_widget_output" widget="tag_list" skin="default" list_count="30" module_srls="{$layout_info->t_wgt}" />

</div>

<!--// 하단 커스텀 위젯 영역 -->

{$layout_info->custom2_wgt}

</div>

</div>

 

<!--// 푸터 -->

<div id="ft" class="ui_font clear">

<!--// 하단 메뉴 -->

<ul cond="$bottom_menu->list || Mobile::isMobileCheckByAgent()" id="btm_mn">

<li><a href="{getUrl()}"><strong>Home</strong></a></li>

<li loop="$bottom_menu->list=>$key,$val" cond="$val['link']"><a href="{$val['href']}" target="_blank"|cond="$val['open_window']=='Y'">{$val['link']}</a></li>

<li class="m_yes_inline"><a href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}"><strong>{$lang->cmd_view_all}</strong></a></li>

<li class="m_yes_inline"><a href="#"><strong> {$lang->cmd_move_up}</strong></a></li>

</ul>

<p cond="$layout_info->address" id="address">{$layout_info->address}</p>

<p id="maker"><!--@if($layout_info->maker)-->{$layout_info->maker}<!--@else--><a href="http://www.xpressengine.com/" target="_blank">Powered by <strong>X</strong>press <strong>E</strong>ngine</a> / <a href="http://sketchbooks.co.kr/" target="_blank">Designed by Sketchbook</a><!--@end--></p>

</div>

</div>

 

<!--// 나눔고딕 -->

<div style="position:absolute;top:-999px;left:-999px;visibility:hidden;font-size:72px">

<p id="fontcheck_ng1" style="float:left;font-family:'나눔고딕',NanumGothic,monospace,Verdana !important">sketchbook5, 스케치북5</p>

<p id="fontcheck_ng2" style="float:left;font-family:monospace,Verdana !important">sketchbook5, 스케치북5</p>

</div>

<div cond="!$layout_info->layout_font" id="install_ng"><button type="button" class="tg_blur"></button><button class="tg_close">X</button>

<h3>나눔글꼴 설치 안내</h3><br />

<h4>이 PC에는 <b>나눔글꼴</b>이 설치되어 있지 않습니다.</h4>

<p>이 사이트를 <b>나눔글꼴</b>로 보기 위해서는<br /><b>나눔글꼴</b>을 설치해야 합니다.</p>

<a class="do" href="http://hangeul.naver.com" target="_blank">설치</a>

<a class="cancle close" href="#">취소</a><button type="button" class="tg_blur"></button>

</div>

 

<!--@if(Mobile::isMobileCheckByAgent())-->

<div>

<a cond="!$_COOKIE['fakeM']" class="m_yes" id="fakeM0" href="{getUrl('m',0)}">{$lang->pc}</a>

<a cond="$_COOKIE['fakeM'] && !$layout_info->no_mobile" id="fakeM1" href="{getUrl('m',1)}">{$lang->msg_pc_to_mobile}</a>

</div>

<style type="text/css">

#page_move{display:none}

</style>

<!--@else-->

<script cond="$layout_info->static!='Y'" type="text/javascript">

jQuery(function($){

$('#lnb').css({position:'fixed'});

$(window).scroll(function(){

if($(this).scrollTop() > $('#hd').height()-33) {

$('#hd').css('paddingTop',36).find('#gnb_wrp').css({position:'fixed',top:0,width:$('#xe').width()});

$('#hidden_logo:hidden').fadeIn();

} else {

$('#hd').css('paddingTop',0).find('#gnb_wrp').css({position:'static',width:'auto'});

$('#hidden_logo').hide();

};

});

});

</script>

<!--@end-->

<script cond="!$layout_info->no_mobile" type="text/javascript">

jQuery(function($){

$('#fakeM0').click(function(){

$.cookie('fakeM',true)

});

$('#fakeM1').click(function(){

$.cookie('fakeM',null)

});

});

</script>

 

 

태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/04/02] 묻고답하기 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ by 소라db952 *2
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/03/18] 포럼 XE 레이아웃 제작 일주일 코스 by 이온디
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
세종이엔지닷컴 게시판에 테스트라는 글자를 어떻게 없애나요? [3] file 2022.07.15 by YJSoft
Thunder28 게시판 등록시 버튼 날라다님 [1] file 2022.07.15 by YJSoft
배정현 코어 업데이트 이후에 HTTP ERROR 500 file  
부씨 FOOTER연락처를 수정하면 메인화면 게시글들이 모두 사라집니다ㅠㅠ [1] file 2022.07.23 by sejin7940
용이 기존 호스팅 홈페이지를 신규 호스팅에 그대로 복사하는 방법 문의 [1] 2022.07.23 by sejin7940
인천한량 레이아웃에 카피된 html 경로변경  
kew1o 사이트 잠금에서 안내문의 역활 [1] 2022.08.10 by YJSoft
kew1o 메인 페이지 하단 내용 삭제 [1] file 2022.08.10 by YJSoft
kew1o 기본레이아웃 메뉴 위치 변경 [1] file 2022.08.10 by YJSoft
dang 아이폰 검색안되는문제 [1] 2022.08.10 by YJSoft
dang 라이믹스 업데이트후 aplos 스킨 수정버튼 오류 [1] 2022.08.21 by sejin7940
지구를지켜라 도메인 주소 뒤에 /xe를 붙어야만 접속될 때 해결 방법이? [1] 2022.08.21 by himan
노랗노랗 홈페이지 디자인을 바꾸면 모든게 삭제됩니다. [2] 2022.08.22 by 노랗노랗
JhC html 수정하여 레이아웃변경 [1] file 2022.08.30 by YJSoft
옵저버 쇼핑몰의 상단에 가로로 메뉴들이 나오는데 간격을 %로 조정하고 싶습니다.  
pcline Fatal error: Cannot use 'Object' as class name as it is reserved in /pcline22/www/classes/object/Object.class.php on line 9 [6] 2022.09.04 by sejin7940
보통사람 현재 접속자 관리자 보이게 하는 방법 문의합니다. [2] file 2022.09.05 by 보통사람
pcline 404 Oops, Sorry. Page is not found! 에러가 나옵니다 [2] 2022.09.08 by sejin7940
ChangS xe 상대주소로 바꿀수 있나요? xbox [1] 2022.09.10 by sejin7940
휴앤유재활병원 이 애러문구 혹시 해결 가능할지... [1] 2022.09.13 by sejin7940
제이디600 Data too long for column ''color'' at row 1 무슨뜻인지?? [2] 2022.09.21 by 지오닷컴
railman 메인페이지에서 유튜브 자동으로 실행하는 방법  
나리 해외사이트만 차단하면 홈피가 먹통입니다. [1] 2022.10.06 by sejin7940
roks821 xe3에서 html 문서나 jpg 파일들을 불러 오지 못해요 [1] 2022.10.06 by sejin7940
내놔내놔 고수님들 풀페이지 적용시 탭키가 안먹힙니다..도와주세요 [2] 2022.10.06 by 내놔내놔
railman 구글 검색 시 등록되어 있지않음 또는 등록되어 있지만 문제가 있음. file  
☆~ 파일 첨부에 대한 질문입니다.  
하이젠버그 스케치북 게시판 목록에 IP 노출하는 방법 없을까요? [1] file 2022.10.27 by sejin7940
미래로꿈으로 도메인 리다이렉트 설정 문의드립니다. [1] 2022.10.27 by sejin7940
학부_문영제 긴급 롤백 어떻게 하나요? [1] 2022.10.31 by sejin7940