/* JUNI TEST PRIVACY v1.1.4 */

:root{
    --jt-bg:#F4F6F8;
    --jt-text:#202632;
    --jt-shadow:0 12px 36px rgba(38,50,65,.07);
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body.jt-body{
    margin:0;
    background:
        radial-gradient(circle at 8% 2%, rgba(255,218,143,.17), transparent 26%),
        radial-gradient(circle at 94% 4%, rgba(167,211,245,.17), transparent 28%),
        var(--jt-bg);
    color:var(--jt-text);
    font-family:
        Pretendard,
        "Noto Sans KR",
        "Apple SD Gothic Neo",
        "Malgun Gothic",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

a{
    color:inherit;
}

.jt-privacy-shell{
    padding:28px 0 56px;
}

.jt-privacy-hero{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    min-height:250px;
    overflow:hidden;
    padding:52px 58px;
    border:1px solid rgba(221,226,232,.92);
    border-radius:28px;
    background:
        radial-gradient(circle at 90% 20%,rgba(147,213,228,.22),transparent 25%),
        radial-gradient(circle at 96% 88%,rgba(255,216,127,.20),transparent 25%),
        linear-gradient(135deg,#FFFFFF 0%,#FFFDFC 56%,#F8FBFE 100%);
    box-shadow:var(--jt-shadow);
}

.jt-privacy-eyebrow{
    margin:0 0 13px;
    color:#75669E;
    font-size:11px;
    font-weight:850;
    letter-spacing:.16em;
}

.jt-privacy-hero h1{
    margin:0;
    color:#1C222D;
    font-size:clamp(38px,5vw,54px);
    font-weight:850;
    line-height:1.12;
    letter-spacing:-.045em;
}

.jt-privacy-lead{
    margin:18px 0 0;
    color:#68717D;
    font-size:15px;
    line-height:1.75;
    letter-spacing:-.02em;
}

.jt-privacy-symbol{
    position:relative;
    flex:0 0 160px;
    width:160px;
    height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.72);
    box-shadow:0 18px 40px rgba(38,50,65,.07),inset 0 0 0 1px rgba(212,217,225,.72);
}

.jt-privacy-symbol::before,
.jt-privacy-symbol::after{
    content:"";
    position:absolute;
    border-radius:50%;
}

.jt-privacy-symbol::before{
    width:68px;
    height:68px;
    left:-26px;
    bottom:4px;
    background:rgba(105,193,212,.20);
}

.jt-privacy-symbol::after{
    width:54px;
    height:54px;
    right:-14px;
    top:-8px;
    background:rgba(237,193,85,.22);
}

.jt-privacy-shield{
    position:absolute;
    left:50%;
    top:48%;
    width:58px;
    height:68px;
    border:4px solid #3B4551;
    border-radius:28px 28px 34px 34px;
    transform:translate(-50%,-50%);
    clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);
}

.jt-privacy-symbol i{
    position:absolute;
    left:50%;
    top:49%;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#E3B238;
    transform:translate(-50%,-50%);
}

.jt-privacy-section{
    margin-top:20px;
    padding:44px 48px 52px;
    border:1px solid rgba(221,226,232,.92);
    border-radius:28px;
    background:#FFFFFF;
    box-shadow:var(--jt-shadow);
}

.jt-privacy-section-heading{
    padding-bottom:25px;
    border-bottom:1px solid #E7EBEF;
}

.jt-privacy-section-heading > p{
    margin:0 0 8px;
    color:#7A6AA1;
    font-size:11px;
    font-weight:850;
    letter-spacing:.16em;
}

.jt-privacy-section-heading h2{
    margin:0;
    color:#222A35;
    font-size:26px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:-.035em;
}

.jt-privacy-content{
    max-width:900px;
    margin:0 auto;
    padding:12px 0 0;
    color:#59636F;
    font-size:15px;
    line-height:1.85;
    letter-spacing:-.018em;
    word-break:keep-all;
}

.jt-privacy-content h1,
.jt-privacy-content h2,
.jt-privacy-content h3,
.jt-privacy-content h4{
    color:#252D38;
    font-weight:800;
    letter-spacing:-.035em;
}

.jt-privacy-content h1{
    margin:34px 0 18px;
    font-size:28px;
}

.jt-privacy-content h2{
    margin:42px 0 14px;
    padding-top:2px;
    font-size:20px;
}

.jt-privacy-content h3{
    margin:32px 0 12px;
    font-size:17px;
}

.jt-privacy-content p{
    margin:0 0 12px;
}

.jt-privacy-content ul,
.jt-privacy-content ol{
    margin:10px 0 20px;
    padding-left:24px;
}

.jt-privacy-content li{
    margin:5px 0;
}

.jt-privacy-content strong,
.jt-privacy-content b{
    color:#343D49;
    font-weight:750;
}

.jt-privacy-content a{
    color:#65538C;
    text-decoration:underline;
    text-underline-offset:3px;
}

.jt-privacy-content hr{
    height:1px;
    margin:34px 0;
    border:0;
    background:#E7EBEF;
}

.jt-privacy-content table{
    width:100%;
    margin:20px 0 26px;
    border-collapse:collapse;
    font-size:14px;
}

.jt-privacy-content th,
.jt-privacy-content td{
    padding:12px 14px;
    border:1px solid #E2E7EC;
    text-align:left;
    vertical-align:top;
}

.jt-privacy-content th{
    background:#F8F9FB;
    color:#39424D;
    font-weight:750;
}

.jt-privacy-empty{
    padding:54px 20px 32px;
    text-align:center;
    color:#737C87;
}

.jt-privacy-empty strong{
    display:block;
    margin-bottom:8px;
    color:#343C47;
    font-size:18px;
}

.jt-privacy-empty p{
    margin:0;
    font-size:14px;
}

.jt-privacy-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin-top:20px;
    padding:38px 46px;
    border:1px solid rgba(221,226,232,.92);
    border-radius:28px;
    background:linear-gradient(135deg,#F8F6FC 0%,#FBFCFE 100%);
    box-shadow:var(--jt-shadow);
}

.jt-privacy-bottom p{
    margin:0 0 8px;
    color:#7A6AA1;
    font-size:11px;
    font-weight:850;
    letter-spacing:.16em;
}

.jt-privacy-bottom h2{
    margin:0;
    color:#262E39;
    font-size:24px;
    font-weight:800;
    line-height:1.4;
    letter-spacing:-.035em;
}

.jt-privacy-bottom a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:50px;
    padding:0 22px;
    border-radius:999px;
    background:#272D36;
    color:#FFFFFF;
    font-size:14px;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;
}

