/* 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;}
}