@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 공감버튼 */
                      .container_postbtn {display: none;}
* {padding:0; margin:0; font-family: 'Pretendard-Regular'; font-size:11px; color:#142b4c; list-style: none; text-decoration:none; box-sizing:border-box; word-break:break-all; cursor:default; line-height:15px;}
input, textarea, ::placeholder{border-radius: 0; border:0; background:none; outline: none; -webkit-appearance: none; color:#b3cae9;}
img{vertical-align: bottom;}
a, a:link, a:visited, a:active{color: #b3cae9; text-decoration: none;}
::-webkit-scrollbar {width:1px; height:1px;}
::-webkit-scrollbar-thumb {width:1px;}
html{overflow-x: hidden;}
.clear{clear: both;}

.tistoryProfileLayerTrigger{display: none !important;}

/* Small Cute Blue Gray Pointer - From Cursors-4U.com */
* {
  cursor: url('https://cur.cursors-4u.net/cursors/cur-9/cur830.cur'), auto !important;
}


/*========== layout ==========*/
/*========== layout (1.5x) ==========*/

#container{
  position:relative;
  width:450px;        /* 300 × 1.5 */
  height:623px;       /* 415 × 1.5 */
  margin:80px auto 0;
}

#content{
  width:100%;
  height:450px;       /* 300 × 1.5 */
  padding:15px;
  overflow-y:auto;
  background:#fff3;
}

#under{
  padding:15px;
  height:calc(173px - 2px); /* 115 × 1.5 */
  background:#fff5;
}

#under .profile{
  float: right;
  position:relative;
  width:30%;
  height:100%;
}

#under .profile img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit: cover; /* ⭐ 이미지 비율 보호 */
}

#under .catebox{
  float: left;
  width: calc((100% - 30%) - 15px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#under .cwrap{
  position: static;
  width: 100%;
  height: auto;
}
*{
  font-size:13px;   /* 기존 11px → 체감 1.5배 */
  line-height:1.4;
}

#container{
  margin:80px auto;   /* 위아래 동일 */
}


.paging{
  width:100%;
  overflow:hidden;     /* float 정리 */
  padding:10px 5px 0;  /* 위 여백만 */
}

.paging .left{
  float:left;
}

.paging .right{
  float:right;
}


/*========== list ==========*/
.list_w:after{display: block; clear: both; content: '';}

#list_n{position:relative; padding:5px;}
#list_n .thumb_i{display: none;}
#list_n .list_c{width:100%; padding:11.5px;}
#list_n .list_c:first-child{border-top:1px solid #b3cae9;}
#list_n .list_t .title{float:left;}
#list_n .list_t .date{float: right;}


#list_g{position:relative; width:100%; margin-bottom:5px;}
#list_g .list_c{float: left; position:relative; width:calc(100% / 3);}
#list_g .thumb_i img{width:100%;}
#list_g .list_t{display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:#0005;}
#list_g .list_t .title{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; width:90%;}
#list_g .list_t .date{display: none;}


/*========== article ==========*/
.entry .article .title_wrap .title{float: left; padding:10px; font-weight:bold; }
.entry .article .title_wrap .date{float: right; padding:10px;}
.entry .article .ny{padding:10px; text-align:justify; }
.entry .article .detail .left .action_trail{display: inline-block; padding:0 2.5px;}
.entry .article .detail .left .tag_trail{display: inline-block; margin-left:-4px; padding:0 2.5px;}
.entry .article .detail .left .tag_trail a:before{content:'#';}
.entry .article .detail .admin{font-size:0;}
.entry .article .detail .admin a{display:inline-block; padding:0 2.5px; font-size:11px;}
.entry .article iframe{width:100%; border:0 !important;}

/*image*/
figure{margin:0;}
figure.imageblock{display: block !important;}
figure.imageblock.alignCenter{margin-bottom:0;}
figure.imagegridblock{margin:0;}
figure.imagegridblock .image-container > span{margin:0 !important; width:50% !important;}/*When the image is two in a row, half and half with no space*/

