@charset "utf-8";

.util-list-sh {
	position:relative;
	display: inline-block;
	vertical-align: middle;
	margin:20px 20px 0 0;
	z-index:9999;
}
.util-list-sh > li {display:inline-block; position:relative;}
.util-list-sh > li > button {width:24px; height:22px; text-indent:-9999px; position:relative;}
.util-list-sh .sub-share-sh {background:url('../../images/common2/ico_sns.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.util-list-sh .sub-share-sh:hover.contentWrap .sub-util .box-sub-share {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.util-list-sh .sub-print-sh {background: url('../../images/common2/ico_print.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.util-list-sh .sub-print-sh:hover {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.util-list-sh .sub-print-sh:after{content:''; width:1px; height:20px; background-color:#e0e0e0; position:absolute; left:0; top:50%; margin-top:-10px;}

.box-sub-share-sh {position: absolute;right: 0px;top: 40px; opacity:0; overflow:hidden; max-height:0px; padding: 0 25px; height:0;  width: 310px; border: 1px solid #cecece;background: #fff;box-sizing:border-box; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); z-index:1;}
.box-sub-share-sh.on {opacity:1;max-height:1000px;height:auto;padding: 18px 25px;transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);text-align: left;}
.box-sub-share-sh .sns li{float: left; width: 32px; height: 32px; margin-right: 8px; background: url('../../images/common2/btn_sns.png') 0 0 no-repeat; text-indent: -5000px; cursor: pointer;}
.box-sub-share-sh .sns {display: inline-block; margin-bottom:10px;}
.box-sub-share-sh .sns li.btn_fb {background-position: left center;}
.box-sub-share-sh .sns li.btn_tw{background-position: -35px center;}
.box-sub-share-sh .sns li.btn_ks{background-position: -72px center;}
.box-sub-share-sh .sns li.btn_na{background-position: -109px center;}
.box-sub-share-sh .sns li a{display:block;height:100%;text-align: left;}
/*
.url_link-sh{margin:10px 15px 0 0;}
*/
.url_link-sh{
	margin:10px 0 0 0;
}
#qrcode{
	margin: 0 0 10px 0;
}
#qrcode img{
    width: 100px;
    height: 100px;
}

.box-sub-share-sh .url_link-sh label{position:absolute; height:0; overflow:hidden;}
.box-sub-share-sh .url_link-sh input {font-size: 14px;height: 25px; width:calc(100% - 60px); float:left; border: none;text-indent: 10px;padding: 10px 0; font-family: 'Noto Light'; color: #666;background-color: #ebeef3;}
.box-sub-share-sh .url_link-sh a {display: block;width: auto;height: 45px;width: 60px;background: url('../../images/common2/list_shareBg.png') no-repeat;text-indent: -9999px;float:left;text-align: left;}
.box-sub-share-sh button.close {background: url('../../images/common2/btn_fav_close.gif') center center no-repeat;width: 13px;height: 13px;text-indent: -5000px;position: absolute;right: 15px;top: 16px;}
#clip_tmp{position:absolute;top:-2000px;} 

.page-info-sh {
	text-align:right;
	overflow:visible !important;
}
.page-info-sh:after {
	content: '';
	display: block;
	clear: both;
	position:static !important;
}
.page-info-sh .page-title {
	text-align:left;
}


.util-fund {
    margin: -22px 0 0 0;
}
.util-museum {
	margin: 10px 0 0 0;
}

@media all and (max-width:1024px) {
	.util-fund {
		margin: -80px 0 0 0;
	}
}

@media all and (max-width:640px) {
	.util-fund {
		margin: -80px 0 0 0;
	}
}


.login_err_wrap {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	background:#fff;
	border:1px solid #ccc;
	z-index:999999;
}
.lerr_content {
	border-bottom:1px solid #ccc;
}
.lerr_bottom {
}

.lerr_content img {
	width:100%;
	max-width:800px;
}
.login_err_wrap a.err_close {
	display:block;
	padding:10px 0;
	font-size:18px;
	background:#fff;
}
.login_err_wrap a:hover.err_close {
	background:#efefef;
}

@media all and (max-width:980px) {
	.login_err_wrap {
		width:90%;
	}
}