@charset "utf-8";

.mainPopSld-wrap {display:none;position:fixed;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);z-index:999}
.mainPopSld-inwrap {position:relative;}
.mainPopSld-header {height:60px;padding:0 50px 0 20px;display:flex;align-items:center;background:#222;border-radius:5px 5px 0 0;}
.mainPopSld-pagination {color:#fff;}
.mainPopSld-arrow {display:flex;align-items:center;gap:15px;margin-right:20px;}
.mainPopSld-arrow button {position:relative;}
.mainPopSld-arrow button .icon {position:relative;display:block;width:12px;height:20px;}
.mainPopSld-arrow button .icon:before,
.mainPopSld-arrow button .icon:after {content:"";position:absolute;left:0;display:block;width:10px;height:2px;background:#fff;border-radius:20px;}
.mainPopSld-arrow button.prev .icon:before {top:6px;transform:rotate(-45deg);}
.mainPopSld-arrow button.prev .icon:after {bottom:6px;transform:rotate(45deg);}
.mainPopSld-arrow button.next .icon:before {top:6px;transform:rotate(45deg);}
.mainPopSld-arrow button.next .icon:after {bottom:6px;transform:rotate(-45deg);}
.mainPopSld-close-wrap {position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:2rem;}
.mainPopSld-chkBox {display:flex;align-items:center;gap:0.5rem;}
.mainPopSld-chkBox input {width:14px;height:14px;appearance:auto;}
.mainPopSld-chkBox label {color:#fff;font-size:13px;line-height:120%;}
.mainPopSld-close .icon {position:relative;display:block;width:20px;height:20px;}
.mainPopSld-close .icon:before,
.mainPopSld-close .icon:after {content:"";position:absolute;top:50%;left:50%;margin:-1px 0 0 -10px;display:block;width:20px;height:2px;background:#fff;}
.mainPopSld-close .icon:before {transform:rotate(45deg);}
.mainPopSld-close .icon:after {transform:rotate(-45deg);}
.mainPopSld figure {display:inline-block;user-select: none;-webkit-user-drag: none;}
.mainPopSld img {max-width:100%;user-select: none;-webkit-user-drag: none;}
.mainPopSld-item {display:none;overflow:auto;touch-action: pan-y;padding:30px;line-height:160%;}
.mainPopSld-item * {line-height:160%;}
.mainPopSld-item:has(figure) {padding:0;}
.mainPopSld-item:first-child {display:block;}
.mainPopSld-item,
.mainPopSld-item * {line-height:160%;max-width:100%;}
#mainPopSld {touch-action: pan-y !important;background:#fff;}
.mainPopSld-wrap .txtBox {padding:2rem;}
.mainPopSld-wrap .txtBox:empty,
.mainPopSld-wrap .txtBox:has(div.a11y:first-child:nth-last-child(1)) {padding:0;}


	@media screen and (max-width:600px){
	
		.mainPopSld-wrap {top:20px !important;left:20px !important;max-width:calc(100% - 40px) !important;}
		.mainPopSld-item {max-height:calc(100vh - 160px);}
		.mainPopSld img {max-height:calc(100vh - 160px) !important;}
	}

	@media screen and (max-width:370px){
		
		.mainPopSld-close-wrap {top:15px;}
		.mainPopSld-chkBox {width:75px;}
	}