@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {margin-top: 100px;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em; max-width: 1600px; margin: 0px auto}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


/* .privacy-anchor-box { margin-top: 50px; padding: 60px; border: solid 1px #dbdbdb; background: #f9f9f9;}
.privacy-anchor-box li { float: left; width: 50%;}
.privacy-anchor-box li a { display: inline-block; font-size: 16px; color: #333; line-height: 30px;}
.privacy-anchor-box li a:hover { color: #0054a6; text-decoration: underline;}
.privacy-terms-content { border: solid 1px #dbdbdb; padding: 7%;}
.privacy-terms-content h3 { padding: 70px 0 20px; font-size: 20px; font-weight: 700; color: #111;}
.privacy-terms-content p { font-size: 16px; color: #444; line-height: 1.7em;}
.privacy-terms-content p.center { width: 80%; margin: 0 auto;}
.privacy-terms-content .bu-list { padding-top: 15px;}
.privacy-terms-content .bu-list > li { padding-left: 20px; margin-bottom: 7px; background: url('../../../img/privacy-dot.png') no-repeat; background-position: left 8px; font-size: 16px; color: #333; line-height:1.6em;}
.privacy-terms-content .bu-list > li > ul { padding-top: 7px;}
.privacy-terms-content .bu-list > li > ul > li { padding-left: 5px; margin-bottom: 5px; font-size: 15px; color: #333; line-height:1.6em;}
.privacy-terms-content .bu-list > li > ul > li::before { content: "- ";}
.privacy-terms-content hr { margin-top: 60px; border-top: solid 1px #dbdbdb; position: static; width: 100%; visibility: visible;} */

        .privacy-policy,
        .privacy-policy * {
            box-sizing: border-box;
        }
    
        .privacy-policy {
            --pp-bg: #ffffff;
            --pp-text: #1f2937;
            --pp-muted: #6b7280;
            --pp-line: #e5e7eb;
            --pp-primary: #1d4ed8;
            --pp-primary-soft: #eff6ff;
            --pp-radius: 18px;
            max-width: 980px;
            margin: 0 auto;
            color: var(--pp-text);
            line-height: 1.8;
            word-break: keep-all;
            font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
            font-size: 16px;
        }
    
        .privacy-policy a {
            color: var(--pp-primary);
            text-decoration: none;
        }
    
        .privacy-policy .privacy-card {
            background: var(--pp-bg);
            border: 1px solid var(--pp-line);
            border-radius: 28px;
            overflow: hidden;
        }
    
        .privacy-policy .privacy-hero {
            padding: 42px 40px 28px;
            background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            border-bottom: 1px solid var(--pp-line);
        }
    
        .privacy-policy .privacy-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 14px;
            border-radius: 999px;
            background: var(--pp-primary-soft);
            color: var(--pp-primary);
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 16px;
        }
    
        .privacy-policy .privacy-title {
            margin: 0;
            font-size: clamp(28px, 4vw, 40px);
            line-height: 1.25;
            letter-spacing: -0.03em;
        }
    
        .privacy-policy .privacy-desc {
            margin: 14px 0 0;
            color: var(--pp-muted);
            font-size: 16px;
        }
    
        .privacy-policy .privacy-meta {
            margin-top: 18px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
    
        .privacy-policy .privacy-meta span {
            display: inline-flex;
            align-items: center;
            min-height: 40px;
            padding: 8px 14px;
            border: 1px solid var(--pp-line);
            border-radius: 999px;
            font-size: 14px;
            color: #374151;
            background: #fff;
        }
    
        .privacy-policy .privacy-body {
            padding: 36px 40px 40px;
        }
    
        .privacy-policy .privacy-intro {
            margin: 0 0 28px;
            font-size: 16px;
        }
    
        .privacy-policy .privacy-toc {
            margin: 0 0 34px;
            padding: 20px;
            border: 1px solid var(--pp-line);
            border-radius: var(--pp-radius);
            background: #fcfdff;
        }
    
        .privacy-policy .privacy-toc h2 {
            margin: 0 0 12px;
            font-size: 18px;
        }
    
        .privacy-policy .privacy-toc ol {
            margin: 0;
            padding-left: 20px;
            columns: 2;
            gap: 24px;

        }
    
        .privacy-policy .privacy-toc li {
            margin: 0 0 8px;
            color: var(--pp-muted);list-style: auto;
        }
    
        .privacy-policy .privacy-section {
            padding: 28px 0;
            border-top: 1px solid var(--pp-line);
        }
    
        .privacy-policy .privacy-section:first-of-type {
            border-top: 0;
            padding-top: 0;
        }
    
        .privacy-policy .privacy-section h2 {
            margin: 0 0 14px;
            font-size: clamp(21px, 2.4vw, 28px);
            line-height: 1.35;
            letter-spacing: -0.02em;
        }
    
        .privacy-policy .privacy-section h3 {
            margin: 22px 0 8px;
            font-size: 18px;
            line-height: 1.45;
        }
    
        .privacy-policy .privacy-section p {
            margin: 0 0 12px;
        }
    
        .privacy-policy .privacy-section ul {
            margin: 8px 0 0;
            padding-left: 22px;

        }
   
       
    
        .privacy-policy .privacy-section li {
            margin: 0 0 8px;
list-style: disc;
        }
    
        .privacy-policy .privacy-box {
            margin-top: 14px;
            padding: 18px 20px;
            border: 1px solid var(--pp-line);
            border-radius: var(--pp-radius);
            background: #fafcff;
        }
    
        .privacy-policy .privacy-contact {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
            margin-top: 14px;
        }
    
        .privacy-policy .privacy-contact-item {
            padding: 18px 20px;
            border: 1px solid var(--pp-line);
            border-radius: var(--pp-radius);
            background: #fff;
        }
    
        .privacy-policy .privacy-contact-item strong {
            display: block;
            margin-bottom: 8px;
            font-size: 16px;
        }
    
        .privacy-policy .privacy-footer-note {
            margin-top: 32px;
            padding: 18px 20px;
            border-radius: var(--pp-radius);
            background: #f9fafb;
            border: 1px solid var(--pp-line);
            color: #374151;
            font-size: 15px;
        }
    
        @media (max-width: 768px) {
            .privacy-policy .privacy-hero {
                padding: 28px 20px 22px;
            }
    
            .privacy-policy .privacy-body {
                padding: 24px 20px 28px;
            }
    
            .privacy-policy .privacy-toc ol {
                columns: 1;
            }
    
            .privacy-policy .privacy-contact {
                grid-template-columns: 1fr;
            }
        }

.provision {border: solid 1px #dbdbdb; padding: 7%;}
.provision .title { padding: 70px 0 20px;font-size: 20px; font-weight: 700; color: #111;}
.provision h2 { font-size: 16px;color: #444; line-height: 1.7em;}
.provision h2 {margin-top: 20px;margin-bottom: 10px;}
.provision p { margin: 10px 0; font-size: 16px}
.provision ol { margin: 10px 0 10px 20px;}
.provision li { margin: 5px 0; font-size: 16px; line-height: 1.65}
.privacy-anchor-box h3 { padding: 70px 0 20px; font-size: 20px; font-weight: 700; color: #111;}

.header-area .logo a { display: block; position: relative;width: 180px; height: 56px; background: url(./../../../img/logo.png); background-repeat: no-repeat; background-size: 80%;}
.header-area .navbar > li { color: #000}
.header-area .navbar > li a { color: #000}
.header-area .mailgo .t_mall { background-color: #000; padding: 14px 26px; border-radius: 50px; text-indent: inherit; }
.header-area .mailgo .login { background-color: #000; padding: 14px 26px; border-radius: 50px; }


.scrolled .header-area { background-color: #000; color: #fff;}
.scrolled .header-area .logo a  { display: block; position: relative;width: 180px; height: 56px; background: url(./../../../img/logo_w.png); background-repeat: no-repeat; background-size: 80%;}
.scrolled .header-area .navbar > li a { color: #fff}
.scrolled .header-area .mailgo .t_mall { background: rgba(255, 255, 255, 0.2); padding: 14px 26px;border-radius: 50px;text-indent: inherit;}
.scrolled .header-area .mailgo .login {background: rgba(255, 255, 255, 0.2); padding: 14px 26px; border-radius: 50px;}