/*@code title="CSS"*/
/* 높이값 지정은 기준엘리먼트에서 하면 됩니다 */
#mflick{width:100%;height:500px;}
/*code@*/
.short_txt {displaY:none;}
.addText, .d_none{display:none}
label.addText{display:none;}
div.addText{display:none;}
.m_zzim_btn{width:80px}
.m_reser_btn img{width:100% !important}

.detail div.form_substance .substance_list { flex-direction:row } /* row가 아닌 flex일 때 전화번호 복사표시 아래로 떨어짐 */
.addr_area .mod_addr { flex-direction:row } /* row가 아닌 flex일 때 전화번호 복사표시 아래로 떨어짐 */

.img_counting {
	background:rgba(0,0,0,.5);
	border-radius:20px;
	padding:10px 14px 8px 12px;
	font-weight:600;
	font-size: 12px;
	line-height: 7px;
	width:120px;
	height:32px;
	margin-left:-61px;
	z-index:100;
}
/*
.div_category_right{
	position: fixed;
	right: 0;
	width: 20%;
	height: 100%;
	background-color: rgba(0,0,0,.70);
	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	touch-action: none;
	top: 0;
	z-index: 10000;
}
*/
.div_imgbig_inner_left{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    background-color: #fff;

}
.imgheader {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
	z-index: 1;
}
.imgheader .title {
	font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    color: #000;
    text-align: center;
	background-color: #fff;
}
.imgheader .button {
	position: absolute;
    top: 0;
    right: 0;
    padding: 16px 15px;
	background-color: #fff;
}
.imgheader .button:before {
    background-image: url(/img/spIcon_svg.svg);
    background-size: 753px 746px;
    background-position: -219px -706px;
    width: 16px;
    height: 16px;
    display: block;
    content: "";
}
.imgheader .blind {
	overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
.imgbody {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 63px;
    left: 0;
    overflow: hidden;
    margin-bottom: calc(env(safe-area-inset-bottom));
	padding:0;
	margin:0;
}
.imgbody .img{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
}
.imgbottom {
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 9px 0 calc(env(safe-area-inset-bottom));
    background-color: #fff;
}
.imgbottom .ul{
	overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0 -2px 0 -3px;
    padding: 0 9px 9px;
    text-align: center;
    white-space: nowrap;
}
.imgbottom .ul .li{
    display: inline-block;
    padding: 0 2px 0 3px;
    vertical-align: top;
}
.imgbottom .ul .li button{
    display: block;
    overflow: hidden;
    position: relative;
    width: 45px;
    height: 45px;
}
.imgbottom .ul .li button:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid rgba(0,0,0,.07);
    background-color: rgba(255,255,255,.4);
    content: "";
}
.imgbottom .ul .li button img{
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: auto;
    margin: auto;
}


