@charset "utf-8";

/* /sr/privacy.do — extracted from regacy ui.content.css, ui.responsive.css, common.element.css */

/* --- common.element.css: container --- */
#baseBody .default-wrap.new {
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1384px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* --- ui.content: tab base + chest-sub shell --- */
/* tab type */
#baseBody .ui-tab-type2 .ui-tab-btns{display:flex; flex-wrap:wrap; width:100%;border-bottom:0;font-size:0; margin-bottom: 30px;}
#baseBody .ui-tab-type2 .ui-tab-btns button{position:relative;width:100%;min-height:auto;font-size:14px;background:#f5f5f5;border:1px solid #d4d4d4;color:#666;vertical-align:top; margin-left: -1px; margin-bottom: -1px; flex: 1;min-width: 120px;padding: 14px 10px;}
#baseBody .ui-tab-type2 .ui-tab-btn.selected,
#baseBody .ui-tab-type2 .ui-tab-btn.selected:hover,
#baseBody .ui-tab-type2 .ui-tab-btn.selected:focus-visible{background:#fff;color:#cb0802;line-height:1;border:1px solid #cb0802}
/* 사랑의열매 하위 */
#baseBody .chest-sub,
#baseBody .chest-sub button,
#baseBody .chest-sub .headline-wrap h3{ font-family: 'Pretendard', sans-serif; color: #1F2937; }

#baseBody .chest-sub{ padding-top: 120px; word-wrap: anywhere; }
#baseBody .chest-sub .color-D41616{ color: #D41616 !important; }

#baseBody .chest-sub .headline-wrap{ position: relative; margin-bottom: 80px; text-align: center; }
#baseBody .chest-sub .headline-wrap h3{ margin-bottom: 32px; font-size: 52px; font-weight: 800; line-height: 1.1; }
#baseBody .chest-sub .headline-wrap h3 strong{ font-weight: 700; line-height: 1.1; }
#baseBody .chest-sub .headline-wrap p{ color: #1E293B; font-size: 20px; font-weight: 500; }

#baseBody .chest-sub .ui-tab-type2 .ui-tab-btns{ margin: 0 auto 120px; padding: 8px; border-radius: 18px; border: 1px solid #CBD5E1; }
#baseBody .chest-sub .ui-tab-type2.col-2 .ui-tab-btns{ max-width: 488px; }
#baseBody .chest-sub .ui-tab-type2.col-4 .ui-tab-btns{ max-width: 1024px; }
#baseBody .chest-sub .ui-tab-type2 .ui-tab-btns button{ flex: 1; min-width: 120px; padding: 18px; font-size: 20px; line-height: 1.4; font-weight: bold; border-radius: 10px; color: #1E293B; background-color: #fff; border-color: transparent}
#baseBody .chest-sub .ui-tab-type2 .ui-tab-btns button.selected{ border-color: #334155; background-color: #334155; color: #fff; line-height: 1.4; }

#baseBody .chest-sub .btn-base-imp{ padding: 18px; height: auto; background-color: #FFF; border: 1px solid #6B7280; border-radius: 72px; font-size: 24px; font-weight: 700; color: #1F2937; line-height: 1.2; transition: 0.3s; }
#baseBody .chest-sub .btn-base-imp:hover,
#baseBody .chest-sub .btn-base-imp:focus-visible{ border-color: #D41616; background-color: #D41616; color: #fff !important; }

/* --- ui.content: wide-scroll --- */
#baseBody .wide-scroll{width:100%;overflow-y:hidden;overflow-x:auto}
#baseLayer .wide-scroll{width:100%;overflow-y:hidden;overflow-x:auto}

/* --- ui.common (via ui.content bundle): align --- */
#baseBody .align-c{text-align:center !important}
#baseBody .align-c th,
#baseBody .align-c td{text-align:center !important}

