.content-box {position: relative;}
.content-box .main-sub-bg01{position:absolute;top:min(20.8rem, 12.271vw);left:min(-26.9rem, 8.906vw);z-index:20;width: min(70.4rem, 24.531vw);height: min(72rem, 29.375vw);z-index: 0}
.content-box .main-sub-bg01 img {opacity: 0.2}
.content-box .main-sub-bg02{position:absolute;top: min(109.8rem, 55.271vw);right: min(-26.9rem, 8.906vw);z-index: 20;width: min(56.9rem, 22.76vw);height: min(61rem, 30.802vw);z-index: 0}
.content-box .main-sub-bg02 img {transform: rotate(345deg);opacity: 0.2}

.bg-text {max-width: 700px;width: 100%;padding: 64px 64px 128px;box-sizing: border-box;border: 1px solid #D8D8D880;background: #FFFFFF80;box-shadow: 0px 4px 64px 0px #0000000D;backdrop-filter: blur(20px);border-radius: 40px;}
.bg-text.right {margin-left: auto;margin-right: 0;}
.bg-text .h4-tit02 {text-align: right;font-family:Paperlogy;font-weight:700;font-size:32px;line-height:120%;letter-spacing:0;color: #006FD7;margin: 0 0 80px;}
.bg-text .h4-tit02 span {color: #696969;}

.list-creyon {display: flex;gap: 15px 40px;margin-left: 64px;margin-top: -80px;z-index: 1;position: relative;}
.list-creyon.right {margin-left: 0;margin-right: 64px;}
.list-creyon li {flex: 1;border-radius: 16px;overflow: hidden;}
.list-creyon li img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.list-creyon li:hover img {transform: scale(1.1);}
.ul-type-dot > li::before {background: #404040;}


@media screen and (max-width:1440px) {
	.content-box .main-sub-bg01 {left: min(-10.9rem, 8.906vw);}
	.content-box .main-sub-bg02{right: min(-10.9rem, 8.906vw);}
}

@media screen and (max-width:1024.98px) {
	.content-box .main-sub-bg01 {display: none;}
	.content-box .main-sub-bg02 {display: none;}
	
	.bg-text {max-width: unset;padding: 40px;}
	.list-creyon {margin: 20px 0 0;}
	.list-creyon.right {margin: 20px 0 0;}
}

@media (max-width: 768px) {
	.bg-text {padding: 25px;}
	.bg-text .h4-tit02 {font-size: 22px;margin: 0 0 30px;text-align: center;}
	.list-creyon {flex-direction: column;}
}