@media (max-width:720px){
    .jt-privacy-shell{padding:18px 0 34px;}
    .jt-privacy-hero{min-height:auto;padding:34px 28px;}
    .jt-privacy-symbol{flex-basis:104px;width:104px;height:104px;}
    .jt-privacy-shield{width:40px;height:48px;border-width:3px;}
    .jt-privacy-lead br{display:none;}
    .jt-privacy-section{padding:32px 25px 38px;}
    .jt-privacy-content{font-size:14px;line-height:1.82;word-break:normal;}
    .jt-privacy-content h2{margin-top:34px;font-size:18px;}
    .jt-privacy-content table{display:block;overflow-x:auto;white-space:nowrap;}
    .jt-privacy-bottom{align-items:flex-start;flex-direction:column;padding:31px 28px;}
}

@media (max-width:520px){
    .jt-privacy-symbol{display:none;}
    .jt-privacy-hero{padding:30px 24px;}
    .jt-privacy-hero h1{font-size:35px;}
    .jt-privacy-section{padding:28px 21px 34px;}
    .jt-privacy-section-heading h2{font-size:22px;}
}


/* v1.1.3 hero symbol refinement */
.jt-privacy-symbol{
    position:relative;
    flex:0 0 190px;
    width:190px;
    height:190px;
    border-radius:50%;
    background:rgba(255,255,255,.78);
    box-shadow:0 18px 40px rgba(38,50,65,.06), inset 0 0 0 1px rgba(212,217,225,.72);
}
.jt-privacy-symbol::before,
.jt-privacy-symbol::after,
.jt-privacy-shield,
.jt-privacy-symbol > i{display:none !important;}
.jt-privacy-bubble{position:absolute;border-radius:50%;}
.jt-privacy-bubble--a{width:54px;height:54px;left:-18px;bottom:12px;background:rgba(105,193,212,.22);}
.jt-privacy-bubble--b{width:44px;height:44px;right:-12px;top:18px;background:rgba(237,193,85,.22);}
.jt-privacy-bubble--c{width:24px;height:24px;right:22px;bottom:38px;background:rgba(227,178,56,.95);}
.jt-privacy-lock{position:absolute;left:50%;top:50%;width:74px;height:86px;transform:translate(-50%,-50%);}
.jt-privacy-lock__shackle{position:absolute;left:16px;top:0;width:42px;height:34px;border:5px solid #384150;border-bottom:0;border-radius:24px 24px 0 0;box-sizing:border-box;}
.jt-privacy-lock__body{position:absolute;left:7px;top:30px;width:60px;height:48px;background:#384150;border-radius:14px;}
.jt-privacy-lock__dot{position:absolute;left:50%;top:48px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#E3B238;box-shadow:0 14px 0 0 #E3B238;}
@media (max-width: 860px){
 .jt-privacy-symbol{flex:0 0 140px;width:140px;height:140px;}
 .jt-privacy-lock{transform:translate(-50%,-50%) scale(.82);}
}