/* API 요청 후 컨텐츠 노출 (fadein) */
html.api-loading body {
    background: none !important;
}

.api-loading main { 
	visibility: hidden; 
}

.fade-in { animation: fadeIn .18s ease-out; }

@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
/* API 요청 후 컨텐츠 노출 (fadein) */

/* 요소 숨김 <div hidden></div> 형식으로 사용 */
[hidden] {
	display: none !important;
}

.hide {
	display: none !important;
}

/* label-style */
.label-style.checkbox {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}
.label-style.checkbox input[type="checkbox"] + .label-icon {
	display: flex;
	flex: 0 0 auto;
	position: relative;
	width: 24px;
	height: 24px;
	border: 1px solid #D1D5DB;
	border-radius: 4px;
}
.label-style.checkbox input[type="checkbox"] + .label-icon:after {
	position: absolute;
	top: 3px;
	left: 7px;
	width: 6px;
	height: 10px;
	border: solid #D1D5DB;
	border-width: 0 2px 2px 0;
	content: "";
	transform: rotate(45deg);
}
.label-style.checkbox input[type="checkbox"]:checked + .label-icon {
	border: 1px solid #FF0078;
	background: #FF0078;
}
.label-style.checkbox input[type="checkbox"]:checked + .label-icon:after {
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

#submitButton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background: var(--sitecolor1);
	font-size: 16px;
	color: #FFF;
}

