/* reset */ 
@charset "utf-8";
@import url('https://googleapis.com');
html {overflow-y:scroll}
body { margin:0; padding:0;
	font-size:14px;
    font-family: -apple-system,BlinkMacSystemFont,Pretendard Variable,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
}
body.dogdict { margin:0; padding:0;
	font-size:14px;	
    font-family: -apple-system,BlinkMacSystemFont,Pretendard Variable,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
	background-color:#f2f4f7;
}
a {color:#000;text-decoration:none;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
input[type=text],input[type=password], textarea {
outline:none;
}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
fieldset { border:0; margin:0; padding:0; }
li { list-style:none; margin:0; padding:0; border:0; 
    font-family: -apple-system,BlinkMacSystemFont,Pretendard Variable,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
}
ul { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0; 
    font-family: -apple-system,BlinkMacSystemFont,Pretendard Variable,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word;
}
button { background-color:transparent; border:0; cursor: pointer; }
input { cursor: pointer; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.d-flex { display: flex; }
.d-block { display: block; }
.d-none { display: none; }

.gap-8 { gap: 8px; }
.gap-10 { gap: 10px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }
.gap-24 { gap: 24px; }

.mt-0 { margin-top: 0; }
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }

.mb-0 { margin-bottom: 0; }
.mb-8 { margin-bottom: 8px; }
.mb-16 { margin-bottom: 16px; }
.mb-24 { margin-bottom: 24px; }
.mb-32 { margin-bottom: 32px; }

.p-0 { padding: 0; }
.p-8 { padding: 8px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }

.pt-10 { padding-top:10px; }
.pt-20 { padding-top:20px; }
.pt-30 { padding-top:30px; }
.pt-40 { padding-top:40px; }
.pt-50 { padding-top:50px; }
.pt-60 { padding-top:60px; }
.pt-70 { padding-top:70px; }
.pt-80 { padding-top:80px; }
.pt-90 { padding-top:90px; }

.pb-10 { padding-bottom:10px; }
.pb-20 { padding-bottom:20px; }
.pb-30 { padding-bottom:30px; }
.pb-40 { padding-bottom:40px; }
.pb-50 { padding-bottom:50px; }
.pb-60 { padding-bottom:60px; }
.pb-70 { padding-bottom:70px; }
.pb-80 { padding-bottom:80px; }
.pb-90 { padding-bottom:90px; }

.pl-10 { padding-left:10px; }
.pl-20 { padding-left:20px; }
.pl-30 { padding-left:30px; }
.pl-40 { padding-left:40px; }
.pl-50 { padding-left:50px; }
.pl-60 { padding-left:60px; }
.pl-70 { padding-left:70px; }
.pl-80 { padding-left:80px; }
.pl-90 { padding-left:90px; }

.pr-10 { padding-right:10px; }
.pr-20 { padding-right:20px; }
.pr-30 { padding-right:30px; }
.pr-40 { padding-right:40px; }
.pr-50 { padding-right:50px; }
.pr-60 { padding-right:60px; }
.pr-70 { padding-right:70px; }
.pr-80 { padding-right:80px; }
.pr-90 { padding-right:90px; }

.radius-5 { border-radius:5px; }
.radius-10 { border-radius:10px; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }

@media (min-width: 1024px) {
.bg-gold { background:#aa7736; }
.radius-5 { border-radius:5px; }

.policy-header { width:100%; height:60px; border-bottom:1px solid #ddd; }
.policy-header ul { width:1240px; margin:0 auto; height:60px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.policy-header .policy-logo img { height:35px; }
.policy-header h2 { font-size:18px; }
.policy-user { display:flex; align-items:center; gap:30px; font-size:13px; color:#444; white-space:nowrap; margin-left:auto; padding:8px 12px 8px 12px; font-size:13px; }
.policy-user a { color:#0b57d0; }
.policy-user span { color:#222; font-weight:600; }
.policy-user .login { color:#000; }
.policy-user .register { color:#fff; padding:8px 12px 8px 12px; font-size:13px; }
.policy-menu { }
.policy-menu ul { display:flex; width:100%; }
.policy-menu a { flex:1; display:block; }
.policy-menu li { border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:50px; text-align:center; color:#333; }
.policy-menu a:first-child li { border-left:1px solid #ddd; }
.policy-menu li.active { background:#aa7736; border:0; color:#fff; font-weight:700; }

#policy-container { width:1240px; margin:0 auto; padding-top:30px; padding-bottom:10px; margin-bottom:30px; }
#policy-container h1 { font-size:20px; border-bottom:2px solid #111; padding-bottom:8px; margin-bottom:20px; }
.policy-select-mobile { display:none; }
.copyright { text-align:center; padding-top:20px; padding-bottom:20px; }
}
@media (max-width: 1024px) {
.policy-header { width:100%; height:60px; border-bottom:1px solid #ddd; }
.policy-header ul { height:60px; display:flex; align-items:center; }
.policy-header .policy-logo img { height:35px; }
.policy-header h2 { font-size:16px; white-space:nowrap; }
.policy-user { display:none; }
#policy-container { padding:15px; }
#policy-container h1 { font-size:18px; padding:20px 0px 20px 20px; border-bottom:1px solid #ddd; margin-bottom:20px; }

.policy-menu > ul { display:none; }
.policy-menu { margin-bottom:30px; }
.policy-select-mobile { display:block; position:relative; border:1px solid #ddd; border-radius:6px; padding:0 15px; line-height:46px; font-size:14px; color:#333; }
.policy-select-mobile i { position:absolute; right:15px; top:0; line-height:46px; transition:transform 0.2s; }
.policy-select-mobile.open i { transform:rotate(180deg); }
.policy-select-list { display:none; position:absolute; top:50px; left:0; right:0; background:#fff; border:1px solid #ddd; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,0.1); z-index:999; max-height:0; overflow:hidden; transition:max-height 0.3s ease; }
.policy-select-list.open { display:block; max-height:300px; }
.policy-select-list li { border-bottom:1px solid #f0f0f0; }
.policy-select-list li:last-child { border-bottom:0; }
.policy-select-list li a { display:block; padding:12px 15px; font-size:13px; color:#444; }
.policy-select-list li a.active { color:#aa7736; font-weight:700; background:#fffbf6; }
.copyright { padding:10px; font-size:12px; text-align:center; }  
}