@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;}



.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;}

.desktop-nav { display:none;}
.logo a {background: url(./../../../img/logo.png);}
#login-toggle {background: rgba(0, 0, 0, 0.9);}


.terms-wrap { width:100%; max-width:1100px; margin:0 auto; padding:80px 20px; color:#111; }
.terms-header { margin-bottom:40px; }
.terms-title { margin:0 0 8px; font-size:34px; font-weight:800; letter-spacing:-0.02em; }
.terms-sub { margin:0; font-size:14px; color:#666; }
.terms-article { padding:48px 0; border-top:1px solid #eee; }
.terms-article:first-of-type { border-top:0; padding-top:0; }
.terms-chapter { margin:0 0 18px; font-size:22px; font-weight:800; letter-spacing:-0.01em; }
.terms-article-title { margin:26px 0 10px; font-size:16px; font-weight:800; }
.terms-p { margin:0 0 12px; font-size:14px; line-height:1.9; color:#333; word-break:keep-all; }
.terms-list { margin:10px 0 14px; padding-left:18px; }
.terms-list li { margin:8px 0; font-size:14px; line-height:1.9; color:#333; word-break:keep-all; }
.terms-olist { margin:10px 0 14px; padding-left:18px; }
.terms-olist li { margin:8px 0; font-size:14px; line-height:1.9; color:#333; word-break:keep-all; }
.terms-wrap strong { font-weight:800; }

@media (max-width:768px) { 
    .terms-wrap { padding:50px 16px; } 
    .terms-title { font-size:26px; }
    .terms-chapter { font-size:18px; }
    .terms-article { padding:34px 0; } 
    .terms-article-title { font-size:15px; } 
    .terms-p, .terms-list li, .terms-olist li { font-size:13px; line-height:1.85; } 
}