/* --- ui.plugins: tab panels (privacy does not load ui.plugins.css) --- */
#baseBody .ui-tab-pnl[aria-hidden='true']{visibility:hidden;position:absolute;height:0;overflow:hidden;opacity:0;}
#baseBody .ui-tab-pnl[aria-hidden='false']{visibility:visible;position:relative;opacity:1;z-index:1;display:block;height:auto;overflow:visible;}

/* --- ui.content: privacy block --- */
/* privacy */
#baseBody .page-tab.type2 .tab-col{ border: 1px solid #ccc; color: #888; background-color: #f7f7f7; }
#baseBody .page-tab.type2 .tab-col.on{ border-top: 2px solid #ca0902; color: #3c3c3c; background-color: #fff; }
#baseBody .page-tab.type2 .tab-col .tab-col-item{ display: inline-block; border: 0; vertical-align: middle; }

#baseBody .chest-sub.privacy .ui-tab-type2 .ui-tab-btns{ max-width: 772px; }
#baseBody .chest-sub.privacy .ui-tab-type2 .ui-tab-btns button{ height: auto; padding: 18px 36px; }

#baseBody .privacy{ padding-bottom: 150px; font-size: 18px; }
#baseBody .privacy .page-box >div p,
#baseBody .privacy .page-box >p,
#baseBody .privacy .page-box >div ul,
#baseBody .privacy .page-box >ul{ padding-bottom: 10px; }
#baseBody .privacy .page-box >div ul >li:not(:first-child),
#baseBody .privacy .page-box >ul >li:not(:first-child){ margin-top: 5px; }
#baseBody .privacy .page-box .a_link{ color: #666; }
#baseBody .privacy .page-box .a_link:hover{ text-decoration: underline; text-underline-position: under; }
#baseBody .privacy strong{ display: inline-block; margin-top: 24px; font-weight: 700; }
#baseBody .privacy p strong,
#baseBody .privacy li strong{ display: inline; margin-top: 0; font-weight: 700; }

#baseBody .privacy__title{ margin-bottom: 16px; font-size: 32px; font-weight: 700; }
#baseBody .privacy__title + p { margin-bottom: 60px; font-size: 20px; }
#baseBody .privacy__subtitle { margin-block: 56px 16px; font-size: 24px; font-weight: 700; }
#baseBody .privacy__desc { margin-bottom: 12px; }
#baseBody .privacy strong.privacy__subtitle__cl,
#baseBody .privacy h5.privacy__subtitle__cl,
#baseBody .privacy h6.privacy__subtitle__cl{ display: block; margin-bottom: 8px; font-size: 20px; font-weight: 700; }
#baseBody .privacy strong.privacy__subtitle__cl.head,
#baseBody .privacy h5.privacy__subtitle__cl.head,
#baseBody .privacy h6.privacy__subtitle__cl.head { margin-top: 28px; }
#baseBody .privacy strong.privacy__subtitle__num { margin-top: 12px; font-size: 18px; }
#baseBody .privacy__subtxt{ margin: 8px 0; font-size: 16px; }
#baseBody .privacy__circle { margin-bottom: 16px; }
#baseBody .privacy__circle > li { margin-bottom: 8px; }
#baseBody .privacy__link { text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
#baseBody .privacy__emphasis { text-decoration: underline; text-underline-offset: 2px; }
#baseBody .privacy__order{ margin: 16px 0 0; padding-left: 1.4em; }
#baseBody .privacy__order > li{ list-style: decimal; }
#baseBody .privacy__order > li + li{ margin-top: 8px; }
#baseBody .privacy__graybox { margin-bottom: 60px; padding-block: 30px; padding-inline: 50px; border-radius: 15px; font-weight: 700; line-height: 1.8; color: var(--color-text-500); background-color: #f7f7f7; }
#baseBody .privacy__table{ margin-block: 16px 32px; border: 1px solid #e4e4e4; overflow: hidden; border-radius: 15px; font-size: 15px; }
#baseBody .privacy__table th{ font-size: 16px; font-weight: 700; background-color: #D1D5DB; }
#baseBody .privacy__table thead th{ white-space: nowrap; }
#baseBody .privacy__table th,
#baseBody .privacy__table td{ padding: 16px 24px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
#baseBody .privacy__table th:first-child{ border-left: none; }
#baseBody .privacy__table tr:first-child th,
#baseBody .privacy__table tr:first-child td { border-top: none; }
#baseBody .privacy__table .sub-th { padding: 16px 12px; font-weight: 700; background-color: #F3F4F6; }
#baseBody .privacy__table .bold{ font-weight: 700; }
#baseBody .privacy__table .mobile-break { display: none; }
#baseBody .privacy__table.type2{ font-size: 18px; }
#baseBody .privacy__table.type2 th{ padding: 24px; background-color: #F3F4F6; }
#baseBody .privacy__table.type2 td{ padding: 24px 6.13%; }
#baseBody .privacy__table.type2 td:first-child{ border-left: none; }
#baseBody .privacy__table.type2 th + th,
#baseBody .privacy__table.type2 td + td{ border-left: 1px solid #e4e4e4; }

