.region-atopy{container-type:inline-size;width:1200px;max-width:100%;margin:auto;font-family:'KoPubDotumLight',sans-serif;color:#555}
.region-atopy *{box-sizing:border-box}
.region-atopy :is(h2,h3,p,ul,ol){margin:0;padding:0}
.region-atopy strong{font-family:'KoPubDotumBold',sans-serif;font-weight:400}
.region-atopy .ra-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ddd;border-left:1px solid #ddd}
.region-atopy .ra-filters button{height:60px;margin:0;border:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:0;background:#f6f6f6;color:#555;font:inherit;font-size:21.333333px;cursor:pointer}
.region-atopy .ra-filters button[aria-pressed="true"]{border-top:4px solid #ff896f;background:#fff}
.region-atopy .ra-filters button:focus-visible{outline:2px solid #333;outline-offset:-5px}
.region-atopy .ra-panels>section[hidden]{display:none}
.region-atopy .ra-ages{height:35.833333cqw;padding-top:9.166667cqw}
.region-atopy .ra-ages h2{text-align:center;color:#ff896f;font-size:3.333333cqw;font-weight:400;line-height:1.4;letter-spacing:-.1cqw}
.region-atopy .ra-age-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;margin:2.333333cqw 5.333333cqw 0 5.75cqw}
.region-atopy .ra-age-links a{display:flex;flex-direction:column;align-items:center;height:18cqw;background:#111;color:white;box-shadow:.25cqw .25cqw .4cqw #aaa;text-decoration:none;padding-top:2.25cqw}
.region-atopy .ra-age-links strong{font-size:3cqw;line-height:1.4}
.region-atopy .ra-age-links span{font-size:2.333333cqw;line-height:1.5}
.region-atopy .ra-age-links em{font-size:2.333333cqw;color:#ff896f;font-style:normal;margin-top:2.5cqw}
.region-atopy .ra-quick{position:fixed;bottom:0;left:0;right:0;z-index:99999;width:1200px;max-width:100%;height:70px;display:flex;margin:auto}
.region-atopy .ra-quick a{display:flex;align-items:center;justify-content:center;gap:30px;width:33.333333%;background:#5c5955;color:white;text-decoration:none}
.region-atopy .ra-quick strong{font-size:30px}.region-atopy .ra-quick span{font-size:22px;color:#ff896f}
.region-atopy .ra-quick a:nth-child(2){background:#f7856e;color:#242424}.region-atopy .ra-quick a:nth-child(2) span{color:white}
@media(max-width:800px){
.region-atopy .ra-filters{position:fixed;top:65px;left:0;right:0;z-index:999}
.region-atopy .ra-filters button{height:50px;font-size:16px}
.region-atopy .ra-panels{margin-top:5em}
.region-atopy .ra-quick{display:none}
.region-atopy .ra-ages{height:46.7cqw;padding-top:9.2cqw;margin-bottom:90px}
.region-atopy .ra-age-links{margin-top:2.933333cqw}
}
@media(max-width:400px){.region-atopy .ra-filters button{height:40px;font-size:14.666667px}}
@media(max-width:768px){
.region-atopy .ra-ages h2{font-size:4cqw;line-height:1.2}
.region-atopy .ra-age-links{margin-top:2.8cqw}
.region-atopy .ra-age-links strong{font-size:3.2cqw}
.region-atopy .ra-age-links span,.region-atopy .ra-age-links em{font-size:2.4cqw}
}

.region-atopy .ra-quick strong{font-family:'KoPubDotumMedium',sans-serif}
@media(max-width:768px){
 .region-atopy .ra-age-links em{font-size:2.2cqw}
}

.region-atopy .ra-panels>.ra-separated{height:auto;background:white;margin-top:10cqw;padding:0 0 3cqw;border:1px solid #ddd}
.region-atopy .rn-title{font-size:3.75cqw;line-height:1.5;font-weight:400;color:white;background:#ff896f;width:34cqw;margin:auto;text-align:center}
.region-atopy .rn-features{display:grid;grid-template-columns:27% 1fr;border:1px solid #ff896f;margin:5.8cqw 5.8cqw 0;padding:1.8cqw 0;min-height:20cqw}
.region-atopy .rn-features>div{text-align:center;border-right:1px solid #ff896f;padding:1cqw}
.region-atopy .rn-features h3{font-size:2.166667cqw;line-height:1.5;font-family:'KoPubDotumBold',sans-serif;font-weight:400;color:#111}
.region-atopy .rn-features h3 span,.region-atopy .rn-features li>span{color:#ff896f}
.region-atopy .rn-features picture{display:block;width:9cqw;margin:2cqw auto 0}
.region-atopy .rn-features img,.region-atopy .rn-case img{display:block;width:100%;height:auto}
.region-atopy .rn-features ol{list-style:none;padding:0 4cqw 0 5.7cqw;align-self:center;font-size:1.833333cqw;line-height:2.25;letter-spacing:-.065cqw}
.region-atopy .rn-features li{list-style:none;float:none;width:auto}
.region-atopy .rn-type{margin-top:9.4cqw}
.region-atopy .rn-type h3{display:table;border-inline:.25cqw solid #ff896f;margin:auto;padding:0 1.5cqw;font-size:3.333333cqw;line-height:1.35;font-weight:400;letter-spacing:-.11cqw;color:#333;text-align:center}
.region-atopy .rn-type-features{display:table;list-style:none;margin:2cqw auto 2.8cqw;font-size:1.75cqw;line-height:2;letter-spacing:-.045cqw}
.region-atopy .rn-type-features li{list-style:none;float:none;width:auto}
.region-atopy .rn-case{margin:0 5.8cqw 4.6cqw}
.region-atopy .rn-case picture{display:block}
.region-atopy .rn-case figcaption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.3%;font-size:2cqw;line-height:1.65;color:white;text-align:center}
.region-atopy .rn-case figcaption span{background:#777}
.region-atopy .rn-case figcaption span:first-child{background:#aaa}
.region-atopy .rn-case figcaption span:last-child{background:#ff896f}
.region-atopy .rn-caution{margin:2cqw 9cqw 0;color:#888;font-size:1.388889cqw;line-height:1.5;text-align:center}
@media(max-width:768px){
.region-atopy .rn-title{font-size:clamp(23px,3.75cqw,32px);width:45cqw}
.region-atopy .rn-features{grid-template-columns:27% 1fr}
.region-atopy .rn-features h3{font-size:clamp(13px,2.166667cqw,20px)}
.region-atopy .rn-features picture{width:13cqw}
.region-atopy .rn-features ol{font-size:clamp(12px,1.833333cqw,18px);line-height:1.7;padding-inline:3cqw}
.region-atopy .rn-type h3{font-size:clamp(18px,3.333333cqw,28px);max-width:92%;word-break:keep-all}
.region-atopy .rn-type-features{font-size:clamp(12px,1.75cqw,17px);line-height:1.7;margin:3cqw 6cqw}
.region-atopy .rn-case figcaption{font-size:clamp(9px,2cqw,16px);line-height:1.6;white-space:nowrap}
.region-atopy .rn-caution{font-size:10px;line-height:1.6;margin-inline:5cqw;word-break:keep-all}
}

.region-atopy .rn-mobile-caption{display:none}
@media(max-width:768px){
.region-atopy .rn-mobile-caption{display:block;text-align:left;font-size:11px;line-height:1.6;padding:.7cqw 1cqw;color:#555}
.region-atopy .rn-mobile-caption span{color:#ff896f;margin-inline:.5em}
}

@media(max-width:768px){.region-atopy .ra-body.ra-separated .rn-title{width:70cqw}}
@media(min-width:769px){
.region-atopy .ra-body.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-body.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-body.ra-separated .rn-features picture{width:8.5cqw;margin-top:.5cqw}
}

@media(min-width:769px){
.region-atopy .ra-hand.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-hand.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-hand.ra-separated .rn-features picture{width:9.833333cqw;margin-top:.5cqw}
}

@media(min-width:769px){
.region-atopy .ra-foot.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-foot.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-foot.ra-separated .rn-features picture{width:10cqw;margin-top:.5cqw}
}

@media(min-width:769px){
.region-atopy .ra-arm.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-arm.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-arm.ra-separated .rn-features picture{width:13cqw;margin-top:.5cqw}
}
@media(max-width:768px){
.region-atopy .ra-arm.ra-separated .rn-title{width:75cqw}
.region-atopy .ra-arm.ra-separated .rn-features h3 span{word-break:keep-all;overflow-wrap:normal}
.region-atopy .ra-arm.ra-separated .rn-features picture{width:15cqw}
}

@media(min-width:769px){
.region-atopy .ra-leg.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-leg.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-leg.ra-separated .rn-features picture{width:7.8cqw;margin-top:.5cqw}
}
@media(max-width:768px){
.region-atopy .ra-leg.ra-separated .rn-title{width:80cqw}
.region-atopy .ra-leg.ra-separated .rn-features h3 span{word-break:keep-all;overflow-wrap:normal}
}

@media(min-width:769px){
.region-atopy .ra-buttock.ra-separated .rn-features>div{padding:0 1cqw}
.region-atopy .ra-buttock.ra-separated .rn-features h3{line-height:1.2}
.region-atopy .ra-buttock.ra-separated .rn-features picture{width:8.333cqw;margin-top:.5cqw}
}

@media(max-width:768px){
.region-atopy .ra-ages{height:auto;padding-bottom:10cqw}
.region-atopy .ra-ages h2{font-size:clamp(18px,4cqw,30px);line-height:1.4}
.region-atopy .ra-age-links a{height:auto;min-height:18cqw;padding:clamp(10px,2.25cqw,18px) 2px}
.region-atopy .ra-age-links strong{font-size:clamp(13px,3.2cqw,24px);white-space:nowrap}
.region-atopy .ra-age-links span{font-size:clamp(11px,2.4cqw,18px);white-space:nowrap}
.region-atopy .ra-age-links em{font-size:clamp(12px,2.4cqw,18px);margin-top:clamp(12px,2.5cqw,20px)}
}

.region-atopy .rn-type-features li{position:relative;padding-left:1.65em}
.region-atopy .rn-type-features img.ra-feature-check{position:absolute;left:0;top:.3em;display:block;width:1.4em;height:auto}

.region-atopy .ra-panels>:is(.ra-body,.ra-hand).ra-separated{margin-top:10.25cqw}
.region-atopy .ra-panels>:is(.ra-foot,.ra-leg).ra-separated{margin-top:9.916667cqw}