/* TCLE-only stylesheet; the publishing source is preserved separately. */
.tcle-page{margin:0;min-height:100vh;background:#F6EFE7}
.tcle-wrap{margin:0;width:100%;min-height:100vh;background:#F6EFE7}
.tcle-wrap *{box-sizing:border-box}
.tcle-wrap p,.tcle-wrap h1,.tcle-wrap h2,.tcle-wrap h3{margin:0}
:where(.tcle-wrap) button,:where(.tcle-wrap) input,:where(.tcle-wrap) textarea{font:inherit}
:where(.tcle-wrap) button{border:0;background:none;cursor:pointer;color:inherit}
.tcle-wrap button:disabled{opacity:.55;cursor:wait}
.tcle-wrap a{color:inherit;text-decoration:none}
.tcle-wrap img{max-width:100%}
.tcle-wrap .inner{width:100%;margin:0 auto}
.tcle-wrap button:focus-visible,.tcle-wrap a:focus-visible{outline:2px solid #2963af;outline-offset:3px}

/* Ridibatang */
@font-face {
    font-family: 'Ridibatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
	


.tcle-wrap{
	/* fluid — max 1100px | vw = size / 1100 * 100 */

	/* font — base 1100px | vw = size / 1100 * 100 */
	--font-70:clamp(32px, 6.36vw, 70px);
	--font-60:clamp(28px, 5.45vw, 60px);
	--font-54:clamp(26px, 4.91vw, 54px);
	--font-50:clamp(24px, 4.55vw, 50px);
	--font-36:clamp(22px, 3.27vw, 36px);
	--font-24:clamp(16px, 2.18vw, 24px);
	--font-20:clamp(15px, 1.82vw, 20px);
	--font-18:clamp(14px, 1.64vw, 18px);
	--font-14:clamp(12px, 1.27vw, 14px);
	--font-12:clamp(11px, 1.09vw, 12px);

	/* gap — small fixed */
	--gap-4:4px;
	--gap-6:6px;
	--gap-8:8px;
	--gap-10:10px;
	--gap-12:12px;
	/* gap — fluid */
	--gap-15:clamp(10px, 1.36vw, 15px);
	--gap-16:clamp(12px, 1.45vw, 16px);
	--gap-20:clamp(12px, 1.82vw, 20px);
	--gap-24:clamp(14px, 2.18vw, 24px);
	--gap-26:clamp(14px, 2.36vw, 26px);
	--gap-30:clamp(16px, 2.73vw, 30px);
	--gap-40:clamp(16px, 3.64vw, 40px);
	--gap-60:clamp(20px, 5.45vw, 60px);
	--gap-80:clamp(24px, 7.27vw, 80px);
	--gap-100:clamp(40px, 13.64vw, 100px);

	/* padding-x — small fixed */
	--px-4:4px;
	--px-8:8px;
	--px-10:10px;
	--px-12:12px;
	/* padding-x — fluid */
	--px-16:clamp(12px, 1.45vw, 16px);
	--px-20:clamp(12px, 1.82vw, 20px);
	--px-24:clamp(14px, 2.18vw, 24px);
	--px-32:clamp(16px, 2.91vw, 32px);

	/* width — icon fixed */
	--width-12:12px;
	--width-14:14px;
	--width-18:18px;
	--width-20:20px;
	--width-30:30px;
	--width-40:40px;
	--width-44:44px;

	/* padding — fluid, 숫자 = 데스크톱 max px */
	--pd-100:clamp(40px, 9.09vw, 100px);
	--pd-70:clamp(30px, 6.36vw, 70px);
	--pd-50:clamp(20px, 4.55vw, 50px);
	--pd-40:clamp(16px, 3.64vw, 40px);

	--border-e:#E4E4E4;
	--black0:#000;
	--gray7:#767676;
	--brown:#614A36;
	--white03:rgba(255,255,255,.3);
	--white06:rgba(255,255,255,.6);
	--white:#fff;
}

.tcle-wrap .font-70{font-size:var(--font-70);}
.tcle-wrap .font-60{font-size:var(--font-60);}
.tcle-wrap .font-54{font-size:var(--font-54);}
.tcle-wrap .font-50{font-size:var(--font-50);}
.tcle-wrap .font-36{font-size:var(--font-36);}
.tcle-wrap .font-24{font-size:var(--font-24);}
.tcle-wrap .font-20{font-size:var(--font-20);}
.tcle-wrap .font-18{font-size:var(--font-18);}
.tcle-wrap .font-14{font-size:var(--font-14);}
.tcle-wrap .font-12{font-size:var(--font-12);}

.tcle-wrap .bold{font-weight:700;}

.tcle-wrap .text-black0{color:var(--black0)}
.tcle-wrap .text-gray7{color:var(--gray7)}
.tcle-wrap .text-white{color:var(--white)}
.tcle-wrap .text-tcle{color:#2963AF !important;}
.tcle-wrap .bk-white{background:var(--white)}
.tcle-wrap .bk-brown{background:var(--brown)}
.tcle-wrap .bk-gray7{background:var(--gray7)}

.tcle-wrap .mo-show{display:none;}

.tcle-wrap .flex{display:flex; align-items:inherit;}
.tcle-wrap .flexbox{display:flex; justify-content:space-between; align-items:center;}
.tcle-wrap .flexcenter{display:flex; justify-content:center; align-items:center;}
.tcle-wrap .column{flex-direction:column;}
.tcle-wrap .row{flex-direction:row;}
.tcle-wrap .flex-wrap{flex-wrap:wrap;}
.tcle-wrap .flex-nowrap{flex-wrap:nowrap;}

.tcle-wrap .grid{display:grid;}
.tcle-wrap .grid-2{display:grid; grid-template-columns:repeat(2, 1fr);}
.tcle-wrap .grid-3{display:grid; grid-template-columns:repeat(3, 1fr);}

.tcle-wrap .justify-start{justify-content:flex-start;}
.tcle-wrap .justify-center{justify-content:center;}
.tcle-wrap .justify-end{justify-content:flex-end;}
.tcle-wrap .justify-between{justify-content:space-between;}
.tcle-wrap .justify-around{justify-content:space-around;}
.tcle-wrap .justify-evenly{justify-content:space-evenly;}

.tcle-wrap .items-start{align-items:flex-start;}
.tcle-wrap .items-center{align-items:center;}
.tcle-wrap .items-end{align-items:flex-end;}
.tcle-wrap .items-stretch{align-items:stretch;}
.tcle-wrap .items-baseline{align-items:baseline;}

.tcle-wrap .self-start{align-self:flex-start;}
.tcle-wrap .self-center{align-self:center;}
.tcle-wrap .self-end{align-self:flex-end;}

.tcle-wrap .flex1{flex:1;}
.tcle-wrap .flex-auto{flex:auto;}
.tcle-wrap .grow1{flex-grow:1;}
.tcle-wrap .shrink0{flex-shrink:0;}

.tcle-wrap .gap4{gap:var(--gap-4);}
.tcle-wrap .gap6{gap:var(--gap-6);}
.tcle-wrap .gap8{gap:var(--gap-8);}
.tcle-wrap .gap10{gap:var(--gap-10);}
.tcle-wrap .gap12{gap:var(--gap-12);}
.tcle-wrap .gap15{gap:var(--gap-15);}
.tcle-wrap .gap16{gap:var(--gap-16);}
.tcle-wrap .gap20{gap:var(--gap-20);}
.tcle-wrap .gap24{gap:var(--gap-24);}
.tcle-wrap .gap26{gap:var(--gap-26);}
.tcle-wrap .gap30{gap:var(--gap-30);}
.tcle-wrap .gap40{gap:var(--gap-40);}
.tcle-wrap .gap60{gap:var(--gap-60);}
.tcle-wrap .gap80{gap:var(--gap-80);}
.tcle-wrap .gap100{gap:var(--gap-100);}

.tcle-wrap .b500{font-weight:500;}
.tcle-wrap .text-left{text-align:left;}
.tcle-wrap .text-center{text-align:center;}
.tcle-wrap .text-right{text-align:right;}
.tcle-wrap .uppercase{text-transform:uppercase;}
.tcle-wrap .keep-all{word-break:keep-all;}

.tcle-wrap .noto{font-family: "Noto Sans KR", sans-serif;}
.tcle-wrap .point-font{font-family:'NanumPen'}
.tcle-wrap .spacing4{letter-spacing:4px;}

/* Position */
.tcle-wrap .psr{position:relative;}
.tcle-wrap .psa{position:absolute;}
.tcle-wrap .psf{position:fixed;}
.tcle-wrap .sticky{position:sticky;}

.tcle-wrap .top0{top:0;}
.tcle-wrap .left0{left:0;}
.tcle-wrap .right0{right:0;}
.tcle-wrap .bottom0{bottom:0;}

/* Width */
.tcle-wrap .w-auto{width:auto!important;}
.tcle-wrap .w-full{width:100%!important;}
.tcle-wrap .w-fit{width:fit-content;}
.tcle-wrap .min-w0{min-width:0;}
.tcle-wrap .max-full{max-width:100%;}
.tcle-wrap .width12{width:var(--width-12);}
.tcle-wrap .width14{width:var(--width-14);}
.tcle-wrap .width18{width:var(--width-18);}
.tcle-wrap .width20{width:var(--width-20);}
.tcle-wrap .width30{width:var(--width-30);}
.tcle-wrap .width40{width:var(--width-40);}
.tcle-wrap .width44{width:var(--width-44);}

/* Padding */
.tcle-wrap .px4{padding-left:var(--px-4)!important; padding-right:var(--px-4)!important;}
.tcle-wrap .px8{padding-left:var(--px-8)!important; padding-right:var(--px-8)!important;}
.tcle-wrap .px10{padding-left:var(--px-10)!important; padding-right:var(--px-10)!important;}
.tcle-wrap .px12{padding-left:var(--px-12)!important; padding-right:var(--px-12)!important;}
.tcle-wrap .px16{padding-left:var(--px-16)!important; padding-right:var(--px-16)!important;}
.tcle-wrap .px20{padding-left:var(--px-20)!important; padding-right:var(--px-20)!important;}
.tcle-wrap .px24{padding-left:var(--px-24)!important; padding-right:var(--px-24)!important;}
.tcle-wrap .px32{padding-left:var(--px-32)!important; padding-right:var(--px-32)!important;}
.tcle-wrap .pd5{padding:5px !important}

/* Height */
.tcle-wrap .h-auto{height:auto!important;}
.tcle-wrap .h-full{height:100%!important;}
.tcle-wrap .min-h0{min-height:0;}
.tcle-wrap .height20{height:20px;}
.tcle-wrap .height22{height:22px;}
.tcle-wrap .height36{height:36px;}
.tcle-wrap .height40{height:40px;}
.tcle-wrap .height44{height:44px;}
.tcle-wrap .height50{height:50px;}

/* Overflow */
.tcle-wrap .overflow-h{overflow:hidden;}
.tcle-wrap .overflow-a{overflow:auto;}
.tcle-wrap .overflow-x{overflow-x:auto;}
.tcle-wrap .overflow-y{overflow-y:auto;}

/* Cursor */
.tcle-wrap .pointer{cursor:pointer;}
.tcle-wrap .default{cursor:default;}

/* Radius */
.tcle-wrap .radius4{border-radius:4px;}
.tcle-wrap .radius6{border-radius:6px;}
.tcle-wrap .radius8{border-radius:8px;}
.tcle-wrap .radius10{border-radius:10px;}
.tcle-wrap .radius12{border-radius:12px;}
.tcle-wrap .radius16{border-radius:16px;}
.tcle-wrap .radius20{border-radius:20px;}
.tcle-wrap .radius-full{border-radius:999px;}

/* Aspect */
.tcle-wrap .aspect1{aspect-ratio:1;}
.tcle-wrap .aspect4-3{aspect-ratio:4/3;}
.tcle-wrap .aspect16-9{aspect-ratio:16/9;}

.tcle-wrap .object-cover{width:100%; height:100%; object-fit:cover; display:block;}

.tcle-wrap{background:#F6EFE7; height:100%; color:#000}
.tcle-wrap .inner{max-width:900px; padding-left:10px; padding-right:10px;}
.tcle-wrap .tcle-header{padding:10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}

.tcle-wrap .tcle-cont{padding:100px 0; font-family:"source-han-serif-korean", serif; font-size:17px; line-height:1.7; word-break:keep-all;}

.tcle-wrap .tcle-intro{padding:var(--gap-30); background:var(--white03)}

.tcle-wrap .tcle-ssam{grid-template-columns:1fr 1.5fr; padding:var(--pd-70) var(--pd-40); border-top:2px solid #000; border-bottom:2px solid #000; position:relative;}
.tcle-wrap .tcle-ssam::before{content:''; position:absolute; top:10px; width:100%; height:1px; background:#000}
.tcle-wrap .tcle-ssam::after{content:''; position:absolute; bottom:10px; width:100%; height:1px; background:#000}
.tcle-wrap .tcle-ssam .img{aspect-ratio:9/13;}

.tcle-wrap .iconmouse{width:20px; height:30px; border:2px solid var(--gray7); border-radius:100px; position:relative;}
@keyframes Mouse_act{0%{transform:translateX(-50%) translateY(2px); opacity:1} 30%{opacity:1} 100%{transform:translateX(-50%) translateY(12px); opacity:0}}
.tcle-wrap .iconmouse .ball{position:absolute; top:0; left:50%; animation:Mouse_act 1.5s ease-out infinite}

.tcle-wrap .tcle-qna .item{padding:var(--pd-50); background:var(--white03)}
.tcle-wrap .tcle-qna .item:nth-child(2n){background:var(--white06)}
.tcle-wrap .tcle-qna .q{color:#653912}

.tcle-wrap .tcl-comment .tit{line-height:1.2;}
.tcle-wrap .tcl-comment .tit::before, .tcle-wrap .tcl-comment .tit::after{content:''; position:absolute; top:50%; transform:translateY(-50%); left:-110px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='53' viewBox='0 0 60 53' fill='none'%3E%3Cpath d='M18.75 11.3346C16.7609 11.3346 14.8532 12.1307 13.4467 13.5478C12.0402 14.9649 11.25 16.8869 11.25 18.891V26.4474H26.25V52.8947H0V18.891C0 13.8808 1.97544 9.07579 5.49175 5.53304C9.00806 1.9903 13.7772 0 18.75 0V11.3346ZM52.5 11.3346C50.5109 11.3346 48.6032 12.1307 47.1967 13.5478C45.7902 14.9649 45 16.8869 45 18.891V26.4474H60V52.8948H33.75V18.891C33.75 13.8808 35.7254 9.07579 39.2418 5.53305C42.7581 1.9903 47.5272 0 52.5 0V11.3346Z' fill='%23DED0C1'/%3E%3C/svg%3E"); width:60px; height:53px; background-size:contain;}
.tcle-wrap .tcl-comment .tit::after{left:auto; right:-110px; transform:translateY(-50%) rotate(180deg);}

.tcle-wrap .tcle-reco{padding:var(--pd-40); background:var(--white03)}

.tcle-wrap .tcl-item img{filter:blur(2px); opacity:.5;}
.tcle-wrap .tcl-item-swiper{position:relative;}
.tcle-wrap .tcl-item-swiper .swiper{overflow:hidden;}
.tcle-wrap .tcl-item-prev,
.tcle-wrap .tcl-item-next{width:var(--width-40); height:var(--width-40); border:1px solid var(--black0); border-radius:100%; background:transparent; cursor:pointer; padding:0; transition:opacity .2s; position:absolute; top:50%; transform:translateY(-50%);}
.tcle-wrap .tcl-item-prev{left:calc(-1 * (var(--width-40) + 10px));}
.tcle-wrap .tcl-item-next{right:calc(-1 * (var(--width-40) + 10px)); left:auto;}
.tcle-wrap .tcl-item-prev.swiper-button-disabled,
.tcle-wrap .tcl-item-next.swiper-button-disabled{opacity:0; cursor:default;}
.tcle-wrap .tcl-item-prev svg,
.tcle-wrap .tcl-item-next svg{display:block;}
.tcle-wrap .tcl-item-next svg{transform:rotate(180deg);}

.tcle-wrap .tcl-review{padding:var(--pd-40) 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.tcle-wrap .tcl-review .item.grid{grid-template-columns:135px minmax(0,1fr);}
.tcle-wrap .tcl-review .item + .item{padding-top:var(--gap-20); margin-top:var(--gap-20); border-top:1px solid var(--border-e)}
.tcle-wrap .tcl-review .info{gap:var(--gap-40);}
.tcle-wrap .tcl-review .info > * + *::before{content:''; position:absolute; top:50%; left:-21px; width:3px; height:3px; border-radius:100%; background:#767676;}
.tcle-wrap .tcl-like{color:#767676; background:none; border:0; padding:0; cursor:pointer;}
.tcle-wrap .tcl-like.active svg{color:#EB4F4F;}
.tcle-wrap .tcl-re{display:none;}
.tcle-wrap .tcl-re.active{display:block; margin-top:var(--pd-40); padding:var(--gap-30); background:var(--white06);}
.tcle-wrap .tcl-textarea textarea{border-color:var(--border-e);}

.tcle-wrap .tcl-input-wrap{position:relative;}
.tcle-wrap .tcl-input{background:#DED0C1; padding:10px 0; width:100%;}
.tcle-wrap .tcl-input.is-fixed{position:fixed; bottom:0; left:0; right:0; z-index:90;}
.tcle-wrap .tcl-input input::placeholder{font-size:var(--font-18);}

.tcle-wrap .tcle-num{font-style:italic; opacity:.5; border-bottom:1px solid #333; line-height:1.2;}

@media (max-width: 767px) {
	.tcle-wrap :root{
		--font-70:clamp(32px, 9.09vw, 70px);
		--font-60:clamp(28px, 8vw, 60px);
		--font-54:clamp(26px, 7.27vw, 54px);
		--font-50:clamp(24px, 6.67vw, 50px);
		--font-36:clamp(22px, 5.45vw, 36px);
		--font-24:clamp(16px, 4vw, 24px);
	}

	.tcle-wrap .mo-hide{display:none;}
	.tcle-wrap .mo-show{display:block;}
	
	.tcle-wrap .grid-2{grid-template-columns:1fr;}
	.tcle-wrap .grid-3{grid-template-columns:1fr;}
	
	.tcle-wrap .mo-column{flex-direction:column;}
	.tcle-wrap .mo-row{flex-direction:row;}

	.tcle-wrap .mo-justify-start{justify-content:flex-start;}
	.tcle-wrap .mo-justify-center{justify-content:center;}
	.tcle-wrap .mo-justify-end{justify-content:flex-end;}
	.tcle-wrap .mo-justify-between{justify-content:space-between;}
	.tcle-wrap .mo-justify-around{justify-content:space-around;}
	.tcle-wrap .mo-justify-evenly{justify-content:space-evenly;}

	.tcle-wrap .mo-items-start{align-items:flex-start;}
	.tcle-wrap .mo-items-center{align-items:center;}
	.tcle-wrap .mo-items-end{align-items:flex-end;}
	.tcle-wrap .mo-items-stretch{align-items:stretch;}
	.tcle-wrap .mo-items-baseline{align-items:baseline;}

	.tcle-wrap .mo-gap4{gap:4px;}
	.tcle-wrap .mo-gap10{gap:10px;}

	.tcle-wrap .height36{height:30px;}
	.tcle-wrap .height40{height:35px;}
	
	.tcle-wrap .tcle-cont{line-height:1.5; font-size:var(--font-14);}
	.tcle-wrap .tcle-cont .logo svg{height:55px;}

	.tcle-wrap .tcle-ssam::before{top:5px}
	.tcle-wrap .tcle-ssam::after{bottom:5px}
	.tcle-wrap .tcle-ssam .img{aspect-ratio:1 / 1;}

	.tcle-wrap .iconmouse{border-width:1px;}
	.tcle-wrap .iconmouse .ball{width:7px}

	.tcle-wrap .tcl-review .item.grid{grid-template-columns:1fr;}
	.tcle-wrap .tcl-review .info > * + *::before{left:-11px; width:2px; height:2px;}
	.tcle-wrap .tcl-review svg{width:14px; height:14px;}
	.tcle-wrap .tcl-comment .tit::after{display:none;}

	.tcle-wrap .tcl-item-swiper .swiper{margin:0 -10px; padding:0 10px}

	.tcle-wrap .tcl-input button{width:50px; padding:0 !important}
}

.tcle-wrap [hidden]{display:none!important}
.tcle-wrap .tcl-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.tcle-wrap .tcl-author{display:flex;gap:6px;align-items:center}
.tcle-wrap .tcl-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.tcle-wrap .tcl-review>.item.grid{align-items:start}
.tcle-wrap .tcl-review .item>.flex.column{align-items:stretch;width:100%;min-width:0}
.tcle-wrap .tcl-review>.item>.tcl-author{flex-direction:column;align-items:flex-start}
.tcle-wrap .tcl-rebtn{align-self:flex-start}
.tcle-wrap .tcl-actions .del{margin-left:auto}
.tcle-wrap .tcl-re{display:block;align-self:stretch;width:100%;max-width:100%;min-width:0;margin-top:20px;padding:var(--gap-20);background:var(--white06)}
.tcle-wrap .tcl-re>div,.tcle-wrap .tcl-re>.tcl-textarea{width:100%;min-width:0}
.tcle-wrap .tcl-re .item{padding:20px 0}
.tcle-wrap .tcl-textarea textarea{width:100%;resize:vertical;border:1px solid #b9aa9d;border-radius:12px;padding:12px;background:white}
.tcle-wrap .tcl-pagination{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap}
.tcle-wrap .tcl-pagination button{padding:8px 15px;border:1px solid #93765c;border-radius:20px}
.tcle-wrap .tcl-status{font:16px sans-serif;text-align:center;min-height:24px}
.tcle-wrap .tcl-input textarea{border:0;resize:vertical;min-height:46px;max-height:160px;background:transparent}
.tcle-wrap .tcl-input .tcl-compose{border-radius:24px}
.tcle-wrap .tcl-like.active{color:#ae3b3b}
@media (max-width:768px){.tcle-wrap .tcl-review>.item>.tcl-author{flex-direction:row;align-items:center}}