#baseBody .privacy__list{ display: flex; gap: 2.39%; margin: 24px 0; }
#baseBody .privacy__list li{ display: flex; flex: 1; flex-direction: column; border: 1px solid #D4D4D4; overflow: hidden; border-radius: 15px; font-size: 18px; text-align: center; }
#baseBody .privacy__list .tit,
#baseBody .privacy__list h6.tit{ display: flex; flex-direction: column; justify-content: center; padding: 24px 12px; border-bottom: 1px solid #D4D4D4; font-weight: 700; background-color: #F3F4F6; }
#baseBody .privacy__list li.tit h6{ margin: 0; font-size: inherit; font-weight: 700; }
#baseBody .privacy__list .item{ display: flex; flex-grow: 1; flex-direction: column; justify-content: center; align-items: center; padding: 40px; }
#baseBody .privacy__list .item > div{ text-align: left; }
#baseBody .privacy__list .item span{ display: block; }

#baseBody .privacy__adminList{ display: table; table-layout: fixed; width: 100%; margin: 15px 0; padding-top: 30px; padding-bottom: 30px !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#baseBody .privacy__adminList >li{ display: table-cell; border-right: 1px solid #ccc; text-align: center; }
#baseBody .privacy__adminList >li:last-child{ border-right: 0; }
#baseBody .privacy__adminList .item{ display: block; width: 100%; }
#baseBody .privacy__adminList .item .tit{ margin-bottom: 5px; font-weight: 700; }
#baseBody .privacy__adminList .item span{ display: block; margin-bottom: 5px; }

#baseBody .privacy__tab_w{ margin-top: 50px; padding: 20px; border: 1px solid #ccc; background-color: #f7f7f7; }
#baseBody .privacy__tab{ display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
#baseBody .privacy__tab >li{ width: calc((100% - 20px)/3); margin-top: 0 !important; margin-right: 10px; }
#baseBody .privacy__tab >li:last-child{ margin-right: 0; }
#baseBody .privacy__tab >li >a{ display: block; width: 100%; padding: 10px 5px; border: 1px solid #ccc; border-radius: 50px; font-size: 15px; text-align: center; color: #888; background-color: #fff; }
#baseBody .privacy__tab >li >a.active{ border-color: #ca0902; color: #fff; background-color: #ca0902; }

#baseBody .privacy__history{ display: flex; gap: 32px; margin-top: 40px; }
#baseBody .privacy__history + .privacy__history{ margin-top: 32px; }
#baseBody .privacy__history li{ flex: 0 0 auto; width: calc(25% - 24px); }
#baseBody .privacy__history li .btn-base-imp{ display: inline-block; width: 100%; padding: 24px; font-size: 18px; text-align: center; }

#baseBody .privacy__download { display: flex; justify-content: center; margin-block: 26px 60px; }
#baseBody .privacy__download--btn { display: inline-flex; justify-content: center; align-items: center; width: 100%; padding-block: 18px; border: 1px solid var(--color-line-400); border-radius: 72px; font-family: inherit; font-size: 24px; text-align: center; font-weight: 700; color: var(--color-text-500); background-color: #FFF; }
#baseBody .privacy__download--btn:hover,
#baseBody .privacy__download--btn:focus-visible { border: 1px solid var(--color-primary-400); color: #fff !important; background-color: var(--color-primary-400); }

