@import url('sub.css');

/*** 이용안내 공통 ***/
/* OTHER — COMMON */
.other_cont .other_intro { margin-bottom:30px; }
.other_cont .other_intro br { display:inline; }
.other_cont .other_intro a { color:inherit; text-decoration:underline; text-underline-position:from-font; }
.other_cont .gray-box { display:flex; flex-direction:column; gap:10px; padding:25px 30px; border-radius:var(--borderR10); }
.other_cont .note,
.other_cont .note li { color:var(--light); }
.other_cont .num-list { display:flex; flex-direction:column; gap:10px; counter-reset:num; }
.other_cont .num-list > li { position:relative; padding-left:25px; counter-increment:num; }
.other_cont .num-list > li::before { content:counter(num); position:absolute; left:0; top:5px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border:1px solid var(--basic); border-radius:50%; box-sizing:border-box; font-family:var(--eng); font-size:0.7778rem; line-height:100%; letter-spacing:0; color:var(--basic); }
.other_cont .num-list .sub-list { margin-top:5px; }

/* OTHER — TABLE */
.other_cont .other_table { position:relative; border-top:2px solid var(--main); }
.other_cont .other_table table { width:100%; border-collapse:separate; border-spacing:0px; table-layout:fixed; }
.other_cont .other_table th,
.other_cont .other_table td { padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); word-break:keep-all; }
.other_cont .other_table th:last-child,
.other_cont .other_table td:last-child { border-right:0; }
.other_cont .other_table th { height:62px; background:var(--grayBg); font-weight:600; color:var(--black); text-align:center; box-sizing:border-box; }
.other_cont .other_table td { background:var(--white); color:var(--basic); }
.other_cont .other_table td a { color:inherit; text-decoration:underline; text-underline-position:from-font; word-break:break-all; }

/*** 개인정보처리방침 ***/
/* PRIVACY — COMMON */
html:has(.privacy) { scroll-behavior:smooth; }
.privacy .marks { display:flex; align-items:center; gap:3px; flex-shrink:0; }
.privacy .marks img { display:block; width:auto; }

/* PRIVACY — LABEL */
.privacy .label_list { display:flex; flex-wrap:wrap; gap:30px; }
.privacy .label_list li { width:calc((100% - 60px) / 3); }
.privacy .label_list a { display:flex; flex-direction:column; align-items:center; gap:20px; padding:40px 30px; border-radius:var(--borderR30); background:var(--grayBg); box-sizing:border-box; }
.privacy .label_list .ico img { display:block; width:auto; height:110px; }
.privacy .label_list .label_btn { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 20px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); box-sizing:border-box; font-weight:600; color:var(--black); transition:border-color 0.3s ease, color 0.3s ease; }
.privacy .label_list .label_btn::after { content:"\e5cc"; font-family:var(--icon); font-size:18px; line-height:100%; font-weight:400; color:inherit; }
.privacy .label_list a:hover .label_btn { border-color:var(--main); color:var(--main); }

/* PRIVACY — INDEX */
.privacy .privacy_index { margin-top:120px; }
.privacy .index_list { display:flex; flex-wrap:wrap; gap:10px; }
.privacy .index_list li { width:calc((100% - 10px) / 2); }
.privacy .index_list a { display:flex; align-items:center; gap:15px; height:100%; padding:15px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); box-sizing:border-box; transition:border-color 0.3s ease; }
.privacy .index_list .txt { flex:1; min-width:0; color:var(--black); transition:color 0.3s ease; border: 0; padding: 0; height: auto;}
.privacy .index_list .marks img { height:28px; }
.privacy .index_list a:hover { border-color:var(--main); }
.privacy .index_list a:hover .txt { color:var(--main); }

/* PRIVACY — BODY */
.privacy .other_intro { margin:60px 0px; }
.privacy .privacy_body { display:flex; flex-direction:column; gap:60px; }
.privacy .privacy_art { display:flex; flex-direction:column; gap:20px; scroll-margin-top:140px; }
.privacy .art_tit { display:flex; align-items:center; gap:15px; }
.privacy .art_tit h4 { flex:1; min-width:0; font-weight:700; }
.privacy .art_tit .marks img { height:40px; }
.privacy .gray-box { gap:15px; }
.privacy .dot_group { display:flex; flex-direction:column; gap:8px; }
.privacy .dot_group .tit { font-weight:600; color:var(--black); }
.privacy .dot-list a { color:inherit; text-decoration:underline; text-underline-position:from-font; }
.privacy .paren-list { display:flex; flex-direction:column; gap:10px; counter-reset:paren; }
.privacy .paren-list li { position:relative; padding-left:22px; counter-increment:paren; }
.privacy .paren-list li::before { content:counter(paren) ")"; position:absolute; left:0; top:0; font-family:var(--eng); letter-spacing:0; }
.privacy .other_table col:first-child { width:26.14%; }

/*** 저작권보호정책 ***/
/* COPYRIGHT — COMMON */
.copyright .copyright_group { display:flex; flex-direction:column; gap:50px; }
.copyright .copyright_item { display:flex; flex-direction:column; gap:15px; }
.copyright .tit { font-weight:700; }
.copyright .underline { text-decoration:underline; text-underline-position:from-font; }
.copyright .btn-link-line { font-weight:600; }
.copyright .btn-link-line.down::after { content:"\e2c4"; }

