.atopy-page{width:1200px;max-width:100%;margin:auto;container-type:inline-size;background:#fff;color:#333;font-family:'KoPubDotumLight',sans-serif;line-height:1.5}
.atopy-page *{box-sizing:border-box}
.atopy-page :is(h1,h2,h3,p,ul,ol,figure,figcaption){margin:0;padding:0;background:none;color:inherit;width:auto;float:none;letter-spacing:-.04em}
.atopy-page strong{font-family:'KoPubDotumBold',sans-serif;font-weight:400}
.atopy-page section{position:relative}
.atopy-page .at-hero{height:121cqw;padding-top:7.5cqw;background:#f5f1e5}
.atopy-page .at-kicker{display:table;margin:auto;background:#ff896f;color:white;font-size:4cqw;line-height:4.833333cqw;padding:0 1cqw}
.atopy-page h1{text-align:center;font-size:6cqw;line-height:1.3;font-weight:400;white-space:nowrap}
.atopy-page .at-family{position:absolute;top:23.083333cqw;left:0;width:100%;height:65.166667cqw;background:url('/images/disease/atopy_ver4/img_01.jpg') 0 -23.083333cqw / 100cqw 121cqw no-repeat}
.atopy-page .at-hero-copy{position:absolute;top:81.75cqw;left:26.416667cqw;width:73.583333cqw;min-height:26.75cqw;padding:2.666667cqw 3.5cqw;background:#ff896f;color:white}
.atopy-page .at-hero-copy p{font-size:2.5cqw;line-height:1.5}
.atopy-page .at-hero-copy p+p{margin-top:2.083333cqw}
.atopy-page .at-together{height:127.5cqw;background:url('/images/disease/atopy_ver4/img_02.jpg') 0 0 / 100cqw 127.5cqw no-repeat}
.atopy-page .at-doctors{position:absolute;top:0;left:4cqw;width:92cqw;height:57.416667cqw}
.atopy-page .at-together-copy{position:absolute;top:63.416667cqw;left:0;width:75.333333cqw;min-height:56.833333cqw;padding:7.583333cqw 5cqw 6.5cqw 6.5cqw;background:white;border-right:.833333cqw solid #ff896f;border-bottom:.833333cqw solid #ff896f;border-top-right-radius:13.333333cqw}
.atopy-page .at-together-copy h2{position:relative;font-size:5cqw;line-height:1.3;font-weight:400;white-space:nowrap;margin-bottom:4.333333cqw}
.atopy-page .at-together-copy h2::after{content:'';position:absolute;left:0;bottom:-1.333333cqw;width:10.416667cqw;border-bottom:.5cqw solid #ff896f}
.atopy-page .at-together-copy p{font-size:2.5cqw;line-height:1.5;white-space:nowrap}
.atopy-page .at-together-copy p+p{margin-top:2.5cqw}
.atopy-page .at-together-copy p strong{color:#ff896f}
.atopy-page mark{background:#ff896f;color:white;padding:0}
@media(max-width:768px){
 .atopy-page{width:95%}
 .atopy-page .at-hero{height:203.75cqw;padding-top:13.888889cqw}
 .atopy-page .at-kicker{margin-left:3.888889cqw;font-size:5.555556cqw;line-height:6.666667cqw;padding:0 1cqw}
 .atopy-page h1{margin-left:3.888889cqw;text-align:left;font-size:8.333333cqw;line-height:1.25;white-space:normal}
 .atopy-page h1 span{display:block}
 .atopy-page .at-family{top:45.972222cqw;height:87.777778cqw;background-image:url('/images/disease/atopy_ver4/img_m_01.jpg');background-size:100cqw 203.75cqw;background-position:0 -45.972222cqw}
 .atopy-page .at-hero-copy{top:125.833333cqw;left:17.222222cqw;width:82.777778cqw;min-height:64.027778cqw;padding:5cqw 5cqw 5.555556cqw}
 .atopy-page .at-hero-copy p{font-size:4.166667cqw;line-height:1.5;word-break:normal}
 .atopy-page .at-desktop-break{display:none}
 .atopy-page .at-hero-copy p+p{margin-top:4.166667cqw;font-size:5cqw;line-height:1.25}
 .atopy-page .at-hero-copy strong span{display:block}
 .atopy-page .at-together{height:158.472222cqw;background-image:url('/images/disease/atopy_ver4/img_m_02.jpg');background-size:100cqw 158.472222cqw}
 .atopy-page .at-doctors{left:3.75cqw;width:92.5cqw;height:57.5cqw}
 .atopy-page .at-together-copy{top:65.555556cqw;width:89.444444cqw;min-height:79.027778cqw;padding:4.722222cqw 4.166667cqw 5.833333cqw 5.555556cqw;border-width:1.25cqw;border-top-right-radius:19.444444cqw}
 .atopy-page .at-together-copy h2{font-size:6.944444cqw;line-height:1.3;margin-bottom:6.944444cqw}
 .atopy-page .at-together-copy h2 span{display:block}
 .atopy-page .at-together-copy h2::after{bottom:-1.944444cqw;width:14.444444cqw;border-width:.694444cqw}
 .atopy-page .at-together-copy p{font-size:3.333333cqw;line-height:1.6}
 .atopy-page .at-together-copy p+p{margin-top:3.888889cqw}
}

.atopy-page :is(ul,ol){list-style:none}
.atopy-page .at-types{height:200.000000cqw;padding-top:7.500000cqw}
.atopy-page .at-types>h2{text-align:center;font-size:4.5cqw;line-height:1.203704;font-weight:400}
.atopy-page .at-type-list{margin:3.916667cqw 4.083333cqw 0}
.atopy-page .at-type-card{--at-case-color:#9ebc7d;position:relative;height:30.000000cqw;margin-bottom:4.500000cqw;background:#fff;box-shadow:0.166667cqw 0.416667cqw 0.583333cqw #0003;padding:2.500000cqw 23.083333cqw 2.500000cqw 2.666667cqw}
.atopy-page .at-type-coral{--at-case-color:#ff896f}
.atopy-page .at-type-heading{position:absolute;right:0;top:0;width:20.500000cqw;height:100%;background:var(--at-case-color);color:white;text-align:center;padding-top:2.416667cqw}
.atopy-page .at-type-heading h3{font:400 3.333333cqw/1.3 'KoPubDotumBold',sans-serif;white-space:nowrap}
.atopy-page .at-type-heading p{font-size:2.333333cqw;line-height:1.4}
.atopy-page .at-type-heading a{position:absolute;left:3.583333cqw;bottom:6.750000cqw;width:13.333333cqw;height:4.583333cqw;line-height:4.583333cqw;border-radius:2.500000cqw;background:white;color:var(--at-case-color);font-size:2.500000cqw;text-decoration:none;text-align:center}
.atopy-page .at-type-photo{width:66.166667cqw;height:25.000000cqw;background:url('/images/disease/atopy_ver4/img_03.jpg') -6.75cqw var(--at-photo-y) / 100cqw 200cqw no-repeat}
.atopy-page .at-case{position:relative}
.atopy-page .at-case figcaption{position:absolute;bottom:0;left:0;width:100%;color:white;text-align:center}
.atopy-page .at-case-labels{display:flex;justify-content:center;font-size:1.916667cqw;line-height:2.916667cqw}
.atopy-page .at-case-labels span{width:7.500000cqw;background:#222}
.atopy-page .at-case-labels span+span{background:var(--at-case-color)}
.atopy-page .at-case-dates{display:flex;font:400 2.166667cqw/3.333333cqw 'KoPubDotumBold',sans-serif;background:#222}
.atopy-page .at-case-dates span{width:50%}
.atopy-page .at-case-dates span+span{background:var(--at-case-color)}
.atopy-page .at-type-regions{height:26.666667cqw;padding-bottom:2.500000cqw}
.atopy-page .at-type-regions .at-type-heading a{bottom:3.333333cqw}
.atopy-page .at-type-mosaic{position:relative;width:66.166667cqw;height:21.666667cqw}
.atopy-page .at-type-mosaic>.at-type-photo{height:21.666667cqw}
.atopy-page .at-type-mosaic>ul{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.atopy-page .at-type-mosaic li{min-height:0}
.atopy-page .at-type-mosaic li span{display:flex;align-items:center;justify-content:center;width:2.916667cqw;height:100%;background:#222;color:white;font-size:1.500000cqw;line-height:1.2;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;letter-spacing:-.08em}
.atopy-page .at-type-mosaic li:nth-child(even) span{background:var(--at-case-color)}
.atopy-page .at-case-notes{margin-top:4.333333cqw;text-align:center;color:#999}
.atopy-page .at-case-notes p{font-size:1.333333cqw;line-height:1.5}
@media(max-width:768px){
.atopy-page .at-types{height:319.444444cqw;padding-top:12.5cqw}
.atopy-page .at-types>h2{font-size:6.25cqw;line-height:1.166667}
.atopy-page .at-type-list{margin:6.388889cqw 2.083333cqw 0}
.atopy-page .at-type-card{height:50cqw;margin-bottom:6.666667cqw;padding:11.805556cqw 1.944444cqw 3.472222cqw}
.atopy-page .at-type-heading{width:100%;height:9.722222cqw;display:flex;align-items:center;text-align:left;padding:0 2.222222cqw;gap:2.222222cqw}
.atopy-page .at-type-heading h3{font-size:4.444444cqw}
.atopy-page .at-type-heading p{font-size:3.055556cqw}
.atopy-page .at-type-heading a{left:auto;right:2.222222cqw;bottom:1.666667cqw;width:18.611111cqw;height:6.388889cqw;line-height:6.388889cqw;font-size:3.611111cqw}
.atopy-page .at-type-photo{width:91.944444cqw;height:34.722222cqw;background-image:url('/images/disease/atopy_ver4/img_m_03.jpg');background-size:100cqw 319.444444cqw;background-position:-4.027778cqw var(--at-mobile-photo-y)}
.atopy-page .at-case-labels{font-size:2.5cqw;line-height:4.027778cqw}
.atopy-page .at-case-labels span{width:10.555556cqw}
.atopy-page .at-case-dates{font-size:3.055556cqw;line-height:4.583333cqw}
.atopy-page .at-type-card:nth-child(3){margin-bottom:6.111111cqw}
.atopy-page .at-type-regions{height:43.333333cqw}
.atopy-page .at-type-regions .at-type-heading a{bottom:1.666667cqw}
.atopy-page .at-type-mosaic,.atopy-page .at-type-mosaic>.at-type-photo{width:91.944444cqw;height:30.277778cqw}
.atopy-page .at-type-mosaic li span{width:4.583333cqw;font-size:1.944444cqw}
.atopy-page .at-case-notes{margin:5.555556cqw 2cqw 0}
.atopy-page .at-case-notes p{font-size:1.944444cqw}
}

.atopy-page em{font-style:normal;color:#ff896f}
.atopy-page .at-section-label{display:table;margin:auto;border:0.250000cqw solid #ff9984;color:#ff9984;font-size:2.500000cqw;line-height:3.666667cqw;padding:0 1.333333cqw}
.atopy-page .at-number{position:relative;display:table;margin:2.000000cqw auto 2.500000cqw;color:#ff896f;font-size:5.000000cqw;line-height:1.2;letter-spacing:-.04em}
.atopy-page .at-number::before,.atopy-page .at-number::after{content:'';position:absolute;width:1.750000cqw;border-top:0.166667cqw solid;transform:rotate(-45deg);right:-0.833333cqw;top:0}
.atopy-page .at-number::after{right:auto;left:-1.000000cqw;top:auto;bottom:-0.333333cqw}
.atopy-page :is(.at-heat,.at-immunity)>h2{font-size:5.833333cqw;line-height:1.3;font-weight:400;text-align:center}
.atopy-page .at-heat{height:101.833333cqw;padding-top:7.500000cqw;text-align:center}
.atopy-page .at-heat-intro{font-size:2.000000cqw;line-height:1.45;margin-top:2.666667cqw}
.atopy-page .at-heat-intro strong{background:#ffe1db}
.atopy-page .at-heat-detail{display:flex;gap:2.916667cqw;margin:4.500000cqw 7.500000cqw 0;align-items:flex-start}
.atopy-page .at-heat-photo{position:relative;width:36.500000cqw;height:39.000000cqw;padding-top:2.666667cqw;flex:none}
.atopy-page .at-heat-photo>div{width:36.500000cqw;height:36.333333cqw;background:url('/images/disease/atopy_ver4/img_04.jpg') -7.5cqw -54.166667cqw / 100cqw 101.833333cqw no-repeat;border-radius:50%}
.atopy-page .at-heat-photo figcaption{position:absolute;top:0;left:0.166667cqw;width:11.500000cqw;height:11.500000cqw;border:0.416667cqw double white;background:#ff896f;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 2.333333cqw/1.2 'KoPubDotumBold',sans-serif}
.atopy-page .at-heat-flow{width:45.333333cqw;padding-top:0.833333cqw}
.atopy-page .at-heat-flow h3{font:400 3.666667cqw/1.4 'KoPubDotumBold',sans-serif;white-space:nowrap;margin-bottom:1.833333cqw}
.atopy-page .at-heat-flow li{position:relative;border:0.250000cqw solid #c4c4c4;border-radius:3.166667cqw;height:5.250000cqw;font-size:2.666667cqw;line-height:4.750000cqw}
.atopy-page .at-heat-flow li+li{margin-top:4.000000cqw;border-color:#777}
.atopy-page .at-heat-flow li:last-child{border-color:#333;color:#ff896f}
.atopy-page .at-heat-flow li:not(:last-child)::before{content:'';position:absolute;left:50%;top:5.000000cqw;height:2.416667cqw;border-left:0.166667cqw solid;border-color:inherit}
.atopy-page .at-heat-flow li:not(:last-child)::after{content:'';position:absolute;left:calc(50% - 0.750000cqw);top:6.000000cqw;width:1.500000cqw;height:1.500000cqw;border-right:0.166667cqw solid;border-bottom:0.166667cqw solid;border-color:inherit;transform:rotate(45deg)}
.atopy-page .at-alarm{display:inline-block;vertical-align:middle;width:3.750000cqw;height:3.750000cqw;background:url('/images/disease/atopy_ver4/img_04.jpg') -60cqw -77.666667cqw / 100cqw 101.833333cqw no-repeat;margin-right:0.833333cqw}
.atopy-page .at-heat-flow>p{position:relative;margin-top:1.500000cqw;background:#333;color:white;border-radius:3.166667cqw;font-size:1.833333cqw;line-height:5.333333cqw;white-space:nowrap}
.atopy-page .at-heat-flow>p::before,.atopy-page .at-heat-flow>p::after{content:'';position:absolute;top:-1.500000cqw;left:19%;height:1.500000cqw;border-left:0.250000cqw solid #333}
.atopy-page .at-heat-flow>p::after{left:auto;right:19%}
.atopy-page .at-symptoms{height:102.166667cqw;padding:8.083333cqw 7.000000cqw 12.416667cqw;background:#e8ddc8;text-align:center}
.atopy-page .at-symptoms>div{height:81.666667cqw;background:white;border:1.333333cqw solid white;border-radius:1.500000cqw;outline:0.166667cqw solid #666;outline-offset:-1.500000cqw;padding:3.166667cqw 3.666667cqw 0}
.atopy-page .at-check-label{font-size:2.833333cqw;letter-spacing:.15em;color:#ddd}
.atopy-page .at-symptoms h2{font-size:5.833333cqw;line-height:1.3;font-weight:400;margin-top:1.000000cqw}
.atopy-page .at-symptoms ul{margin:3.333333cqw 2.916667cqw 0 10.500000cqw;text-align:left}
.atopy-page .at-symptoms li{position:relative;font-size:3.000000cqw;line-height:1.4;white-space:nowrap}
.atopy-page .at-symptoms li+li{margin-top:1.583333cqw}
.atopy-page .at-symptoms li::before{content:'';position:absolute;left:-5.166667cqw;top:0.833333cqw;width:2.583333cqw;height:2.583333cqw;border:0.250000cqw solid #444}
.atopy-page .at-symptoms li::after{content:'';position:absolute;left:-4.500000cqw;top:0.416667cqw;width:1.583333cqw;height:2.416667cqw;border-right:0.333333cqw solid #ff896f;border-bottom:0.333333cqw solid #ff896f;transform:rotate(40deg)}
.atopy-page .at-check-result{border-top:0.083333cqw solid #eee;margin-top:3.666667cqw;padding-top:2.166667cqw;color:#ff896f;font-size:2.333333cqw;line-height:1.3}
.atopy-page .at-immunity{height:120.333333cqw;background:#ff896f;color:white;padding-top:7.500000cqw;text-align:center}
.atopy-page .at-immunity .at-section-label{border-color:white;color:white}
.atopy-page .at-immunity .at-number{color:white}
.atopy-page .at-immune-intro{font-size:2.000000cqw;line-height:1.45;margin-top:2.500000cqw}
.atopy-page .at-immune-diagram{position:relative;width:83.333333cqw;height:50.500000cqw;margin:5.000000cqw auto 0;background:url('/images/disease/atopy_ver4/img_06.jpg') -8.333333cqw -41.75cqw / 100cqw 120.333333cqw no-repeat;color:#111;border-radius:2.666667cqw;overflow:hidden}
.atopy-page :is(.at-balance-title,.at-unbalance-title){position:absolute;top:2.250000cqw;left:21.416667cqw;width:17.916667cqw;background:white;font-size:2.500000cqw;line-height:3.500000cqw;white-space:nowrap}
.atopy-page .at-unbalance-title{left:44.583333cqw;width:20.000000cqw;background:#222;color:white}
.atopy-page .at-versus{position:absolute;left:39.000000cqw;top:1.333333cqw;width:5.333333cqw;height:5.333333cqw;border:0.166667cqw solid #333;border-radius:50%;background:white;line-height:5.000000cqw;font-size:2.666667cqw}
.atopy-page .at-balance-copy{position:absolute;left:2.583333cqw;top:10.000000cqw;width:19.750000cqw;height:19.750000cqw;background:#56bbac;border-radius:50%;color:white;display:flex;flex-direction:column;justify-content:center;font:400 2.666667cqw/1.25 'KoPubDotumBold',sans-serif}
.atopy-page .at-unbalance-copy{position:absolute;left:61.166667cqw;top:10.000000cqw;width:19.750000cqw;height:19.750000cqw;background:#ff957e;color:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;font-size:2.500000cqw;line-height:1.3}
.atopy-page .at-unbalance-copy strong{display:block;font-size:2.666667cqw}
.atopy-page .at-digestive-heat{position:absolute;left:61.000000cqw;top:34.333333cqw;width:19.666667cqw;height:13.833333cqw;background:white;border:0.083333cqw solid #111}
.atopy-page .at-digestive-heat h3{font-size:2.000000cqw;line-height:1.1;font-weight:400;background:#111;color:white;padding:0.833333cqw 0}
.atopy-page .at-digestive-heat ul{text-align:left;padding:0.833333cqw 1.333333cqw;font-size:1.666667cqw;line-height:1.5}
.atopy-page .at-digestive-heat li::before{content:'· ';font-weight:bold}
.atopy-page .at-immune-promise{font-size:4.333333cqw;line-height:1.3;margin-top:3.000000cqw}
.atopy-page .at-immune-promise>span:first-child{display:block;font-size:5.333333cqw;margin-bottom:1.000000cqw}
.atopy-page .at-immune-promise mark{color:#ff896f;background:white}
@media(max-width:768px){
.atopy-page .at-section-label{font-size:3.472222cqw;line-height:5cqw;border-width:.277778cqw;padding:0 1.805556cqw}
.atopy-page .at-number{font-size:6.944444cqw;margin:3.333333cqw auto 3.611111cqw}
.atopy-page .at-number::before,.atopy-page .at-number::after{width:2.5cqw}
.atopy-page :is(.at-heat,.at-immunity)>h2{font-size:8.333333cqw;line-height:1.25}
.atopy-page .at-heat{height:232.916667cqw;padding-top:7.5cqw}
.atopy-page .at-heat-intro{font-size:3.611111cqw;line-height:1.55;margin:3.333333cqw 10cqw 0}
.atopy-page .at-heat-detail{display:block;margin:4.722222cqw 0 0}
.atopy-page .at-heat-photo{width:60.833333cqw;height:65cqw;padding-top:4.444444cqw;margin:auto}
.atopy-page .at-heat-photo>div{width:60.833333cqw;height:60.555556cqw;background-image:url('/images/disease/atopy_ver4/img_m_04.jpg');background-size:100cqw 232.916667cqw;background-position:-20.138889cqw -91.388889cqw}
.atopy-page .at-heat-photo figcaption{left:0;width:19.166667cqw;height:19.166667cqw;font-size:3.888889cqw;border-width:.694444cqw}
.atopy-page .at-heat-flow{width:77.222222cqw;margin:3.055556cqw auto 0;padding:0}
.atopy-page .at-heat-flow h3{font-size:6.111111cqw;margin-bottom:3.055556cqw}
.atopy-page .at-heat-flow li{border-width:.416667cqw;height:8.888889cqw;font-size:4.444444cqw;line-height:8.055556cqw;border-radius:5.277778cqw}
.atopy-page .at-heat-flow li+li{margin-top:6.944444cqw}
.atopy-page .at-heat-flow li:not(:last-child)::before{top:8.472222cqw;height:4.027778cqw;border-width:.277778cqw}
.atopy-page .at-heat-flow li:not(:last-child)::after{left:calc(50% - 1.25cqw);top:10cqw;width:2.5cqw;height:2.5cqw;border-width:.277778cqw}
.atopy-page .at-alarm{width:6.25cqw;height:6.25cqw;background-size:166.666667cqw 169.722222cqw;background-position:-100cqw -129.444444cqw;margin-right:1.388889cqw}
.atopy-page .at-heat-flow>p{margin-top:2.5cqw;font-size:3.055556cqw;line-height:8.888889cqw;border-radius:5.277778cqw}
.atopy-page .at-heat-flow>p::before,.atopy-page .at-heat-flow>p::after{top:-2.5cqw;height:2.5cqw;border-width:.416667cqw}
.atopy-page .at-symptoms{height:159.027778cqw;padding:13.611111cqw 4.305556cqw 13.888889cqw}
.atopy-page .at-symptoms>div{height:131.527778cqw;border-width:1.944444cqw;outline-width:.277778cqw;outline-offset:-2.222222cqw;padding:4.444444cqw 5.833333cqw 0;border-radius:2.5cqw}
.atopy-page .at-check-label{font-size:3.888889cqw}
.atopy-page .at-symptoms h2{font-size:8.055556cqw;line-height:1.3;margin:1.388889cqw -2cqw 0;white-space:nowrap}
.atopy-page .at-symptoms ul{margin:5.833333cqw 0 0 12.5cqw}
.atopy-page .at-symptoms li{font-size:4.166667cqw;line-height:1.5}
.atopy-page .at-symptoms li+li{margin-top:2.083333cqw}
.atopy-page .at-symptoms li span{display:block}
.atopy-page .at-symptoms li::before{left:-7.222222cqw;top:1.388889cqw;width:3.75cqw;height:3.75cqw;border-width:.416667cqw}
.atopy-page .at-symptoms li::after{left:-6.25cqw;top:.694444cqw;width:2.5cqw;height:3.611111cqw;border-width:.555556cqw}
.atopy-page .at-check-result{margin:5.138889cqw -1cqw 0;padding-top:4.305556cqw;font-size:3.055556cqw;line-height:1.3}
.atopy-page .at-immunity{height:193.611111cqw;padding-top:13.888889cqw}
.atopy-page .at-immunity>h2{font-size:8.055556cqw}
.atopy-page .at-immune-intro{font-size:3.611111cqw;line-height:1.55;margin:3.055556cqw 4cqw 0}
.atopy-page .at-immune-intro span{display:block}
.atopy-page .at-immune-diagram{width:93.472222cqw;height:78.472222cqw;margin-top:5.833333cqw;background-image:url('/images/disease/atopy_ver4/img_m_06.jpg');background-size:100cqw 193.611111cqw;background-position:-3.333333cqw -67.638889cqw;border-radius:3.333333cqw}
.atopy-page :is(.at-balance-title,.at-unbalance-title){top:4.305556cqw;left:17.777778cqw;width:22.5cqw;font-size:3.333333cqw;line-height:5.138889cqw}
.atopy-page .at-unbalance-title{left:50cqw;width:25cqw}
.atopy-page .at-versus{left:42.916667cqw;top:3.194444cqw;width:7.361111cqw;height:7.361111cqw;line-height:6.805556cqw;font-size:3.611111cqw;border-width:.277778cqw}
.atopy-page .at-balance-copy{left:5.555556cqw;top:21.25cqw;width:19.166667cqw;height:auto;background:none;border-radius:0;font-size:3.611111cqw;line-height:1.3;display:block}
.atopy-page .at-balance-copy>span{display:table;margin:auto;background:#56bbac;padding:0 .277778cqw}
.atopy-page .at-balance-copy .at-keep{display:table;margin:auto}
.atopy-page .at-unbalance-copy{left:68.333333cqw;top:22.083333cqw;width:22.222222cqw;height:auto;background:#ff957e;border-radius:2cqw;display:block;font-size:2.5cqw;line-height:1.4;padding:.277778cqw 0}
.atopy-page .at-unbalance-copy strong{font-size:3.611111cqw;line-height:1.3}
.atopy-page .at-unbalance-copy .at-keep{display:block}
.atopy-page .at-digestive-heat{left:62.5cqw;top:55.277778cqw;width:27.361111cqw;height:19.027778cqw;border-width:.138889cqw}
.atopy-page .at-digestive-heat h3{font-size:2.777778cqw;padding:1.111111cqw 0}
.atopy-page .at-digestive-heat ul{font-size:2.222222cqw;line-height:1.5;padding:1.111111cqw 1.944444cqw}
.atopy-page .at-immune-promise{font-size:6.111111cqw;line-height:1.5;margin-top:6.666667cqw}
.atopy-page .at-immune-promise>span:first-child{font-size:8.333333cqw;margin-bottom:1.388889cqw}
.atopy-page .at-immune-last{display:block}
}

.atopy-page .at-art{flex:none;width:var(--at-w);height:var(--at-h);background-image:var(--at-image);background-size:100cqw var(--at-image-height);background-position:var(--at-x) var(--at-y);background-repeat:no-repeat}
.atopy-page :is(.at-exams,.at-treatments)>h2{font-size:5.833333cqw;line-height:1.3;font-weight:400;text-align:center}
.atopy-page .at-exams{height:117.333333cqw;background:#f6f6f6;padding-top:7.916667cqw;text-align:center}
.atopy-page .at-exams-intro{font-size:2.000000cqw;line-height:1.5;margin-top:2.666667cqw}
.atopy-page .at-exams ul{display:grid;grid-template-columns:repeat(2,41.666667cqw);gap:2.916667cqw 1.750000cqw;margin:4.416667cqw 7.416667cqw 0}
.atopy-page .at-exams li{border-radius:1.666667cqw 1.666667cqw 0 0;overflow:hidden;box-shadow:0.250000cqw 0.416667cqw 0.666667cqw #0002}
.atopy-page .at-exams h3{background:#ff896f;color:white;font:400 2.333333cqw/5.000000cqw 'KoPubDotumBold',sans-serif;white-space:nowrap}
.atopy-page .at-exams li:nth-child(2) h3,.atopy-page .at-exams li:nth-child(3) h3{background:#9ebc7d}
.atopy-page .at-exams li:first-child h3{font-size:2.166667cqw}
.atopy-page .at-kribs b{font:bold 2.500000cqw/1 Arial,sans-serif;letter-spacing:-.06em}
.atopy-page .at-kribs small{font-size:2.000000cqw}
.atopy-page .at-treatments{height:282.416667cqw;padding-top:7.500000cqw;text-align:center}
.atopy-page .at-treatment-intro{font-size:2.000000cqw;line-height:1.5;margin-top:2.666667cqw}
.atopy-page .at-treatment-intro strong{background:#ffe1db}
.atopy-page .at-cause-treatments{display:grid;grid-template-columns:repeat(2,48.333333cqw);gap:3.333333cqw;margin-top:5.583333cqw}
.atopy-page .at-cause-treatments>li{height:51.666667cqw;border:0.083333cqw solid #eee;border-top-right-radius:5.000000cqw;overflow:hidden}
.atopy-page .at-treatment-copy{padding:1.833333cqw 2.583333cqw 0}
.atopy-page .at-treatment-label{display:table;font-size:2.000000cqw;line-height:1.4;border-bottom:0.166667cqw solid #ff896f;color:#ff896f;padding:0 1.666667cqw;margin:0 auto}
.atopy-page .at-treatments h3{font:400 3.333333cqw/1.3 'KoPubDotumBold',sans-serif;margin:0.666667cqw 0 2.500000cqw;white-space:nowrap}
.atopy-page .at-treatment-copy>p:not(.at-treatment-label){text-align:left;font-size:1.666667cqw;line-height:1.5}
.atopy-page .at-treatment-copy>p.at-treatment-note{color:#ff896f;font-size:1.250000cqw;line-height:1.3;margin-top:0.833333cqw}
.atopy-page .at-skin-treatments{display:grid;grid-template-columns:repeat(3,31.083333cqw);gap:3.333333cqw;margin-top:3.333333cqw}
.atopy-page .at-skin-treatments>li{height:50.583333cqw;border:0.083333cqw solid #eee;padding:2.750000cqw 2.333333cqw 0}
.atopy-page .at-skin-treatments>li:first-child{border-top-left-radius:5.000000cqw}
.atopy-page .at-skin-treatments>li:last-child{border-bottom-right-radius:5.000000cqw}
.atopy-page .at-skin-treatments .at-art{margin:0 auto 1.833333cqw}
.atopy-page .at-skin-treatments .at-treatment-label{color:#9ebc7d;border-color:#9ebc7d}
.atopy-page .at-skin-treatments h3{margin-bottom:2.666667cqw;font-size:3.333333cqw;letter-spacing:-.07em}
.atopy-page .at-skin-treatments>li:nth-child(2) h3{font-size:3.166667cqw}
.atopy-page .at-skin-treatments>li>p:last-child{text-align:left;font-size:1.666667cqw;line-height:1.5}
.atopy-page .at-mobile-copy{display:none}
.atopy-page .at-skincare{margin-top:3.333333cqw}
.atopy-page .at-skincare li{height:26.666667cqw;display:flex;align-items:center;gap:2.500000cqw;padding:0 2.750000cqw;border:0.083333cqw solid #eee;border-top-right-radius:5.000000cqw;text-align:left}
.atopy-page .at-skincare li+li{margin-top:3.333333cqw;border-top-right-radius:0;border-top-left-radius:5.000000cqw}
.atopy-page .at-skincare li>div:last-child{flex:1;min-width:0}
.atopy-page .at-skincare .at-treatment-label{display:block;padding:0;margin:0;font-size:2.000000cqw}
.atopy-page .at-skincare h3{font-size:3.333333cqw;margin:0.666667cqw 0 2.333333cqw}
.atopy-page .at-skincare li>div:last-child>p:last-child{font-size:1.666667cqw;line-height:1.5}
.atopy-page .at-treatment-final-note{margin-top:3.750000cqw;font-size:1.166667cqw;line-height:1.5;color:#aaa}
@media(max-width:768px){
.atopy-page .at-art{width:var(--at-mobile-w);height:var(--at-mobile-h);background-image:var(--at-mobile-image);background-size:100cqw var(--at-mobile-image-height);background-position:var(--at-mobile-x) var(--at-mobile-y)}
.atopy-page :is(.at-exams,.at-treatments)>h2{font-size:8.055556cqw;line-height:1.25}
.atopy-page .at-exams{height:152.222222cqw;padding-top:14.305556cqw}
.atopy-page .at-exams-intro{font-size:3.611111cqw;line-height:1.55;margin-top:2.5cqw}
.atopy-page .at-exams-intro span{display:block}
.atopy-page .at-exams ul{grid-template-columns:repeat(2,45.416667cqw);gap:3.055556cqw 1.805556cqw;margin:7.5cqw 3.611111cqw 0}
.atopy-page .at-exams li{border-radius:1.805556cqw 1.805556cqw 0 0}
.atopy-page .at-exams h3{font-size:2.5cqw;line-height:5.555556cqw}
.atopy-page .at-exams li:first-child h3{font-size:2.222222cqw}
.atopy-page .at-kribs b{font-size:2.777778cqw}
.atopy-page .at-kribs small{font-size:2.222222cqw}
.atopy-page .at-treatments{height:321.25cqw;padding-top:14.166667cqw}
.atopy-page .at-treatment-intro{font-size:3.611111cqw;line-height:1.55;margin-top:3.333333cqw}
.atopy-page .at-cause-treatments{grid-template-columns:repeat(2,46.388889cqw);gap:4.722222cqw 3.194444cqw;margin:6.388889cqw 1.944444cqw 0}
.atopy-page .at-cause-treatments>li{height:56.388889cqw;border-top-right-radius:5.555556cqw}
.atopy-page .at-treatment-copy{padding:1.111111cqw 2.5cqw 0}
.atopy-page .at-treatment-label{font-size:1.944444cqw;line-height:1.4;padding:0 1.388889cqw;border-width:.138889cqw}
.atopy-page .at-treatments h3{font-size:3.055556cqw;line-height:1.3;margin:.555556cqw 0 1.666667cqw}
.atopy-page .at-treatment-copy>p:not(.at-treatment-label){font-size:1.944444cqw;line-height:1.55}
.atopy-page .at-treatment-copy>p.at-treatment-note{font-size:1.527778cqw;line-height:1.4;margin-top:.555556cqw}
.atopy-page .at-skin-treatments{grid-template-columns:repeat(3,29.722222cqw);gap:3.333333cqw;margin:4.722222cqw 1.944444cqw 0}
.atopy-page .at-skin-treatments>li{height:53.333333cqw;padding:2.222222cqw 2.222222cqw 0}
.atopy-page .at-skin-treatments .at-art{margin:0 auto 1.111111cqw}
.atopy-page .at-skin-treatments h3{font-size:3.333333cqw;margin-bottom:1.666667cqw}
.atopy-page .at-skin-treatments>li:nth-child(2) h3{font-size:3.055556cqw}
.atopy-page .at-skin-treatments>li>p:last-child{font-size:1.944444cqw;line-height:1.55}
.atopy-page .at-desktop-copy{display:none}
.atopy-page .at-mobile-copy{display:inline}
.atopy-page .at-skincare{margin:4.722222cqw 1.944444cqw 0}
.atopy-page .at-skincare li{height:25.555556cqw;padding:0 2.777778cqw;gap:1.944444cqw;border-top-right-radius:5.555556cqw}
.atopy-page .at-skincare li+li{margin-top:4.722222cqw;border-top-left-radius:5.555556cqw}
.atopy-page .at-skincare .at-treatment-label{font-size:1.944444cqw}
.atopy-page .at-skincare h3{font-size:2.777778cqw;margin:.555556cqw 0 1.666667cqw}
.atopy-page .at-skincare li>div:last-child>p:last-child{font-size:1.944444cqw;line-height:1.55}
.atopy-page .at-treatment-final-note{margin-top:2.777778cqw;font-size:1.388889cqw}
}

.atopy-page .at-quality{height:94.666667cqw;background:#f4f4f4 url('/images/disease/atopy_ver4/img_09.jpg') 0 0/100cqw 94.666667cqw no-repeat;color:#111}
.atopy-page .at-quality h2{position:absolute;top:6.666667cqw;left:0;width:100%;padding:0 0 1.666667cqw;background:#f4f4f4;font-size:4cqw;line-height:1.25;text-align:center;font-weight:400}
.atopy-page .at-quality h2>span{display:block;margin-top:1.666667cqw;color:#ff896f}
.atopy-page .at-quality h3{position:absolute;background:#f4f4f4;font-size:3cqw;line-height:1.2;font-family:'KoPubDotumBold',sans-serif;font-weight:400;padding:.416667cqw 0}
.atopy-page .at-quality-clean-title{top:49.166667cqw;left:7.5cqw;width:24.166667cqw;text-align:right}
.atopy-page .at-quality-clean-title strong{color:#36a286}
.atopy-page .at-quality-herbs-title{top:56.833333cqw;left:69.333333cqw;width:26cqw}
.atopy-page .at-quality-herbs-title strong{color:#ff896f}
.atopy-page .at-quality>p{position:absolute;background:#f4f4f4;font-size:1.666667cqw;line-height:1.35;padding:.416667cqw 0}
.atopy-page .at-quality-clean-copy{top:59.166667cqw;left:2.5cqw;width:27.916667cqw;text-align:right}
.atopy-page .at-quality-herbs-copy{top:66.666667cqw;left:70.666667cqw;width:26cqw}
.atopy-page .at-quality-photo{position:absolute;width:24cqw;height:18.333333cqw}
.atopy-page .at-quality-photo-clean{left:7.833333cqw;top:29.25cqw}
.atopy-page .at-quality-photo-herbs{left:69.333333cqw;top:36.666667cqw}
@media(max-width:768px){
.atopy-page .at-quality{height:178.194444cqw;background-image:url('/images/disease/atopy_ver4/img_m_09.jpg');background-size:100cqw 178.194444cqw}
.atopy-page .at-quality h2{top:12.5cqw;font-size:5.555556cqw;line-height:1.3;padding-bottom:1.388889cqw}
.atopy-page .at-quality h2>span{margin-top:2.777778cqw}
.atopy-page .at-quality h3{left:51.111111cqw;width:46.527778cqw;font-size:4.444444cqw;line-height:1.25;padding:.277778cqw 0;text-align:left}
.atopy-page .at-quality-clean-title{top:73.888889cqw}
.atopy-page .at-quality-herbs-title{top:136.111111cqw}
.atopy-page .at-quality>p{left:53.055556cqw;width:45.277778cqw;font-size:2.777778cqw;line-height:1.5;padding:0;text-align:left}
.atopy-page .at-quality-clean-copy{top:89.444444cqw}
.atopy-page .at-quality-herbs-copy{top:152.777778cqw}
.atopy-page .at-quality-photo{left:51.25cqw;width:29.166667cqw;height:22.222222cqw}
.atopy-page .at-quality-photo-clean{top:50.416667cqw}
.atopy-page .at-quality-photo-herbs{top:113.333333cqw}
}

.atopy-page .at-lifestyle{height:99.25cqw;background:#97b786;color:white;text-align:center}
.atopy-page .at-lifestyle-heading{position:relative;height:47.5cqw;padding-top:7.5cqw;isolation:isolate}
.atopy-page .at-lifestyle-heading::before{content:'';position:absolute;inset:0;z-index:-1;background:#759b60;clip-path:polygon(0 16.416667cqw,0 100%,53.916667cqw 100%)}
.atopy-page .at-lifestyle .at-section-label{color:white;border-color:white}
.atopy-page .at-lifestyle .at-number{color:white;margin-bottom:1.666667cqw}
.atopy-page .at-lifestyle h2{font-size:6cqw;line-height:1.3;font-weight:400}
.atopy-page .at-lifestyle-intro{margin-top:2.333333cqw;font-size:2cqw;line-height:1.5}
.atopy-page .at-lifestyle h3{display:table;margin:3cqw auto 0;padding:0 1.666667cqw;border-block:.25cqw solid white;font-size:2.666667cqw;line-height:1.6;font-weight:400}
.atopy-page .at-lifestyle-preview{height:51.75cqw;background:url('/images/disease/atopy_ver4/img_10.jpg') 0 -47.5cqw/100cqw 99.25cqw no-repeat}
.atopy-page .at-lifestyle-items{position:absolute;top:42.5cqw;right:8.333333cqw;width:13.333333cqw;background:#97b786;list-style:none;padding:.5cqw 0 1cqw;display:grid;gap:2.583333cqw;justify-items:center}
.atopy-page .at-lifestyle-items li{display:flex;align-items:center;justify-content:center;width:10.666667cqw;height:10.666667cqw;border:.416667cqw solid white;border-radius:50%;font-family:'KoPubDotumBold',sans-serif;font-size:2.5cqw;line-height:1.1}
@media(max-width:768px){
.atopy-page .at-lifestyle{height:171.25cqw;background:#97b785}
.atopy-page .at-lifestyle-heading{height:80.555556cqw;padding-top:13.75cqw}
.atopy-page .at-lifestyle-heading::before{clip-path:polygon(0 36.944444cqw,0 100%,75.555556cqw 100%)}
.atopy-page .at-lifestyle h2{font-size:8.055556cqw}
.atopy-page .at-lifestyle-intro{margin-top:2.777778cqw;font-size:3.611111cqw;line-height:1.5}
.atopy-page .at-lifestyle h3{margin-top:7.222222cqw;font-size:4.444444cqw;line-height:1.75;padding:0 3.055556cqw;border-width:.416667cqw}
.atopy-page .at-lifestyle-preview{height:90.694444cqw;background-image:url('/images/disease/atopy_ver4/img_m_10.jpg');background-position:0 -80.555556cqw;background-size:100cqw 171.25cqw}
.atopy-page .at-lifestyle-items{top:135.416667cqw;left:0;right:auto;width:100%;height:35.833333cqw;background:#97b785;grid-template-columns:repeat(4,1fr);gap:0;padding:4.166667cqw 0 0}
.atopy-page .at-lifestyle-items li{width:17.777778cqw;height:17.777778cqw;border-width:.555556cqw;font-size:4.444444cqw}
}

.atopy-page .at-results{color:#111}
.atopy-page .at-results-heading{height:50.833333cqw;padding-top:7.5cqw;text-align:center}
.atopy-page .at-results h2{font-size:6cqw;line-height:1.25;font-weight:400}
.atopy-page .at-results-heading>p:last-child{font-size:2cqw;line-height:1.5;margin-top:2.5cqw}
.atopy-page .at-results mark{background:#ffddd6;color:inherit}
.atopy-page .at-results-banner{position:relative;height:9.416667cqw;background:#ff896f;color:white;text-align:center;padding-top:1.333333cqw;font-size:2.5cqw;line-height:1.3}
.atopy-page .at-results-banner::after{content:'';position:absolute;left:47.5cqw;bottom:-2.5cqw;border-inline:2.5cqw solid transparent;border-top:2.5cqw solid #ff896f;z-index:1}
.atopy-page .at-results-cases{min-height:91.666667cqw;padding:5.416667cqw 1.25cqw 4.666667cqw;background:#f7f7f7;text-align:center}
.atopy-page .at-results-cases h3{display:table;margin:0 auto 4.5cqw;padding:0 2.5cqw;border-inline:.5cqw solid #ff896f;font-size:5cqw;line-height:1;font-weight:400}
.atopy-page .at-results-cases ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.333333cqw 1cqw;list-style:none;text-align:left}
.atopy-page .at-results-cases li{background:white;border:.083333cqw solid #bbb;padding:1.583333cqw 1.75cqw 0;height:26.583333cqw}
.atopy-page .at-results-cases figure{margin:0}
.atopy-page .at-results-cases figcaption{display:grid;grid-template-columns:repeat(2,1fr);background:#595959;color:white;text-align:center;font-family:'KoPubDotumBold',sans-serif;font-size:1.666667cqw;line-height:2.583333cqw}
.atopy-page .at-results-cases figcaption span+span{background:#ff896f}
.atopy-page .at-results-cases li>p{position:relative;border-top:.083333cqw solid #ddd;margin-top:1.583333cqw;padding-top:.75cqw;font-size:1.5cqw}
.atopy-page .at-results-cases li>p>span{color:#999}
.atopy-page .at-case-icons{position:absolute;right:0;top:.75cqw;width:var(--at-w);height:var(--at-h);background-image:var(--at-image);background-size:100cqw var(--at-image-height);background-position:var(--at-x) var(--at-y)}
.atopy-page .at-results-note{margin-top:2.833333cqw;color:#888;font-size:1.333333cqw;line-height:1.5}
.atopy-page .at-results-more{display:table;margin:3.583333cqw auto 0;padding:.666667cqw 3.333333cqw;background:#ff896f;color:white;font-size:2.5cqw;line-height:1.4;box-shadow:.25cqw .25cqw .5cqw #bbb;text-decoration:none}
@media(max-width:768px){
.atopy-page .at-results-heading{height:86.805556cqw;padding-top:13.75cqw}
.atopy-page .at-results h2{font-size:8.055556cqw;line-height:1.25}
.atopy-page .at-results-heading>p:last-child{font-size:3.611111cqw;line-height:1.5;margin-top:3.055556cqw}
.atopy-page .at-results-banner{height:18.333333cqw;padding-top:3.055556cqw;font-size:4.166667cqw}
.atopy-page .at-results-banner::after{left:46.666667cqw;bottom:-3.333333cqw;border-inline-width:3.333333cqw;border-top-width:3.333333cqw}
.atopy-page .at-results-cases{min-height:242.083333cqw;padding:12.222222cqw 11.111111cqw 7.777778cqw}
.atopy-page .at-results-cases h3{font-size:7.777778cqw;line-height:1;padding:0 4.444444cqw;white-space:nowrap;margin-left:-1.111111cqw;margin-right:-1.111111cqw;margin-bottom:7.222222cqw;border-width:.694444cqw}
.atopy-page .at-results-cases ul{grid-template-columns:1fr;gap:3.611111cqw}
.atopy-page .at-results-cases li{height:42.777778cqw;padding:2.5cqw 2.777778cqw 0;border-width:.138889cqw}
.atopy-page .at-results-cases figcaption{font-size:2.5cqw;line-height:4.166667cqw}
.atopy-page .at-results-cases li>p{margin-top:2.5cqw;padding-top:1.25cqw;font-size:2.222222cqw}
.atopy-page .at-case-icons{top:1.25cqw;transform:scale(1.6);transform-origin:top right}
.atopy-page .at-results-note{margin:3.611111cqw -9.166667cqw 0;font-size:1.666667cqw;line-height:1.5}
.atopy-page .at-results-more{margin-top:5cqw;padding:1.666667cqw 7.5cqw;font-size:5cqw}
}

.atopy-page .at-papers{height:209.083333cqw;background:#f7f7f7 url('/images/disease/atopy_ver4/img_12.jpg') 0 0/100cqw 209.083333cqw no-repeat;color:#333}
.atopy-page .at-papers>h3{position:absolute;top:5cqw;left:23%;width:54%;background:#f7f7f7;font-size:5cqw;line-height:1.2;font-weight:400;text-align:center;white-space:nowrap}
.atopy-page .at-paper-position{position:absolute;left:var(--paper-left);top:var(--paper-top);width:var(--paper-width);height:var(--paper-height)}
.atopy-page .at-paper-caption{background:white;text-align:center;font-size:2.166667cqw;line-height:1.35;padding:.333333cqw 0}
.atopy-page .at-paper-caption strong>span{color:var(--paper-color)}
.atopy-page .at-paper-ribbon{color:white;text-align:center;font-size:2cqw;line-height:1.2;font-family:'KoPubDotumBold',sans-serif}
.atopy-page .at-paper-link{display:flex;justify-content:center;align-items:center;background:#333;color:white;text-align:center;font-size:2cqw;text-decoration:none;box-shadow:0 .333333cqw .666667cqw #ccc}
.atopy-page .at-paper-steroid{background:white}
.atopy-page .at-paper-steroid h4{font-family:'KoPubDotumBold',sans-serif;font-size:3cqw;line-height:1.2;letter-spacing:-.04em;margin:0;padding:0;color:#333}
.atopy-page .at-paper-steroid>p{font-size:2cqw;line-height:1.4;color:#99b978;margin-top:2.5cqw}
.atopy-page .at-paper-bubble{display:grid;place-items:center;background:white;border:.138889cqw solid #99b978;border-radius:50%;text-align:center;font-size:1.666667cqw;line-height:1.4;color:#99b978}
.atopy-page .at-paper-bubble-green{background:#99b978;color:white}
@media(max-width:768px){
.atopy-page .at-papers{height:228.888889cqw;background-image:url('/images/disease/atopy_ver4/img_m_12.jpg');background-size:100cqw 228.888889cqw}
.atopy-page .at-papers>h3{top:7.5cqw;left:7%;width:86%;font-size:8.055556cqw;line-height:1.2}
.atopy-page .at-paper-position{left:var(--paper-mobile-left);top:var(--paper-mobile-top);width:var(--paper-mobile-width);height:var(--paper-mobile-height)}
.atopy-page .at-paper-caption{font-size:2.777778cqw;line-height:1.3;padding:.277778cqw 0}
.atopy-page .at-paper-ribbon{font-size:2.222222cqw;line-height:1.2}
.atopy-page .at-paper-link{font-size:2.777778cqw}
.atopy-page .at-paper-steroid h4{font-size:3.611111cqw;line-height:1.2}
.atopy-page .at-paper-steroid>p{font-size:2.5cqw;line-height:1.35;margin-top:3.333333cqw}
.atopy-page .at-paper-bubble{font-size:2.222222cqw;line-height:1.3}
}

.atopy-page .at-book{height:79cqw;background:#f7f7f7;color:#333;padding-top:5.833333cqw}
.atopy-page .at-book>h3{display:table;margin:auto;border-inline:.5cqw solid #ff896f;padding:0 2.5cqw;font-size:5cqw;line-height:1;font-weight:400}
.atopy-page .at-book-note{text-align:center;font-size:1cqw;color:#aaa;margin-top:2cqw}
.atopy-page .at-book-copy{position:absolute;left:4.833333cqw;top:20.5cqw;width:42cqw}
.atopy-page .at-book-copy h4{font-size:3.333333cqw;font-family:'KoPubDotumBold',sans-serif;line-height:1.3;margin:0 0 2cqw;letter-spacing:-.04em}
.atopy-page .at-book-copy h4 span{color:#ff896f}
.atopy-page .at-book-copy>p{font-size:1.5cqw;line-height:1.6;white-space:nowrap}
.atopy-page .at-book-ellipsis{display:block;line-height:.8}
.atopy-page .at-book::before{content:"";position:absolute;left:0;top:1.666667cqw;width:10.833333cqw;height:28.333333cqw;border:2cqw solid #f8ede8;border-left:0;border-radius:0 20cqw 20cqw 0;pointer-events:none}
.atopy-page .at-book-link{position:absolute;left:4.916667cqw;top:55cqw;width:16.666667cqw;line-height:4cqw;text-align:center;background:#333;color:white;font-size:2cqw;box-shadow:0 .333333cqw .666667cqw #ccc;text-decoration:none}
.atopy-page .at-book-photo{position:absolute;left:47.5cqw;top:21.666667cqw}
.atopy-page .at-blogs{height:49.083333cqw;padding-top:7.5cqw;text-align:center;color:#111}
.atopy-page :is(.at-blogs,.at-history) h2{font-size:6cqw;line-height:1.25;font-weight:400}
.atopy-page .at-blogs-intro{font-size:2cqw;line-height:1.5;margin-top:2.5cqw}
.atopy-page .at-blog-links{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:130px;list-style:none}
.atopy-page .at-blog-links li{width:50%;max-width:585px;padding:23px 0}
.atopy-page .at-blog-links a,.atopy-page .at-blog-links img{display:block;width:100%}
.atopy-page .at-history{padding:12.5cqw 0 15cqw;text-align:center;color:#111}
.atopy-page .at-history h2 span{color:#ff896f}
.atopy-page .at-history-intro{font-size:2cqw;line-height:1.5;margin-top:2.5cqw}
.atopy-page .at-history mark{background:#ffddd6;color:inherit}
.atopy-page .at-history-grid{list-style:none;display:grid;grid-template-columns:repeat(4,22.5cqw);column-gap:2cqw;row-gap:3.333333cqw;margin:6.666667cqw 2.083333cqw 0}
.atopy-page .at-history figure{position:relative;margin:0}
.atopy-page .at-history-label{position:absolute;left:-.833333cqw;top:.833333cqw;background:#99b978;color:white;font-size:1.666667cqw;line-height:2.5cqw;padding:0 1.166667cqw}
.atopy-page .at-history-label-orange{background:#ff896f}
.atopy-page .at-history figcaption{font-size:1.666667cqw;line-height:1.4;margin-top:1.25cqw;min-height:3.333333cqw}
.atopy-page .at-history-campaigns{list-style:none;display:flex;justify-content:space-between;margin:4.166667cqw 2.5cqw 0}
.atopy-page .at-history-campaigns .at-history-label{background:#333;padding:0 .666667cqw}
@media(max-width:1200px){.atopy-page .at-blog-links{padding-top:70px}.atopy-page .at-blog-links li{width:49%;padding:12px 3px}}
@media(max-width:768px){
.atopy-page .at-book{height:164.166667cqw;padding-top:5.833333cqw}
.atopy-page .at-book>h3{font-size:8.055556cqw;border-width:.833333cqw;padding:0 6.111111cqw}
.atopy-page .at-book-note{font-size:1.388889cqw;margin-top:3.333333cqw;padding:0 7.5cqw}
.atopy-page .at-book-copy{left:11.111111cqw;top:24.444444cqw;width:72.222222cqw}
.atopy-page .at-book-copy h4{font-size:5cqw;margin-bottom:3.055556cqw}
.atopy-page .at-book-copy>p{font-size:2.5cqw;line-height:1.6}
.atopy-page .at-book::before{top:19.722222cqw;width:22.222222cqw;height:29.166667cqw;border-width:2.5cqw}
.atopy-page .at-book-link{left:11.25cqw;top:74.861111cqw;width:20.555556cqw;line-height:4.861111cqw;font-size:2.777778cqw}
.atopy-page .at-book-photo{left:10.416667cqw;top:79.861111cqw}
.atopy-page .at-blogs{height:75.555556cqw;padding-top:13.75cqw}
.atopy-page :is(.at-blogs,.at-history) h2{font-size:8.055556cqw}
.atopy-page .at-blogs-intro{font-size:3.611111cqw;line-height:1.5;margin-top:3.055556cqw}
.atopy-page .at-blog-links{padding-top:35px;justify-content:center}
.atopy-page .at-blog-links li{width:100%;padding:5px 0}
.atopy-page .at-history{padding-top:13.75cqw;padding-bottom:10cqw}
.atopy-page .at-history-intro{font-size:3.611111cqw;line-height:1.5;margin-top:3.055556cqw}
.atopy-page .at-history-grid{grid-template-columns:repeat(2,37.5cqw);gap:4.166667cqw 3.055556cqw;margin:6.944444cqw 10.555556cqw 0}
.atopy-page .at-history-label{left:-1.111111cqw;top:1.111111cqw;font-size:2.777778cqw;line-height:4.166667cqw;padding:0 1.666667cqw}
.atopy-page .at-history figcaption{font-size:2.777778cqw;line-height:1.35;margin-top:1.666667cqw;min-height:5cqw}
.atopy-page .at-history-campaigns{display:grid;gap:4.722222cqw;margin:5cqw 10.694444cqw 0}
.atopy-page .at-history-campaigns .at-history-label{padding:0 1.111111cqw}
}

.atopy-page .at-kribs small{color:inherit}

@media(min-width:769px){
 .atopy-page .at-hero .at-kicker{margin-left:16.75cqw}
 .atopy-page .at-hero h1{width:90%;font-size:6.5cqw}
}
@media(max-width:768px){
 .atopy-page .at-hero .at-kicker{font-size:5.7cqw}
 .atopy-page .at-hero h1{font-size:9cqw}
 .atopy-page .at-together-copy p{line-height:1.5}
 .atopy-page .at-together-copy p+p{margin-top:3.333333cqw}
}

@media(max-width:768px){
 .atopy-page .at-heat>h2{font-size:8.6cqw}
 .atopy-page .at-heat>.at-number{margin-bottom:2.777778cqw}
 .atopy-page .at-heat-intro{margin-top:1.111111cqw}
 .atopy-page .at-heat-detail{margin-top:3.611111cqw}
 .atopy-page .at-symptoms h2{font-size:8.5cqw;line-height:1.23}
 .atopy-page .at-symptoms ul{margin-top:3.888889cqw}
 .atopy-page .at-symptoms .at-check-result{margin-top:4.583333cqw}
 .atopy-page .at-immunity>.at-number{margin-bottom:2.5cqw}
 .atopy-page .at-immunity>h2{font-size:8.6cqw}
 .atopy-page .at-immune-intro{margin-top:1.388889cqw}
 .atopy-page .at-immune-diagram{margin-top:4.833333cqw}
}

@media(max-width:768px){
 .atopy-page .at-unbalance-copy{left:66cqw;top:15.277778cqw;width:25cqw;height:25cqw;border-radius:50%;display:flex;padding:0}
 .atopy-page .at-immune-promise>span:first-child{line-height:1.2}
}

@media(min-width:769px){
 .atopy-page :is(.at-heat,.at-immunity)>.at-number{margin-bottom:1.625cqw}
 .atopy-page :is(.at-heat,.at-immunity)>h2{font-size:6.2cqw;line-height:1.223118}
 .atopy-page .at-heat-intro{margin-top:1.916667cqw}
 .atopy-page .at-heat-detail{margin-top:4cqw}
 .atopy-page .at-immune-intro{margin-top:2.125cqw}
 .atopy-page .at-symptoms h2{font-size:6.2cqw;line-height:1.223118;margin-top:.75cqw}
 .atopy-page .at-symptoms ul{margin-top:2.833333cqw}
 .atopy-page .at-symptoms li::before{width:2.833333cqw;height:2.833333cqw}
 .atopy-page .at-symptoms li::after{width:2cqw;height:2.75cqw}
 .atopy-page .at-symptoms .at-check-result{margin-top:3.041667cqw}
}

@media(min-width:769px){
 .atopy-main :is(.at-exams,.at-treatments)>.at-number{margin-bottom:1.625cqw}
 .atopy-main :is(.at-exams,.at-treatments)>h2{font-size:6.2cqw;line-height:1.223118}
 .atopy-main .at-exams-intro,.atopy-main .at-treatment-intro{margin-top:1.916667cqw}
 .atopy-main .at-exams ul{margin-top:4.166667cqw}
 .atopy-main .at-cause-treatments{margin-top:5.083333cqw}
 .atopy-main .at-treatments h3{margin-bottom:1.666667cqw}
 .atopy-main .at-skin-treatments>li>p:last-child{font-size:1.6cqw;line-height:1.45}
}
@media(max-width:768px){
 .atopy-main :is(.at-exams,.at-treatments)>.at-number{margin-bottom:2.777778cqw}
 .atopy-main :is(.at-exams,.at-treatments)>h2{font-size:8.6cqw;line-height:1.170866}
 .atopy-main .at-exams-intro{margin-top:1.666667cqw}
 .atopy-main .at-exams ul{margin-top:6.666667cqw}
 .atopy-main .at-treatment-intro{margin-top:2.5cqw}
 .atopy-main .at-cause-treatments{margin-top:5.555556cqw}
 .atopy-main .at-cause-treatments>li:nth-child(n+3){height:54.722222cqw}
}

.atopy-main .at-lifestyle h3{font-family:KoPubDotumBold,sans-serif}
@media(min-width:769px){
 .atopy-main .at-lifestyle h2{font-size:6.2cqw;line-height:1.258065}
 .atopy-main .at-lifestyle-intro{margin-top:1.583333cqw}
 .atopy-main .at-lifestyle h3{width:37.833333cqw;margin-top:3.75cqw;padding-inline:0}
 .atopy-main .at-lifestyle-items{right:9.083333cqw}
}
@media(max-width:768px){
 .atopy-main .at-lifestyle h2{font-size:8.6cqw;line-height:1.217701}
 .atopy-main .at-lifestyle h3{width:70.555556cqw;font-size:4.722222cqw;line-height:1.647059;margin-top:6.111111cqw;padding-inline:0}
}

@media(min-width:769px){
 .atopy-main .at-results-heading>.at-number{margin-bottom:1.625cqw}
 .atopy-main .at-results h2{font-size:6.3cqw;line-height:1.190476}
 .atopy-main .at-results-heading>p:last-child{margin-top:1.875cqw}
 .atopy-main .at-results-cases{padding-top:5.666667cqw}
 .atopy-main .at-results-cases h3{font-size:5.333333cqw}
 .atopy-main .at-book>h3{font-size:5.333333cqw}
 .atopy-main :is(.at-blogs,.at-history)>.at-number{margin-bottom:1.625cqw}
 .atopy-main :is(.at-blogs,.at-history) h2{font-size:6.3cqw;line-height:1.190476}
 .atopy-main :is(.at-blogs-intro,.at-history-intro){margin-top:1.875cqw}
 .atopy-main .at-book::before{left:-17.5cqw;width:28.333333cqw;border-left:2cqw solid #f8ede8;border-radius:50%}
}
@media(max-width:768px){
 .atopy-main .at-results-heading>.at-number{margin-bottom:2.777778cqw}
 .atopy-main .at-results h2{font-size:8.6cqw;line-height:1.170866}
 .atopy-main .at-results-heading>p:last-child{margin-top:2.222222cqw}
 .atopy-main .at-results-cases h3{font-size:8.333333cqw;margin-bottom:5.277778cqw}
 .atopy-main .at-book::before{left:-5.555556cqw;width:29.166667cqw;border-left:2.5cqw solid #f8ede8;border-radius:50%}
 .atopy-main :is(.at-blogs,.at-history)>.at-number{margin-bottom:2.777778cqw}
 .atopy-main :is(.at-blogs,.at-history) h2{font-size:8.6cqw;line-height:1.170866}
 .atopy-main :is(.at-blogs-intro,.at-history-intro){margin-top:2.222222cqw}
}

.atopy-page .at-treatments .at-treatment-amp{color:#ccc}

.atopy-page .at-treatments .at-treatment-label{border-bottom:0}
.atopy-page .at-treatments .at-treatment-label+h3{width:fit-content;max-width:100%;margin-inline:auto;border-top:.166667cqw solid #ff896f;padding-top:.5cqw}
.atopy-page .at-treatments .at-skin-treatments .at-treatment-label+h3{border-top-color:#9ebc7d}
.atopy-page .at-treatments .at-skincare .at-treatment-label+h3{margin-inline:0}
.atopy-page .at-treatments .at-treatment-label+h3{margin-top:0;padding-top:.666667cqw}