#baseBody .list-dash >li{ position: relative; padding-left: 13px; }
#baseBody .list-dash >li::before{ content: '\002d'; position: absolute; top: 0; left: 0; }
#baseBody .list-dash >li.nodash{ padding-left: 0; }
#baseBody .list-dash >li.nodash::before{ display: none; }
#baseBody .line-dash{ position: relative; padding-left: 13px; }
#baseBody .line-dash::before{ content: '\002d'; position: absolute; top: 0; left: 0; }

#baseBody .email-deny{ display: flex; overflow: hidden; border-radius: 50px; }
#baseBody .email-deny-tit{ flex: 0 0 424px; padding: 80px 82px; font-size: 32px; font-weight: 700; color: #fff; background-color: #D41616; background-image: url(../../../img/contents/sub-chest/img_email_deny2.png); background-position: bottom 60px right 82px; background-repeat: no-repeat; }
#baseBody .email-deny-desc{ flex-grow: 1; min-height: 480px; padding: 80px 8.53%; font-size: 20px; background-color: #F3F4F6; background-image: url(../../../img/contents/sub-chest/icon_email.svg); background-position: bottom 66px right 8.53%; background-repeat: no-repeat; }
#baseBody .email-deny-desc p{ max-width: 50%; }

#baseBody .privacy__table .privacy__view { font-size: 15px; font-weight: bold; }
#baseBody .privacy__table .privacy__view:hover,
#baseBody .privacy__table .privacy__view:focus-visible { color: var(--color-primary-400); }
#baseBody .privacy__table tbody th { font-size: 15px; font-weight: 400; text-align: left; background-color: transparent; }
#baseBody .privacy__table a:not(.privacy__view) { text-decoration: underline; text-underline-offset: 2px; }

#baseLayer .type-footer-con .box-footer-con .inner-wrap .privacy__list .item,
#baseBody .type-footer-con .box-footer-con .inner-wrap .privacy__list .item { padding-block: 20px; }
#baseLayer .type-footer-con .box-footer-con .inner-wrap .privacy__table td,
#baseBody .type-footer-con .box-footer-con .inner-wrap .privacy__table td { padding-inline: 16px; }
#baseBody .default-wrap .privacy__graybox { display: flex; flex-wrap: wrap; }
#baseBody .privacy__graybox > ol { display: flex; flex-wrap: wrap; row-gap: 12px; align-items: flex-start; align-content: flex-start; width: 50%; }
#baseBody .privacy__graybox > ol > li { display: flex; flex: 0 0 auto; align-items: center; width: 100%; padding-right: 10px; }
#baseBody .privacy .privacy__graybox strong { margin-top: 0px; }
#baseBody .privacy__table.type02 { margin-top: 0; }
#baseBody .privacy__table.type02 th,
#baseBody .privacy__table.type02 td { padding-inline: 20px; }
#baseBody .privacy__table.type02 .br-m { display: none; }
#baseBody .privacy__table-info { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 46px; padding-inline: 4px; font-size: 16px; font-weight: 600; }
#baseBody .privacy__subtitle:has(.ico-privacy-md) { display: flex; align-items: center; gap: 6px; }
#baseBody i.ico-privacy-sm { display: inline-block; flex: 0 0 auto; width: 28px; height: 28px; line-height: 28px; }
#baseBody i.ico-privacy-md { display: inline-block; flex: 0 0 auto; width: 32px; height: 32px; line-height: 32px; }
#baseBody i.ico-privacy-lg { display: inline-block; width: 52px; height: 52px; line-height: 52px; }
#baseBody i.privacy01 { background: url(../../../mainRenewal/images/ico_privacy01.png) no-repeat center / cover; }
#baseBody i.privacy02 { background: url(../../../mainRenewal/images/ico_privacy02.png) no-repeat center / cover; }
#baseBody i.privacy03 { background: url(../../../mainRenewal/images/ico_privacy03.png) no-repeat center / cover; }
#baseBody i.privacy04 { background: url(../../../mainRenewal/images/ico_privacy04.png) no-repeat center / cover; }
#baseBody i.privacy05 { background: url(../../../mainRenewal/images/ico_privacy05.png) no-repeat center / cover; }
#baseBody i.privacy06 { background: url(../../../mainRenewal/images/ico_privacy06.png) no-repeat center / cover; }
#baseBody i.privacy07 { background: url(../../../mainRenewal/images/ico_privacy07.png) no-repeat center / cover; }
#baseBody i.privacy08 { background: url(../../../mainRenewal/images/ico_privacy08.png) no-repeat center / cover; }
#baseBody i.privacy09 { background: url(../../../mainRenewal/images/ico_privacy09.png) no-repeat center / cover; }
#baseBody i.privacy10 { background: url(../../../mainRenewal/images/ico_privacy10.png) no-repeat center / cover; }
#baseBody i.privacy11 { background: url(../../../mainRenewal/images/ico_privacy11.png) no-repeat center / cover; }
#baseBody i.privacy12 { background: url(../../../mainRenewal/images/ico_privacy12.png) no-repeat center / cover; }
#baseBody i.privacy13 { background: url(../../../mainRenewal/images/ico_privacy13.png) no-repeat center / cover; }
#baseBody i.privacy14 { background: url(../../../mainRenewal/images/ico_privacy14.png) no-repeat center / cover; }
#baseBody i.privacy15 { background: url(../../../mainRenewal/images/ico_privacy15.png) no-repeat center / cover; }

