@charset "utf-8";

/*policy_header*/
.policy_header {display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ccc; background: #fff;}
.policy_header .inner {display: flex; justify-content: space-between; width: 100%;}
.lang_nav ul {display: flex; gap: 10px;}
.lang_nav a {color: #888; transition: color .3s ease; padding: 0 5px;}
.lang_nav a.active {color: #444; font-weight: 700;}
.lang_nav a:hover {font-weight: 700; color: #444;}

/*tab*/
.tab_wrap {width: 100%; display: flex; justify-content: center; align-items: center; color: #444;}

.tab_wrap a {flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px; letter-spacing: -0.3px; border: 1px solid #ccc; border-left: none; padding: 15px 10px; transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease; text-align: center; font-size: 14px;}
.tab_wrap a:first-child {border-left: 1px solid #ccc;}

.tab_wrap a.tab_btn.active {background: #555; color: #fff; font-weight: 500; border-color: #555;}
.tab_wrap a:hover:not(.active) {background: #555; color: #fff; border-color: #555;}

.policy_wrap {width: 100%; max-width: 1280px;}
.policy_title {margin-top: 70px;}
.policy_section {margin-top: 20px;}
.policy_content h3 {margin-bottom: 10px;}
.policy_content p {color: #666;}
.policy_list {padding: 20px 30px; margin: 20px 0; color: #666; background: #fbfbfb; line-height: 1.8;}
.policy_list li {padding-left: 15px; text-indent: -15px;}
.policy_list .policy_indent {padding-left: 20px; text-indent: -10px;}

/*sitemap*/
#etc .sitemap_list {display: flex; align-items: flex-start; gap: 20px; margin-top: 70px; flex-wrap: wrap; width: 100%;}
#etc .sitemap_list .sitemap_menu {width: calc((100% - 60px) / 4);}
#etc .sitemap_list .sitemap_menu .sitemap_menu_title {font-size: 24px; font-weight: 600; padding: 15px 20px; border-top: 2px solid #777; border-bottom: 1px solid #777;}
#etc .sitemap_list .sitemap_menu .sitemap_detail {padding: 20px 0;}
#etc .sitemap_list .sitemap_menu .sitemap_detail li a {display: block; padding: 10px 20px; font-size: 18px;}
#etc .sitemap_list .sitemap_menu .sitemap_detail li .sitemap_3depth {background: #f6f6f6; padding: 15px 40px;}
#etc .sitemap_list .sitemap_menu .sitemap_detail li .sitemap_3depth li {list-style: disc; line-height: 1.4;}
#etc .sitemap_list .sitemap_menu .sitemap_detail li .sitemap_3depth li::marker {font-size: 12px;}
#etc .sitemap_list .sitemap_menu .sitemap_detail li .sitemap_3depth a {font-size: 16px; padding: 5px 0;}

@media all and (max-width: 1024px) {
   .policy_header {padding: 0;}

}

@media all and (max-width: 768px) {
   .policy_header {padding: 0;}
   .policy_wrap {padding-top: 20px;}
   
   #sitemap .sitemap_list .sitemap_menu {width: 48%;}
   #sitemap .sitemap_list .sitemap_menu .sitemap_menu_title {font-size: 22px;}
   #sitemap .sitemap_list .sitemap_menu .sitemap_detail li a {font-size: 16px;}
   #sitemap .sitemap_list .sitemap_menu .sitemap_detail li .sitemap_3depth a {font-size: 14px;}
}

@media all and (max-width: 525px) {
  .tab_wrap {flex-direction: column;}
  .tab_wrap a {width: 100%; border: 1px solid #ccc; border-bottom: none;}
  .tab_wrap a:last-child {border-bottom: 1px solid #ccc;}
  
  #sitemap .sitemap_list {gap: 0;}
  #sitemap .sitemap_list .sitemap_menu {width: 100%;}
}

@media screen and (max-width: 370px) {


  .policy_content p {margin-bottom: 10px;}
  .policy_list {padding: 20px;}
  .policy_list li {padding-left: 10px; text-indent: -5px;}
}