.section.blog{margin-top:10px}
.section #blog-scroll{position:absolute;top:-44px}
.section.blog p.title{position:relative;display:block;padding:15px 4% 15px calc(4% + 34px);font-size:20px;font-weight:600;background:url('/img/blog_profile.png')
no-repeat 4% 17px;background-size:24px 24px}
.section.blog .blog-item{padding:15px 0;width:100%;margin:0 auto;border-bottom:1px solid #ededed;position:relative}
/* 6개 부터 안보이게 */
.section.blog .blog-list .blog-item:nth-child(n + 6){display:none}
.section.blog .blog-list.more .blog-item:nth-child(n + 6){display:block}
.section.blog .blog-item .link .tit{word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.section.blog .blog-item .link .cont{position:relative;margin-top:15px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5em;height:2.8em;color:#999}
.section.blog .blog-item .link .writer{margin-top:10px;color:#222}
.section.blog .blog-item .link .writer .name{padding-left:16px;display:inline-block;font-size:12px}
.section.blog .blog-item .link .writer .name.naver{vertical-align:middle;background:url('/img/blog_naver.png')
no-repeat left 3px;background-size:12px 12px}
.section.blog .blog-item .link .writer .date{margin-left:5px;display:inline-block;font-size:12px}
/*.section.blog .blog-item .link{position:absolute;left:0;top:0;padding:0;width:100%;height:100%}*/

.section.blog .blog-item .link .tit {color:#222}
.section.blog .blog-item .link:visited .tit {color:#999}

.Blog__More__Button, .Blog__More__Button:focus, .Blog__More__Button:active {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.8889vw 0 4.4444vw;
    border-radius: 8px;
    background-color: rgb(234, 234, 234);
    font-size: 3.8889vw;
    font-weight: 500;
    line-height: 5.5556vw;
    letter-spacing: -0.1944vw;
    color: rgb(80, 80, 80);
    width: 100%;
    border: 0;
}
.section.blog .btn-submit-wrap i {
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-left: 2.2222vw;
    background: url(/img/blog_more_down.png) no-repeat;
    background-size: 11px 6px;
    vertical-align: middle;
}

/* 찜하기 했을 때 */
.icon-like-add:before {
    color: #F09300 !important;
}

.article-contact {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 320px;
    z-index: 100;
    border-top: 1px solid #e7e7e7;
}

.btnWishOff {
	position: absolute;
	z-index: 2;
	padding: 10px;
	background-image: url(/img/likeOff.svg);
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	content: '';
}

.btnWishOn {
	position: absolute;
	z-index: 2;
	padding: 10px;
	background-image: url(/img/likeOn.svg);
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	content: '';
}

.gallery {
  width: 100%;
}
.gallery-slider {
  width: 100%;
  height: auto;
}
.gallery-slider .swiper-slide {
  width: 100%;
  height: auto;
  max-height: 235px;
  background-color:#222;
  
}
.gallery-slider .swiper-slide img {
	display: block;
	width: auto;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gallery-multi {
  width: 100%;
  height: auto;
  margin:0 auto;
}
.gallery-multi .swiper-slide {
  width: 100%;
  height: auto;
}
.gallery-multi .swiper-slide img {
	display: block;
	width: 100%;
	max-width:580px;
	height:auto;
	max-height:1080px;
	margin: auto; /* 가운데 정렬 */
}

.gallery-thumbs {
  width: 100%;
  overflow: hidden;
  margin-bottom:10px
}
.gallery-thumbs .swiper-slide {
  width: 50px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  opacity: 0.1;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
}


.imgreviewheader {
	/* position: absolute; */
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
}
.imgreviewheader .title {
	font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    color: #000;
    text-align: center;
	background-color: #fff;
}
.imgreviewheader .button {
	position: absolute;
    top: 0;
    right: 0;
    padding: 16px 15px;
	background-color: #fff;
}
.imgreviewheader .button:before {
    background-image: url(/img/spIcon_svg.svg);
    background-size: 753px 746px;
    background-position: -219px -706px;
    width: 16px;
    height: 16px;
    display: block;
    content: "";
}
.imgreviewheader .blind {
	overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}
.imgreviewbody {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 63px;
    left: 0;
    overflow: hidden;
    margin-bottom: calc(env(safe-area-inset-bottom));
    padding:0;
    margin:0;
}
.imgreviewbody .img{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
}
.imgreviewbottom {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 9px 0 calc(env(safe-area-inset-bottom));
	background-color: #fff;
}
.imgreviewbottom .ul{
	overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0 -2px 0 -3px;
    padding: 0 9px 9px;
    text-align: center;
    white-space: nowrap;
}
.imgreviewbottom .ul .li{
    display: inline-block;
    padding: 0 2px 0 3px;
    vertical-align: top;
}
.imgreviewbottom .ul .li button{
    display: block;
    overflow: hidden;
    position: relative;
    width: 45px;
    height: 45px;
}
.imgreviewbottom .ul .li button:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid rgba(0,0,0,.07);
    background-color: rgba(255,255,255,.4);
    content: "";
}
.imgreviewbottom .ul .li button img{
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    width: 100%;
    height: auto;
    margin: auto;
}

.div_imgreview_inner_left{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    background-color: #fff;

}


.gallery-multi-review {
  width: 100%;
  height: auto;
  margin:0 auto;
}
.gallery-multi-review .swiper-slide {
  width: 100%;
  height: auto;
}
.gallery-multi-review .swiper-slide img {
	display: block;
	width: 100%;
	max-width:580px;
	height:auto;
	max-height:1080px;
	margin: auto; 
}

.gallery-thumbs-review {
  width: 100%;
  overflow: hidden;
  margin-bottom:10px
}
.gallery-thumbs-review .swiper-slide {
  width: 50px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  opacity: 0.1;
}
.gallery-thumbs-review .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs-review .swiper-slide img {
  width: auto;
  height: 100%;
}

/* Ai리뷰 영역 */
#divAIReview h1 { font-size: 1.2rem; line-height:2.5 }
#divAIReview h2 { font-size: 1.1rem; line-height:2.5 }
#divAIReview h3 { font-size: 1.0rem; line-height:2.0 }
#divAIReview p { margin-top:10px; margin-bottom: 10px; line-height:1.7 }
#divAIReview hr { display:block; }
#divAIReview ol {list-style: disc; margin-left: 10px; line-height: 25px; padding-bottom:10px;  }
#divAIReview ul {list-style: disc; margin-left: 10px; line-height: 25px; padding-bottom:10px;  }
#divAIReview li {list-style: disc; margin-left: 10px; line-height: 25px; }

#divAIReview2 h1 { font-size: 1.2rem; line-height:2.5 }
#divAIReview2 h2 { font-size: 1.1rem; line-height:2.5 }
#divAIReview2 h3 { font-size: 1.0rem; line-height:2.0 }
#divAIReview2 p { margin-top:10px; margin-bottom: 10px; line-height:1.7 }
#divAIReview2 hr { display:block; }
#divAIReview2 ol {list-style: disc; margin-left: 10px; line-height: 25px; padding-bottom:10px;  }
#divAIReview2 ul {list-style: disc; margin-left: 10px; line-height: 25px; padding-bottom:10px;  }
#divAIReview2 li {list-style: disc; margin-left: 10px; line-height: 25px; }

.LGfVK {
    position: relative;
    font-size: 16px;
    color: #555558;
    color: rgba(var(--gray30), 1);
    line-height: 2.1rem;
}
.LGfVK .Ibx24 {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 0 15px;
    color: #0266C6;
	font-size: 15px;
	
}
.LGfVK .Ibx24 .mLtOw {
    fill: #0266C6;
    width: 15px;
    height: 16px;
    margin: 10px 6px 0 0;
	vertical-align: top;
}

/* 원래 사이즈 + LIVE 텍스트 */
.toast{ position:fixed;left:50%;bottom:28px;transform:translateX(-50%);width:calc(100% - 36px);max-width:380px;background:rgba(0,0,0,.76);color:#fff;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;box-shadow:0 7px 20px rgba(0,0,0,.20);z-index:9999;animation:toast 4s ease-in-out infinite;display:none; }

.toast .main{ display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;color:#fff; }
.toast .main span { }

/* LIVE 텍스트 강조 */
.toast .main .live{ color:#ff3b30;font-weight:900;font-size:13px;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;flex:1; min-width:0; }
.toast .sub{ color:#d8d8d8;font-size:12px;font-weight:400;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif; white-space:nowrap; flex-shrink:0;}

@keyframes toast{
0%,8%{opacity:0;transform:translate(-50%,15px)}
18%,78%{opacity:1;transform:translate(-50%,0)}
90%,100%{opacity:0;transform:translate(-50%,15px)}
}

.reaction_wrap {max-width:420px;margin:0 auto;background:#fff;padding:24px 20px; font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}
.reaction_wrap .head {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}
.reaction_wrap .head .title {font-size:18px;font-weight:800}
.reaction_wrap .head .hint {font-size:12px;color:#999}
.reaction_wrap .grid {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reaction_wrap .grid .reaction_btn {border:1px solid #e8e8e8;padding:14px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer;}
.reaction_wrap .grid .reaction_btn.active {background:#fafafa}
.reaction_wrap .grid .reaction_btn .count {color:#c9151e;font-weight:800}


/* ai리뷰 */
.ai-review-shell{width:100%;max-width:1100px;margin:0 auto;background:#fff;min-height:100vh;overflow:hidden;}
.ai-review-shell .ai-review-inner{width:100%;max-width:760px;margin-left:0;margin-right:auto;padding:20px;}
.ai-review-shell .ai-review-inner .guide{font-size:12px;line-height:1.7;color:#888;margin-bottom:18px;}
.ai-review-shell .ai-review-inner .question{position:relative;border:1px solid #eee;background:#fafafa;padding:13px;margin-bottom:30px;}
.ai-review-shell .ai-review-inner .question:after{content:"";position:absolute;right:18px;bottom:-9px;width:14px;height:14px;background:#fafafa;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg);}
.ai-review-shell .ai-review-inner .question .question-title{font-size:12px;color:#999;font-weight:700;margin-bottom:8px;}
.ai-review-shell .ai-review-inner .question .question-text{font-size:15px;line-height:1.65;color:#333;}
.ai-review-shell .ai-review-inner .loading-area{border:1px solid #eee;background:#fff;padding:42px 18px 44px;text-align:center;margin-bottom:22px;}
.ai-review-shell .ai-review-inner .loading-area .loading-image{width:72px;height:72px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;}
.ai-review-shell .ai-review-inner .loading-area .loading-image .spinner{width:52px;height:52px;border:4px solid #eee;border-top-color:#f5a400;border-radius:50%;animation:spin 1s linear infinite;}

@keyframes spin{to{transform:rotate(360deg)}}

.ai-review-shell .ai-review-inner .loading-area .loading-title{font-size:18px;font-weight:bold;margin-bottom:10px;}
.ai-review-shell .ai-review-inner .loading-area .loading-desc{font-size:14px;line-height:1.65;color:#666;}
.ai-review-shell .ai-review-inner .result-area{display:none}
.ai-review-shell .ai-review-inner .result-area.active{display:block}
.ai-review-shell .ai-review-inner .result-area .place{padding-bottom:22px;border-bottom:1px solid #eee;}
.ai-review-shell .ai-review-inner .result-area .place .place-name{margin:0 0 10px;font-size:18px;line-height:1.2;letter-spacing:-0.5px;font-weight:bold;word-break:break-word;}
.ai-review-shell .ai-review-inner .result-area .place .place-desc{margin:0;font-size:15px;line-height:1.65;color:#555;}
.ai-review-shell .ai-review-inner .result-area .block{padding:19px 0;border-bottom:1px solid #eee;}
.ai-review-shell .ai-review-inner .result-area .block .block-title{font-size:16px;font-weight:bold;margin-bottom:12px;}
.ai-review-shell .ai-review-inner .result-area .block .summary{font-size:14px;line-height:1.45;font-weight:bold;}
.ai-review-shell .ai-review-inner .result-area .block .sub{margin-top:8px;font-size:14px;line-height:1.65;color:#666;}
.ai-review-shell .ai-review-inner .result-area .block .list{margin:0;padding:0;list-style:none;}
.ai-review-shell .ai-review-inner .result-area .block .list li{position:relative;padding:0 0 8px 13px;font-size:15px;line-height:1.65;}
.ai-review-shell .ai-review-inner .result-area .block .list li:before{content:"";position:absolute;left:1px;top:11px;width:4px;height:4px;background:#333;}
.ai-review-shell .ai-review-inner .result-area .block .tag-list{display:flex;flex-wrap:wrap;gap:8px;}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:7px 11px;border:1px solid #e8e8e8;background:#fafafa;font-size:14px;}
.ai-review-shell .ai-review-inner .result-area .block .info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
.ai-review-shell .ai-review-inner .result-area .block .info-grid .info-box{border:1px solid #eee;background:#fafafa;padding:12px;}
.ai-review-shell .ai-review-inner .result-area .block .info-grid .info-box .info-label{font-size:11px;color:#999;font-weight:bold;margin-bottom:6px;}
.ai-review-shell .ai-review-inner .result-area .block .info-grid .info-box .info-value{font-size:15px;line-height:1.5;}
.ai-review-shell .ai-review-inner .result-area .block .platform-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.ai-review-shell .ai-review-inner .result-area .block .platform-box{border:1px solid #eee;background:#fafafa;padding:10px;}
.ai-review-shell .ai-review-inner .result-area .block .platform-box.platform-name{font-size:12px;color:#777;font-weight:bold;margin-bottom:5px;}
.ai-review-shell .ai-review-inner .result-area .block .platform-box.platform-score{font-size:15px;font-weight:bold;color:#222;}
.ai-review-shell .ai-review-inner .result-area .block .review-box,.good-box,.bad-box{padding:13px;}
.ai-review-shell .ai-review-inner .result-area .block .review-box{border:1px solid #eee;background:#fafafa;}
.ai-review-shell .ai-review-inner .result-area .block .good-box{border:1px solid #e8efe8;background:#fafcf8;}
.ai-review-shell .ai-review-inner .result-area .block .bad-box{border:1px solid #f0e4e4;background:#fff9f9;}
.ai-review-shell .ai-review-inner .result-area .block .review-text{font-size:14px;line-height:1.65;color:#444;}
.ai-review-shell .ai-review-inner .result-area .block .source-tags{display:flex;flex-wrap:wrap;gap:7px;}
.ai-review-shell .ai-review-inner .result-area .block .source-tags .source-tag{padding:6px 10px;border:1px solid #e8e8e8;background:#fafafa;font-size:12px;color:#666;}
.ai-review-shell .ai-review-inner .result-area .note{margin-top:16px;padding-top:16px;border-top:1px solid #eee;font-size:12px;line-height:1.6;color:#888;}
.ai-review-shell .ai-review-inner .result-area .block .menu-tags{display:flex;flex-wrap:wrap;gap:8px;}
.ai-review-shell .ai-review-inner .result-area .block .menu-tags .menu-tag{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:7px 11px;border:1px solid #e8e8e8;background:#fafafa;font-size:14px;}

/* PC: 1100px shell + 좌측 콘텐츠 */
@media(min-width:768px){
body{	background:#f2f3f5;}
.ai-review-shell{margin:28px auto;min-height:auto;border:1px solid #eee;}
.ai-review-inner{max-width:760px;margin-left:0;margin-right:auto;padding:30px 32px 34px;}
.question{margin-bottom:34px;}
.place-name{font-size:32px;}
.place-desc{font-size:16px;}
.summary{font-size:22px;}
.block{padding:23px 0;}
.pc-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 34px;border-bottom:1px solid #eee;}
.pc-two-col .block{border-bottom:0;}
}

@media(min-width:768px) and (max-width:1160px){
.ai-review-shell{margin-left:30px;margin-right:30px;}
}

@media(max-width:767px){
.ai-review-shell{max-width:none;}
}

@media(max-width:360px){
.ai-review-inner{padding:18px 16px}
.info-grid,.platform-grid{grid-template-columns:1fr}
}