/* --- ui.content: chest-sub @media 1024 --- */
@media all and (max-width: 1024px) {
  /* 사랑의열매하위 */
  #baseBody .chest-sub .dot-list li:before{ width: 3px; height: 3px; }
  #baseBody .chest-sub .ui-tab-type2 .ui-tab-btns{ display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 60px; padding: 10px 12px; }
  #baseBody .chest-sub .ui-tab-type2 .ui-tab-btns button{ display: flex; justify-content: center; align-items: center; width: auto; flex: 1;  padding: 10px 18px; font-size: 14px; }
  
  #baseBody .chest-sub .btn-base-imp{ padding: 16px; font-size: 18px; }
}

/* --- ui.content: chest-sub @media 768 --- */
@media all and (max-width: 768px) {
  #baseBody .chest-sub{ padding-top: 118px; }

  #baseBody .chest-sub .headline-wrap{ margin-bottom: 64px; }
  #baseBody .chest-sub .headline-wrap h3{ margin-bottom: 16px; font-size: 44px; line-height: 1; }
  #baseBody .chest-sub .headline-wrap h3 strong{ line-height: 1; }
}

/* --- ui.content: privacy @media 1024 --- */
@media all and (max-width: 1024px) {
  /* Privacy */
  #baseBody .privacy{ font-size: 16px; padding-bottom: 80px; }
  #baseBody .privacy__title{ font-size: 24px; margin-bottom: 12px; }
  #baseBody .privacy__title + p{ font-size: 18px; }
  #baseBody .privacy__subtitle{ font-size: 20px; font-weight: 700; padding-bottom: 12px; margin-top: 32px; }
  #baseBody .privacy strong.privacy__subtitle__cl,
  #baseBody .privacy h5.privacy__subtitle__cl,
  #baseBody .privacy h6.privacy__subtitle__cl{ margin-bottom: 4px; font-size: 18px; }
  #baseBody .privacy strong.privacy__subtitle__cl.head,
  #baseBody .privacy h5.privacy__subtitle__cl.head,
  #baseBody .privacy h6.privacy__subtitle__cl.head{ margin-top: 24px; }
  #baseBody .privacy strong.privacy__subtitle__num{ margin-top: 8px; font-size: 16px; }
  #baseBody .privacy__subtxt{ margin: 4px 0; font-size: 14px; }

  #baseBody .privacy__list{ display: block; margin: 16px 0; }
  #baseBody .privacy__list li{ font-size: 16px; }
  #baseBody .privacy__list li + li{ margin-top: 12px; }
  #baseBody .privacy__list .tit,
  #baseBody .privacy__list h6.tit{ justify-content: center;  padding: 16px 12px; }

  #baseBody .privacy__table.type2{ font-size: 16px; }
  #baseBody .privacy__table.type2 colgroup col{ width: 50%; }
  #baseBody .privacy__table.type2 th,
  #baseBody .privacy__table.type2 td{ padding: 16px; }

  #baseBody .privacy__history{ display: block; margin-top: 32px; }
  #baseBody .privacy__history + .privacy__history{ margin-top: 16px;}
  #baseBody .privacy__history li{ margin-top: 16px; width: 100%; }
  #baseBody .privacy__history li .btn-base-imp{ width: auto; padding: 12px 24px; font-size: 16px; }
  #baseBody .privacy__download--btn{ padding: 14px; font-size: 16px; }

  #baseBody .privacy__table-info { flex-direction: column; align-items: flex-start; font-size: 14px; }
  #baseBody .privacy__subtitle:has(.ico-privacy-md) { align-items: start; }
  #baseBody .privacy__table.type02 .br-m { display: block; }

  #baseBody .email-deny{ display: block; border-radius: 30px; }
  #baseBody .email-deny-tit{ padding: 40px 41px 142px; font-size: 24px; background-position: bottom 40px right 40px; background-size: 104px; }
  #baseBody .email-deny-desc{ min-height: 0; padding: 60px 40px 200px; font-size: 16px; background-position: bottom 40px right 40px; background-size: 120px; }
  #baseBody .email-deny-desc p{ max-width: none; }
  
}