/* COPYRIGHT — LAW */
.copyright .tit_wrap { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:30px; }
.copyright .tit_wrap .dep-tit { margin-bottom:0px; }
.copyright .tit_wrap .btn-link-line { flex-shrink:0; margin-top:2px; }
.copyright .law_chapter { display:flex; flex-direction:column; gap:30px; }
.copyright .law_item { display:flex; flex-direction:column; gap:12px; }
.copyright .law_item .law_tit { font-weight:700; color:var(--main); }

/*** 이메일무단수집거부 ***/
/* EMAIL — LAW */
.email .other_intro { margin-bottom:55px; }
.email .law_wrap { display:flex; flex-direction:column; gap:10px; }
.email .law_name { font-weight:600; text-align:center; }
.email .art_tit { font-weight:600; }
.email .num-list + .art_tit { margin-top:15px; }

@media (prefers-reduced-motion:reduce){
html:has(.privacy) { scroll-behavior:auto; }
}

/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){



}
/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){


}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* PRIVACY — LABEL */
.privacy .label_list { gap:20px; }
.privacy .label_list li { width:calc((100% - 40px) / 3); }
.privacy .label_list a { gap:16px; padding:30px 20px; }
.privacy .label_list .ico img { height:90px; }

}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* OTHER — COMMON */
.other_cont .other_intro { margin-bottom:25px; }
.other_cont .gray-box { padding:20px 24px; }

/* OTHER — TABLE */
.other_cont .other_table.scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.other_cont .other_table.scroll .responsive-dim.show { display:block; }
.other_cont .other_table.scroll table { min-width:900px; }
.other_cont .other_table th,
.other_cont .other_table td { padding:14px 10px; }
.other_cont .other_table th { height:auto; }

/* PRIVACY — LABEL */
.privacy .label_list { gap:16px; }
.privacy .label_list li { width:calc((100% - 16px) / 2); }
.privacy .label_list a { border-radius:var(--borderR20); }
.privacy .label_list .ico img { height:80px; }

/* PRIVACY — INDEX */
.privacy .privacy_index { margin-top:80px; }
.privacy .index_list li { width:100%; }
.privacy .index_list a { gap:12px; padding:14px; }
.privacy .index_list .marks img { height:24px; }

/* PRIVACY — BODY */
.privacy .other_intro { margin:40px 0px; }
.privacy .privacy_body { gap:50px; }
.privacy .privacy_art { scroll-margin-top:120px; }
.privacy .art_tit .marks img { height:34px; }
.privacy .other_table.scroll table { min-width:700px; }

/* COPYRIGHT — COMMON */
.copyright .copyright_group { gap:40px; }

/* COPYRIGHT — LAW */
.copyright .tit_wrap { margin-bottom:25px; }
.copyright .law_chapter { gap:20px; }

/* EMAIL — LAW */
.email .other_intro { margin-bottom:40px; }

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* OTHER — COMMON */
.other_cont .other_intro { margin-bottom:15px; }
.other_cont .gray-box { padding:16px 18px; }
.other_cont .num-list { gap:8px; }
.other_cont .num-list > li { padding-left:24px; }
.other_cont .num-list > li::before { top:4px; width:18px; height:18px; font-size:0.7222rem; }

/* OTHER — TABLE */
.other_cont .other_table.scroll table { min-width:760px; }
.other_cont .other_table th,
.other_cont .other_table td { padding:10px 6px; }

/* PRIVACY — LABEL */
.privacy .label_list { gap:8px; }
.privacy .label_list li { width:100%; }
.privacy .label_list a { flex-direction:row; gap:15px; padding:12px 15px; }
.privacy .label_list .ico { flex-shrink:0; }
.privacy .label_list .ico img { height:50px; }
.privacy .label_list .label_btn { flex:1; min-width:0; padding:8px 14px; }

/* PRIVACY — INDEX */
.privacy .privacy_index { margin-top:60px; }
.privacy .index_list { gap:8px; }
.privacy .index_list a { flex-wrap:wrap; gap:8px; padding:12px; }
.privacy .index_list .txt { flex:1 1 100%; }
.privacy .index_list .marks img { height:22px; }

/* PRIVACY — BODY */
.privacy .other_intro { margin:30px 0px; }
.privacy .privacy_body { gap:40px; }
.privacy .privacy_art { gap:15px; scroll-margin-top:90px; }
.privacy .art_tit { flex-wrap:wrap; gap:8px; }
.privacy .art_tit h4 { flex:1 1 100%; }
.privacy .art_tit .marks img { height:28px; }
.privacy .dot_group { gap:6px; }
.privacy .paren-list { gap:8px; }
.privacy .paren-list li { padding-left:20px; }
.privacy .other_table.scroll table { min-width:600px; }

/* COPYRIGHT — COMMON */
.copyright .copyright_group { gap:30px; }
.copyright .copyright_item { gap:10px; }

/* COPYRIGHT — LAW */
.copyright .tit_wrap { flex-direction:column; gap:10px; margin-bottom:15px; }
.copyright .law_chapter { gap:15px; }
.copyright .law_item { gap:8px; }

/* EMAIL — LAW */
.email .other_intro { margin-bottom:30px; }
.email .num-list + .art_tit { margin-top:8px; }

}