/*quote*/
blockquote[data-ke-style='style2'], blockquote[data-ke-style='style3']{font-size:11px; background:none; padding:10px; margin:2.5px 0; color:#b3cae9; line-height:15px;}
blockquote[data-ke-style='style3']{background:#eeeeee55;}

blockquote.tx-quote-tistory{padding:10px; margin:2.5px 0;}
blockquote.tx-quote-tistory p{font-size:11px; line-height:15px; color:#b3cae9;}

/*moreless*/
div[data-ke-type='moreLess'] .btn-toggle-moreless{color:#b3cae9; font-size:11px; line-height:15px; font-family:'Pretendard-Regular'; font-weight:bold; cursor:default;}
div[data-ke-type='moreLess'] .btn-toggle-moreless:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px;}/*folder icon*/
div[data-ke-type='moreLess'].open .moreless-content{margin:5px 0; padding:10px;}/*content area*/

.btn_more, .btn_less{height:auto; margin:0; font-size:11px; color:#b3cae9; text-align:initial; font-weight:bold;}
.moreless_content .btn_less:last-child{display: none;}
.btn_less:before, .btn_more:before{content:"\f07b"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:10px; margin-right:3px; padding:0; line-height:15px; vertical-align:initial;}/*folder icon*/
.moreless_content {display:block; width:100%; padding:10px !important; margin:5px 0 !important;}/*content area*/

/*download button*/
figure.fileblock{margin:0; width:auto; height:auto; border:0; border-radius:0;}
figure.fileblock a{height:auto;}
figure.fileblock a::after{display: none;}
figure.fileblock .name{max-width:100%; height:auto; font-weight:bold;}

span.imageblock > a{font-weight:bold;}
span.imageblock > a > img{display: none;}

/*video - 16:9 Optimization*/
figure[data-ke-type="video"]{position: relative; width: 100%;	padding-bottom: 56.25%;}
figure[data-ke-type="video"] iframe{position: absolute; left:0; width: 100%; height: 100%;}
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%; border:0 !important;}

/*postbtn*/
.container_postbtn{margin-top:15px;}

.container_postbtn .postbtn_like {
  border: 1px solid #b3cae9 !important; /* 테두리 색상 변경 우선순위 */
}
.container_postbtn .btn_post .ico_like /* 하트 */,
.container_postbtn .btn_post .ico_share /* 링크 */,
.container_postbtn .btn_post .ico_statistics /*통계 */,
.container_postbtn .btn_post .ico_etc /* 더보기 */ {
  filter: invert(1) brightness(0); /* 연한 회색 -> 검은색 필터 */
}
.container_postbtn{
   transform:scale(0.8);
     justify-content:left;
}
.container_postbtn .btn_post .ico_statistics {
  display: none; }
}

/*========== protect ==========*/

.entry .article{
  height:100%;
  display:flex;
}

.article_p{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:12px;
  padding:0;
}

.article_p input{
  width:90px;
  padding:6px;
  border:1px solid #b3cae9;
  background:#fff0;
  text-align:center;
}


/*========== taglog ==========*/
.taglog{font-size:0; padding:10px;}
.taglog a{display: inline-block; padding:5px 3px;}
.taglog a:hover{font-weight:bold;}
.taglog a:before{content:'#';}



/*========== notice ==========*/
.n_entry{padding:10px; margin-bottom:10px;}
.n_entry .title_wrap{font-weight:bold;}
.n_entry .article{text-align:justify;}



/*========== comment ==========*/
.comment_o{display: none; margin-top:15px;}
.comment .name {font-weight:bold;}
.comment ol{border-top: 1px solid #b3cae9;}
.comment .rp_wrap{padding:15px 0;}
.comment .rrp{margin:10px 10px 0px 30px; padding:10px; }
.comment .redel{float: right;}

.comment .Write{margin-bottom:20px;}
.comment textarea {	width:100%; height:70px; margin:auto; padding:10px; margin-bottom:10px; background:#fff0; resize:none;}
.comment .input{float: left;}
.comment .input input{width: 70px; line-height:25px; background:#fff0;}
.comment .check{display:inline-block;	margin-right:5px;}
.comment .check input[type="checkbox"]{display: none;}
.comment .check input[type="checkbox"]+label:before{display: inline-block;	content: '공개'; width:40px; line-height:25px; text-align:center;}
.comment .check input[type="checkbox"]:checked+label:before{content: '비밀';}
.comment .submit{display: inline-block;}
.comment .submit input {width:40px;	line-height:25px;	color:#b3cae9; background:#fff0;}



/*========== cover ==========*/
.cover_wrap .c_item:not(:last-child){margin-bottom:10px;}

.cover_notice{padding:10px;}
.cover_notice .txt{text-align:justify;}
.cover_notice .n-img img{width:100%;}

.cover_list .link{display: inline-block; width:100%; padding:10px;}

.cover_gallery .in{position:relative; padding:10px; }
.cover_gallery .in:after{display: block;  clear: both;  content: '';}
.cover_gallery .list_c{position:relative; float: left; width:calc(100% / 3);}
.cover_gallery .thumb_i img{width:100%;}
.cover_gallery .list_t{display: none; position:absolute; top:0; left:0; width:100%; height:100%; background:#0005;}
.cover_gallery .list_t span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; text-align:center; color:#fff;}



/*=====copyright=====*/
.yunicorn a{position:fixed; left: 13px; bottom: 10px; font-family:'Pretendard-Regular'; font-size: 10px; font-weight:bold; letter-spacing:1px;} /* 수정 및 삭제 금지 */
/*=====copyright=====*/


/* =========================
   MOBILE ONLY (FINAL)
========================= */
@media screen and (max-width: 768px){

  #container{
    width:320px;
    height:440px;
    margin:40px auto;
  }

  #content{
    height:320px;
  }

  #under{
    height:calc(120px - 2px);
    padding:8px;
  }

  *{
    font-size:12px;
    line-height:1.35;
  }

  #under .profile{
    width:24%;
  }

  #under .catebox{
    width: calc((100% - 24%) - 8px);
  }

}

[data-tistory-react-app="Namecard"] {
display: none;
}