/* --- ui.content: privacy @media 768 --- */
@media all and (max-width: 768px) {
  /* privacy */
  #baseBody .wide-scroll:has(.privacy__table) { margin-bottom: 32px; padding-bottom: 8px; }
  #baseBody .default-wrap .privacy__graybox { padding: 20px; }
  #baseBody .privacy__graybox > ol { width: 100%; }
  #baseBody .privacy__graybox > ol + ol { margin-top: 12px; }
  #baseBody .privacy__graybox > ol > li { line-height: 1.4; }
  #baseBody .privacy__table { margin-block: 16px 0; }
  #baseBody .privacy__table .mobile-break { display: block; }
}

/* --- ui.responsive.css --- */
@media all and (max-width: 1024px) {
    #baseBody .privacy{width: 100%;}
}

@media all and (max-width: 768px) {
    #baseBody .wide-scroll {padding-bottom:10px;margin-bottom:-10px}
    #baseBody .wide-scroll table th,
    #baseBody .wide-scroll table td {word-break: keep-all;}
    #baseLayer .wide-scroll {padding-bottom:10px;margin-bottom:-10px}
    #baseLayer .wide-scroll table th,
    #baseLayer .wide-scroll table td {word-break: keep-all;}
    #baseBody .wide-scroll table td {white-space:nowrap}
    #baseLayer .wide-scroll table td {white-space:nowrap}
}

@media (max-width: 600px) {
    #baseBody .privacy__adminList{display: block;padding: 0 30px !important;}
    #baseBody .privacy__adminList >li{display: block;border-right: 0;border-bottom: 1px solid #ccc;padding: 20px 0;}
    #baseBody .privacy__adminList >li:last-child{border-bottom: 0;}
}

@media (max-width: 414px) {
    #baseBody .privacy__tab >li{width: 100%; margin-right: 0; margin-bottom: 10px;}
    #baseBody .privacy__tab >li:last-child{margin-bottom: 0;}
}

@media (max-width: 360px) {
    #baseBody .ui-tab-type2 .ui-tab-btns button {padding: 8px;}
}

@media (max-width: 320px) {
    #baseBody .ui-tab-type2 .ui-tab-btns button {font-size:12px}
}