.SealMain{ position: relative;}
.Seal{ padding: 20px 0;}
.Seal.DescriptionBoxFold{ height: auto;}
.Seal h2 { display: flex; font-size: 30px; background: unset; height: auto; width: max-content; line-height: normal; padding: 0; margin: 0 auto; align-items: center;}
.Seal h2:before {content: "";background: url(../images/detail/transparentSeal/head-1.png) no-repeat;width: 44px;height: 30px;}
.Seal h2:after {content: "";background: url(../images/detail/transparentSeal/head-1.png) no-repeat;width: 44px;height: 30px;transform: rotateY(180deg);}
.Seal h2 span { border: 2px #4dc4a8 solid; padding: 2px; background: #c0fceb; border-radius: 26px;width: calc(100% - 88px);box-sizing: border-box;}
.Seal h2 span b { border: 2px #4dc4a8 dotted;text-align: center;height: 44px;border-radius: 22px;width: 100%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;color: #108f71;}
.Seal > p {padding: 20px;font-size: 16px;line-height: 25px;}
.Seal h3 { margin: 0 auto; width: max-content; border: 2px #4dc4a8 solid;line-height: 30px;text-align: center;background: #e1fff5;display: flex;font-size: 20px;border-radius: 16px;align-items: center;justify-content: space-between;color: #333; padding: 0 5px;}
.Seal h3:before {content: "";background: url(../images/detail/transparentSeal/head-2.png) no-repeat;width: 57px;height: 20px;}
.Seal h3:after {content: "";background: url(../images/detail/transparentSeal/head-2.png) no-repeat;width: 57px;height: 20px;transform: rotateY(180deg);}
.Seal h3 span{ display: flex; justify-content: center; align-content: center;}
.Seal ul img {width: 100%;}
.Seal ul.Materials { padding: 20px;display: flex; justify-content: center;}
.Seal ul.Materials li:nth-child(5n), .Seal ul.Materials li:last-child{margin-right: 0;}
.Seal ul.Stamps {padding: 20px 20px 0;}
.Seal ul.Stamps li {width: 49%;margin: 0 2% 3% 0;float: left;}
.Seal ul.Stamps li:nth-child(2n) {margin-right: 0;}
.Seal ul.Scenes {padding: 2%;background: #f0f0f0;margin: 20px;}
.Seal ul.Scenes li {width: 23.5%;margin: 0 2% 0 0;float: left;}
.Seal ul.Scenes li:nth-child(4n) {margin-right: 0;}
.SealMain .MaskLayerSeeAll{ position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; display: block; background-image: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);}
.SealMain .SeeAllBtn{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); cursor: pointer; text-decoration: underline; color: #90bfb6; font-size: 16px;}
.SealMain .SeeAllBtn:after{ margin-left: 10px; display: inline-block; content: ""; background: url(../images/detail/transparentSeal/icon_drop-down.png) no-repeat; width: 13px; height: 8px;}
.SealMain .SeeAllBtn.UnFold b{ display: none;}
.SealMain .SeeAllBtn.UnFold{ bottom: 0px;}
.SealMain .SeeAllBtn.UnFold:after{ transform: rotate(-180deg); margin: 0;}
@media (max-width: 767px) {
    .Seal{ padding: 20px 0; box-sizing: border-box;}
    .Seal h2:before,.Seal h2:after,.Seal h3:before,.Seal h3:after {display: none;}
    .Seal h2{font-size: 18px; width: 100%;}
    .Seal h2 span{width: 100%;}
    .Seal h2 span b { line-height: 18px; height: 40px; padding: 0 15px;}
    .Seal > p {padding: 10px 0; font-size: 14px; line-height: 20px;}
    .Seal h3 { width: 80%; box-sizing: border-box; line-height: normal;height: 35px;font-size: 15px;justify-content: center;border-radius: 18px;}
    .Seal h3:nth-of-type(1), .Seal h3:nth-of-type(2){ line-height: 17px; height: 42px;}
    .Seal h3:nth-of-type(3){ width: 70%;}
    .Seal h3 span{ padding: 0 10px;}
    .Seal ul.Materials {padding: 10px 0; flex-wrap: wrap;}
    .Seal ul.Materials li { width: 40%; margin: 0 10px 10px 0;}
    .Seal ul.Materials li:nth-child(2n){margin-right: 0;}
    .Seal ul.Stamps {padding: 10px 0;}
    .Seal ul.Stamps li{ float: none; width: 70%; margin: 0 auto 10px;}
    .Seal ul.Stamps li:nth-child(2n){ margin-right: auto;}
    .Seal ul.Scenes {margin: 10px 0 0;padding: 2% 2% 0;}
    .Seal ul.Scenes li {width: calc((100% - 10px) / 2);margin: 0 10px 10px 0;}
    .Seal ul.Scenes li:nth-child(2n) {margin-right: 0;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .Seal > p{ padding: 10px 0; font-size: 15px; line-height: 21px;}
    .Seal { padding: 20px 0; box-sizing: border-box;}
    .Seal h2 {font-size: 18px;}
    .Seal h2 span b{ padding: 0 20px;}
    .Seal h3 span{ padding: 0 16px;}
    .Seal ul.Materials{ padding: 10px 0px;}
    .Seal ul.Materials li{ width: 23.5%; margin-right: 2%;}
    .Seal ul.Stamps{ padding: 15px 10px 0;}
    .Seal ul.Scenes{padding: 10px; margin: 15px 0;}
}
@media (min-width: 1024px) and (max-width: 1365px) {
    .Seal h2 {font-size: 21px;}
    .Seal h2 span b{ padding: 0 30px;}
    .Seal h3{ font-size: 18px;}
    .Seal h3 span{ padding: 0 22px;}
    .Seal ul.Materials li{ width: 23.5%; margin-right: 2%;}
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .Seal ul.Materials{ padding: 15px 5px;}
    .Seal ul.Scenes{ padding: 10px; margin: 10px 0;}
}
@media (min-width: 1366px) and (max-width: 1535px) {
    .Seal h2 {font-size: 24px;}
    .Seal h2 span b{ padding: 0 40px;}
    .Seal h3 span{ padding: 0 28px;}
}
@media (min-width: 1536px) and (max-width: 1799px) {
    .Seal h2 {font-size: 27px;}
    .Seal h2 span b{ padding: 0 50px;}
    .Seal h3 span{ padding: 0 34px;}
}
@media only screen and (min-width: 1800px) {
    .Seal h2 span b{ padding: 0 60px;}
    .Seal h3 span{ padding: 0 40px;}
}
@media only screen and (min-width: 1263px) {
    .Seal ul.Materials li {width: 178px; margin: 0 25px 0 0;}
    .Seal ul.Stamps{ width: 945px; margin: 0 auto;}
    .Seal ul.Stamps li {width: 460px;margin: 0 25px 20px 0;}
    .Seal ul.Scenes {padding: 10px; width: 910px; margin: 20px auto;}
    .Seal ul.Scenes li {width: 220px;margin: 0 10px 0 0;}
}
@media only screen and (min-width: 1144px){
    .Seal ul.Materials li{ width: 178px; margin: 0 15px 0 0;}
}