/* 공유 레이어 */
.shareLayerCloseWrap{height:120px;}
.shareLayerClose{width:24px;height:24px;position:absolute;top:20px;bottom:auto;left:auto;right:20px;margin:auto;text-indent:-9999px;display:block;background:url(/m/images/ico-close.png)no-repeat center/100% 100%;}
.shareLayerCon+.shareLayerCon{margin-top:15%;}
.shareLayerTit{font-size:17px;margin-bottom:32px;font-weight:normal;letter-spacing:-.17px;line-height:17px;}
.shareLayer {display:none; position:fixed;top:0; left:50%; transform:translateX(-50%); width:100%; max-width:680px; height:100%; background-color:rgba(0,0,0,.7); z-index:9999;padding:0 8% 2.5rem;color:#fff;box-sizing:border-box;opacity:0;}
.shareLayer.on {display:block;opacity:1;animation:fadein .5s;}
.shareLayer ul{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;width:100%;}
.shareLayer ul li{width:23.5%;display:inline-block;margin-right:2%;padding-bottom:3vw;box-sizing:border-box;}
.shareLayer ul li:last-child {margin-right:0;}
.shareLayer ul li a{width:16vw;height:16vw;border-radius:50%;background-color:#fff;display:block;text-indent:-9999px;position:relative;margin:auto;overflow: hidden;}
.shareLayer-copy-link{display:table;width:100%;table-layout:fixed;border:1px solid #fff;box-sizing:border-box;cursor:pointer;}
.shareLayer-copy-link-url{display:table-cell;vertical-align:middle;padding:10px 21.5px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-family:'Arial';letter-spacing:0; line-height:24px; width:100%;font-size:16px;background:none;color:#fff;border:none;outline:none;box-sizing:border-box;}
.shareLayer-copy-link-button-wrapper{width:48px;height:45px;display:table-cell;vertical-align:middle;}
.shareLayer-copy-link-button{height:100%;width:100%;text-indent:-9999px;position:relative;top:3px;font-size:0;display:inline-block;}
.shareLayer-copy-link-button:before{width:1.3px;height:19px;content:'';display:block;background-color:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.shareLayer-copy-link-button:after{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:
no-repeat;background-position:50% 50%;background-image:url(/m/images/ico_chain_white.png);width:19px;height:19px;}
.shareLayer-item-anchor:after{display:block;content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:50% 50%}
.shareLayer-item-anchor[data-icon="google"]{background:#DC4A38;}
.shareLayer-item-anchor[data-icon="google"]:after{background-image:url(/m/images/icon-sns-google.png);width:2rem;height:2rem;}
.shareLayer-item-anchor[data-icon="kakaotalk"]{background:#F9E81E;}
.shareLayer-item-anchor[data-icon="kakaotalk"]:after{background-image:url(/m/images/kakaotalk.png);width:35px;height:35px;}
.shareLayer-item-anchor[data-icon="kakaostory"]{background:#FCF310;}
.shareLayer-item-anchor[data-icon="kakaostory"]:after{background-image:url(/m/images/kakaostory.png);width:2rem;height:2rem;}
.shareLayer-item-anchor[data-icon="message"]{background:#F9CA1E;}
.shareLayer-item-anchor[data-icon="message"]:after{background-image:url(/m/images/email.png);width:33.5px;height:33.5px;}
.shareLayer-item-anchor[data-icon="twitter"]{background:#2aa9e0;}
.shareLayer-item-anchor[data-icon="twitter"]:after{background-image:url(/m/images/icon-sns-twitter.png);width:29px;height:21px;}
.shareLayer-item-anchor[data-icon="facebook"]{background:#3b5998;}
.shareLayer-item-anchor[data-icon="facebook"]:after{background-image:url(/m/images/icon-sns-facebook.png);width:16px;height:28px;}
.shareLayer ul li.shareLayer-item:nth-child(4){display:block;}
.shareLayer-item-anchor[data-icon="blog"]{background:#00c73c;}
.shareLayer-item-anchor[data-icon="blog"]:after{background-image:url(/m/images/ic-naver-02.png);width:1.3rem;height:1.3rem;}
.shareLayer-item-anchor[data-icon="nvband"] {background:#1bcc21;}
.shareLayer-item-anchor[data-icon="nvband"]:after {background-image:url(/m/images/ico_nb.png);width:2rem;height:2rem;background-size:150%;}

@media(max-width:569px){
	.shareLayer .shareLayer-item-anchor[data-icon="message"]{display:none;}
	.shareLayer .shareLayer-item-anchor[data-icon="kakaotalk"]{display:none;}
	.shareLayer ul li.shareLayer-item:nth-child(4){display:block;}
}
@media(max-width:680px){
	.shareLayer .shareLayer-item-anchor[data-icon="message"]{display:block;}
	.shareLayer .shareLayer-item-anchor[data-icon="kakaotalk"]{display:block;}
	.shareLayer ul li.shareLayer-item:nth-child(4){display:block;}
}

@media(min-width:930px){
	body .mobileDomWrap .shareLayer {left: 50%;right: auto;transform:translateX(-50%); max-width:525px; padding:0 2% 2.2%;}
	.shareLayerTit {font-size:19px;}
	.shareLayer ul{width:100%;}
	.shareLayer ul li {width:33.3%;margin-right:0;}
	.shareLayer ul li a{width:5vw;height:5vw;}
}

@media(min-width:600px) and (max-width:929px){
	.shareLayer ul li a {width:13vw;height:13vw;}
}
/*공유 레이어 끝*/

#alert_pop {
    position: fixed;
    z-index: 999999999;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 525px;
    margin: 0 auto;
}

@media (max-width: 930px) {
    #alert_pop {
        max-width: 680px;
    }
}

.bfmWrap {
	max-width: 525px !important;
}
.bfmWrap.show {
	display: block !important;
}
.bfmWrap li a {
	gap: 8px;
}
.bfmWrap li.center {
    padding: 0 !important;
}
.bfmWrap li.center .special {
    position: absolute !important;
    bottom: -48px !important;
}
.bfmWrap li.center .special.on {
    left: 50% !important;
    bottom: -120px !important;
}
.anchorCover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.bfmWrap li.center .special.on .innerIcon {
	display: flex !important;
	flex-direction: column;
	gap: 8px;
}
.botFixMenu_bg {
	display: none !important;
}
.botFix_bg {
	height: 62px !important;
}

/* 공통 팝업 */
.popupTotalWrap {position: fixed;width: 80%;max-width: 300px;top: 50%;left:50%;transform:translate(-50%,-50%);background: #fff;border-radius:10px;overflow: hidden;box-shadow:0 3px 8px rgba(0,0,0,.3);z-index:1200;}
.popupTotalWrap .popHeader {height: 46px;line-height: 46px;padding:0 10px 0 15px;font-size: 18px;font-weight: 700;color: #000;border-bottom:1px solid #eee;position: relative;display: flex;align-items: center;}
.popupTotalWrap .popHeader .closePop {font-size: 30px;position: absolute;right: 5px;top: 10px;}
.popupTotalWrap .popBody {text-align: center;padding:20px 0;font-size: 15px;line-height: 20px;}
.popupTotalWrap .popBody .popIcon {padding-top:44px;background-repeat:no-repeat;background-position:top center;background-size:28px auto;font-size: 15px;}
.popupTotalWrap .popBody .textArea .tit {font-weight: 700;font-size: 16px;margin-bottom: 5px;}
.popupTotalWrap._livePopup .innerUl li .textFormImg {height:34px !important;}
.popupTotalWrap .popBtn {}
.popupTotalWrap .popBtn ul {display:flex;justify-content:space-between;}
.popupTotalWrap .popBtn li {flex-grow:1;}
.popupTotalWrap .popBtn li a {display: block;height:50px;line-height: 50px;color: #fff;background: #ccc;text-align: center;font-size: 16px;color: #000;}
.popupTotalWrap .popBtn li a.access {color: #fff;background:<%=cfgcolor1%>;}
@media(min-width:930px){
	.popupTotalWrap {width: 525px;right: 50%;margin-right: -530px;left: 50%;transition:.2s all;}
}
@media(max-width:929px) and (min-width:681px){
	.popupTotalWrap {width: 680px;right: auto;left:50%;margin-right: 0;transform:translate(-50%,-50%);transition:.2s all;}
}
@media(max-width:680px){
	.popupTotalWrap {width: 100%;right: auto;left:50%;margin-right: 0;transform:translate(-50%,-50%);transition:.2s all;}
}

.sweet-alert h2{font-size:16px;font-weight:bold;line-height: 1.6rem;}
.sa-button-container{margin-top:10px;}
.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative;}
.btnBS{background-color:#FF0078 !important;border-color:#FF7A73;outline:none !important;border:none;}
.sa-button-container .btnBS{padding:8px 20px;border:1px solid #ccc;color:#ccc;border-radius:5px;font-size:16px;}
.sa-button-container .btnBS.btnBS-primary{padding:8px 20px;border:0;border-radius:5px;}

/* ===== 공유 레이어 리뉴얼 hsb-share-x-2609 =====
   마크업과 스크립트는 그대로 두고 스타일만 덮는다.
   뒤에 오는 minishop.css 의 .shareLayer 를 이기려고 앞에 body 를 붙였다. */
@keyframes hsbShareUp{from{transform:translateY(28px)}to{transform:translateY(0)}}
body .shareLayer{padding:0;background-color:rgba(17,24,39,.55);color:#1b2430;font-family:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;}
body .shareLayer.on{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;animation:fadein .2s;}
body .shareLayer .shareLayerCloseWrap{position:relative;height:0;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;min-height:0;z-index:3;animation:hsbShareUp .26s cubic-bezier(.16,1,.3,1);}
body .shareLayer .shareLayerClose{width:32px;height:32px;top:28px;bottom:auto;right:20px;left:auto;margin:0;border-radius:50%;background-image:none;background-color:#f1f4f8;}
body .shareLayer .shareLayerClose:before,body .shareLayer .shareLayerClose:after{content:'';position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:1px;background:#4b5563;}
body .shareLayer .shareLayerClose:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
body .shareLayer .shareLayerClose:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
body .shareLayer .shareLayerWrap{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;position:relative;box-sizing:border-box;width:100%;background:#fff;border-radius:20px 20px 0 0;padding:28px 20px 24px;box-shadow:0 -12px 36px rgba(17,24,39,.2);max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:hsbShareUp .26s cubic-bezier(.16,1,.3,1);}
body .shareLayer .shareLayerWrap:before{content:'';position:absolute;top:10px;left:50%;margin-left:-19px;width:38px;height:4px;border-radius:2px;background:#e3e8ef;}
body .shareLayer .shareLayerCon+.shareLayerCon{margin-top:10px;padding-top:20px;border-top:1px solid #eef1f5;}
body .shareLayer .shareLayerTit{font-size:16px;line-height:22px;font-weight:700;letter-spacing:-.3px;color:#1b2430;margin-bottom:16px;}
body .shareLayer ul{width:100%;margin:0;}
body .shareLayer ul li{width:25%;margin-right:0;padding-bottom:14px;text-align:center;}
body .shareLayer ul li a{width:52px;height:52px;border-radius:16px;background-color:#f4f6f8;margin:0 auto;-webkit-transition:-webkit-transform .16s ease;transition:transform .16s ease;}
body .shareLayer ul li a:active{-webkit-transform:scale(.93);transform:scale(.93);}
body .shareLayer .shareLayer-item-anchor[data-icon="twitter"]{background:#000;}
body .shareLayer .shareLayer-item-anchor[data-icon="twitter"]:after{background-image:url(/m/images/x_logo.png);width:27px;height:27px;}
body .shareLayer .shareLayer-copy-link{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;border:0;border-radius:12px;background:#f4f6f8;padding:6px 6px 6px 14px;}
body .shareLayer .shareLayer-copy-link-url{display:block;-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;width:auto;min-width:0;padding:0;font-family:inherit;font-size:14px;line-height:20px;color:#6b7684;background:transparent;}
body .shareLayer .shareLayer-copy-link-button-wrapper{display:block;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:40px;height:40px;margin-left:10px;}
body .shareLayer .shareLayer-copy-link-button{width:40px;height:40px;top:0;border-radius:10px;background:#1b2430;}
body .shareLayer .shareLayer-copy-link-button:active{opacity:.75;}
body .shareLayer .shareLayer-copy-link-button:before{display:none;}
body .shareLayer .shareLayer-copy-link-button:after{width:17px;height:17px;}
@media(min-width:930px){
	body .mobileDomWrap .shareLayer{padding:0;}
	body .shareLayer .shareLayerTit{font-size:17px;}
	body .shareLayer ul li{width:25%;}
	body .shareLayer ul li a{width:56px;height:56px;}
}
/* 닫기 ✕ 는 scrap.js 가 시트 «안» 제목줄로 옮긴다. 아래는 옮겨진 뒤의 모양이고,
   위의 absolute 규칙은 JS 가 못 돌았을 때의 폴백이다. */
body .shareLayer .hsbShareHead{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:16px;}
body .shareLayer .hsbShareHead .shareLayerTit{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-width:0;margin-bottom:0;}
body .shareLayer .hsbShareHead .shareLayerClose{position:relative;top:auto;right:auto;bottom:auto;left:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:32px;height:32px;margin:0;}
/* 공유 레이어 리뉴얼 끝 */