@charset "utf-8";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face { font-family: 'seolleimcool'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/seolleimcool-SemiBold.woff2') format('woff2'); font-weight: normal;   font-style: normal; }
/* reset */
html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: clamp(8px, .52vw, 11px)
  }
*{text-decoration: none; padding: 0px; margin: 0px; box-sizing:border-box;  list-style:none}
div,li,p,input,table,select{font-size:1.6rem}
img{max-width: 100%;}
body{font-family: 'NanumSquareAc'; font-weight: 700; line-height: 1.3; color: #333; overflow-x: hidden; background:url(images/barcode.png) no-repeat right 10% top;}
a{color: inherit;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {  display: block; }
button, input[type=submit], input[type=reset], input[type=button] {  overflow: visible; cursor: pointer; }
input[type=text], input[type=email], input[type=password], input[type=submit], textarea {  -webkit-appearance: none; }
input, select, textarea, button {  font-family: Pretendard-Regular, sans-serif; font-size: 100%; border-radius: 0; }
button {  overflow: visible; margin: 0; padding: 0; border: 0; background: transparent; }
ul li {  list-style: none; }
img, fieldset {  border: none; vertical-align: top; }
hr {  display: none; }

/* 공통 */
#sidebar h1{text-align: center; font-family:'seolleimcool'; font-size: 2.5rem; color: #333;}
#sidebar h1 a{display: inline-block; text-align: left;}
#sidebar h1 span{display: block; position: relative;   margin-bottom: .15em; font-size: 4em; color: #fff; text-shadow:1px 1px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000;   line-height: 1em; }
#sidebar h1 span span{position: absolute; top: -3px; left: -3px; font-size:1em; color:#111}
.tt_category{border-top:4px  double #333; }

#foot{margin:auto; display: flex; justify-content: space-between; padding: 2em 0px 3em; max-width: 80%;}
#foot .blog_menu{display: flex; }
#foot .blog_menu ul{display: flex}
#foot .blog_menu li{font-family:'seolleimcool'; color: #888; position: relative; padding:0px 1rem; text-transform: uppercase; font-size: 1.4rem}
#foot .blog_menu li+li:before{display: block; content: ''; position: absolute; left: 0px; top: 2px; bottom: 2px; width: 1px; background: #ddd; }
#foot .copyright{font-family:'seolleimcool'; width: 64%; max-width:895px; text-align: right; color: #888; ; font-size: 1.4rem}
.here{display: none; margin-left: -100px; font-size: 11px; background: rgba(255,255,255,.5); padding: 1px; color:#666; height: 8px}
/*** 메인 ***/
.menu{display: none;}

/* #tt-body-index #contents{display: none;} */
#tt-body-index{margin-top:max(5.5vw, 70px)}
#tt-body-index #sidebar{display:flex}
#tt-body-index h1{width: 36%;}
#tt-body-index .category{position:relative; padding-top: 2rem; width: 64%;}
#tt-body-index .link_tit{display: none;} 
#tt-body-index .category .url{margin:1.5rem 1rem; font-size: 2.2rem; font-family:'seolleimcool';}
#tt-body-index .category_list {display: flex; align-items: flex-start; padding-left: 1.2em;  font-size: 1.5rem}
#tt-body-index .category_list>li{width: 20%; max-width:250px;padding: .5em 0px 0px 1em; border-left:1px solid #333; color: #000;}
#tt-body-index .category_list>li>a{display: inline-block; padding: 1em 0px; font-weight: 800}
#tt-body-index .category_list ul li{margin-bottom: 5px; font-size: .95em;}
#tt-body-index .category_list .c_cnt{display: none;}
#tt-body-index .category .blog_menu{display: none;}
/* 커버 */
#tt-body-index{background-color: #fafafa}
/* #tt-body-index{display: flex; flex-wrap: wrap; align-content: center; padding-top: 7rem}  */
#tt-body-index .tabi_date{font-size:1.6rem}
#tt-body-index .mythumbnail{margin-top: max(4vw, 3rem); padding-left: 23vw; width: 100%; overflow:hidden}
#tt-body-index .mythumbnail ul{width: 67%; ; white-space: nowrap}
#tt-body-index .mythumbnail ul>li{display: inline-block; padding-left: 1%; width: 33.33333%; max-width:350px;}
#tt-body-index .mythumbnail ul>li img{width: 100%; height: 100%; object-fit:cover}
#tt-body-index .mythumbnail ul>li a{display: block; position: relative; border-radius:1em; overflow:hidden; aspect-ratio:1/.825 }
#tt-body-index .mythumbnail ul>li a span{position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: .68vw .5em; font-size: 1.8rem; background: rgba(0,0,0,.7); color: #fff;}
/* 노멀 */
#tt-body-index #contents{margin: 4em auto; max-width: 80%;}
#tt-body-index #dkBody.tit_skin{display: none;}
#tt-body-index .list_type01{gap:2em}
#tt-body-index .con_type01{flex-direction: column; gap:0em; justify-content:space-around }
#tt-body-index .con_type01>*{width: 100%; height:auto; text-align: left;}
#tt-body-index .con_type01 .tabi_date span{display: inline-block; font-size: 1rem}
/*** 서브 ***/
body:not(#tt-body-index) #wrap{display: flex; flex-wrap: wrap}
body:not(#tt-body-index) #sidebar{width: 25%; padding: 0px 5%; background: #F9F9F9; min-height:100vh}
body:not(#tt-body-index) #sidebar h1{margin:3.1em 0px 2.5em; font-size:1.8rem}
body:not(#tt-body-index) .category{}
body:not(#tt-body-index) .category .url{display: none;}
body:not(#tt-body-index) .category_list{border-top:1px solid #333; font-size: 1.5rem; text-align: right;}
body:not(#tt-body-index) .category_list .sub_category_list{display: none; padding-bottom:1em}
body:not(#tt-body-index) .category_list>li{padding:0px 1rem 0px 1.5rem; border-bottom:1px solid #333; color: #000;}
body:not(#tt-body-index) .category_list>li>a, .link_tit{display: inline-block; padding: 1em 0px; font-weight: 800}
.link_tit{padding:1em 1rem 1em 1.5rem; }
body:not(#tt-body-index) .category_list>li>a .c_cnt{display: none;}
body:not(#tt-body-index) .category_list ul li{margin-bottom: 5px}
body:not(#tt-body-index) .blog_menu ul{display: flex; justify-content: right; gap:.5em; margin-top:1em; }
body:not(#tt-body-index) .blog_menu ul li{font-size:.85em;color: #888;}
body:not(#tt-body-index) #contents{width: 70%; padding:8rem 8vw 8rem}
body:not(#tt-body-index) #foot{display: none;}
body:not(#tt-body-index).rightmenu{background-position-x: right 25%;}
body:not(#tt-body-index).rightmenu  #wrap{justify-content: flex-end}
body:not(#tt-body-index).rightmenu  #sidebar{order:1}
body:not(#tt-body-index).rightmenu  #sidebar :where(h1, .category) {max-width: 320px;}
body:not(#tt-body-index).rightmenu  .category_list {text-align: left;}
/* 리스트 */
.list_title{padding-bottom: 2em; border-bottom:3px solid #333; }
.list_type01{display: flex; flex-wrap:wrap; padding:3.2rem min(3rem, 3%); border-bottom:1px dashed rgba(0,0,0,.3)}
.list_type01:has(.thumbnail){padding-top:1rem; padding-bottom: 1rem;}
body:not(#tt-body-index) .list_type01 .thumbnail{width:18%; aspect-ratio: 3 / 1.7; border-radius: 5px; overflow: hidden; }
body:not(#tt-body-index) .list_type01 .thumbnail img{width: 100%; height: 100%; object-fit: cover; }

.con_type01{display: flex; align-items: center; flex-grow: 1; gap:6rem; padding: .5em 0px;}
.con_type01 a:where(.tabi_info, .tabi_info){flex-grow: 1;}
.con_type01 .tabi_date{display:flex; flex-wrap:wrap; text-align:center; width: 11rem;height: 5.9rem; line-height: 1.2; overflow:hidden; font-size: 0px; }
.con_type01 .tabi_date span{font-size: 1.6rem;}
.con_type01 .tabi_date .tabi_year{flex-basis:100%; font-weight: 800; padding-right: .3rem; font-size:3.5rem; }
.con_type01 .tabi_date .tabi_day{flex-grow:1; flex-basis:40%; overflow:hidden}
.con_type01 .tabi_info{flex-grow:1}
.con_type01 .title{font-family: 'seolleimcool';font-size: 2.1rem;}
.con_type01 .others{display: flex; flex-wrap: wrap; margin-top: .7em; font-size: 1.4rem; color: #888;}
.con_type01 .others *{font-size: 1em;}
.listempty{text-align: center; margin-top:2em;}
.paging{text-align: center; margin-top:2em;}
.paging .numbox a{padding:0px 5px}
.paging .selected{display: inline-block; padding:5px 10px; aspect-ratio: 1/1; background: #333; color: #fff; border-radius: 50px;}
.inner_paging{display: flex; gap:10px; margin-top:2em; justify-content: center;}

/* 상세 */
.post_title{border-bottom:2px solid #eee}
.post_title_category{display: block; font-weight: 500; }
.post_title_tit{margin-top:.5em; font-family: 'seolleimcool'; font-size:2em; font-weight: bold; }
.post_title_info{display: block; text-align: right; margin:3em .5em .5em; font-size:.9em; color: #888;}
.post_title_admin{font-size:.8em; margin-top:1em}
.tt_article_useless_p_margin{padding:max(3em, 20px) 2px}
div[data-tistory-react-app="Namecard"]{display: none;}
.taglist{margin-bottom:3em; padding-left:.5em; font-size: 1.3rem; font-weight: 500;}
.another_category{padding: max(10px, 2%) max(10px, 3%) max(10px, 1.5%) !important; border-radius:.5em}
#contents .another_category :where(h4){font-size: 1.45rem !important; color:#333 !important}
#contents .another_category :where(th, td, th){font-size: 1.4rem !important; color:#333 !important; font-weight:500}
#contents .another_category :where(a){font-size:1em !important; color:currentColor !important}
.tt-box-total{padding-left: 2px;}
.tt_article_useless_p_margin .tabitrip_tourday{text-align:center; margin-bottom:3em !important; padding:10px !important; background:#f5f5f5}
/* .tabitrip_spot{border-bottom:1px solid #333; padding-bottom:3em; margin-bottom:3em;}
.tabitrip_spot ul{display: flex; align-items: flex-start; justify-content: center; gap:3%; list-style: none !important; }
.tabitrip_spot li{position: relative;; list-style: none !important; font-size:1.3rem;}
.tabitrip_spot li::before{display: block; content: ''; position: absolute; margin:auto; left:0px; right:0px; top:-10px; width: 5px; height: 5px; background-color: #0486c4; border:1px solid rgba(0,0,0,.1); border-radius: 10px;} */
/**/
.tt-box-total .tt_txt_g{ font-size: 2rem !important}

/* 공지사항 */ 
.entryNotice{margin-top: 5px;}
.entryNotice .titleWrap a{display: block; padding:1.5em min(5%, 5rem); background: #f0f0f0; border-radius:.5em}
.entryNotice .article{display: none;padding:1.5em min(5%, 5rem); }
.entryNotice .titleWrap.select a{background:#333; color:#fff}

/* 방명록 */
.tt-wrap-cmt .tt_date{font-size: 13PX !important; font-weight: 400; padding-top:12px !important}

/*************/
.container_postbtn{padding:3em 0px 10px !important; justify-content: flex-end}
.container_postbtn .postbtn_like{border:0px}