@charset "utf-8";

/* ====================================================================================================
  List
==================================================================================================== */

/* ===========================================================================
  List > Default
=========================================================================== */


/* ====================================================================================================
  View
==================================================================================================== */

/* ===========================================================================
  View > Default
=========================================================================== */
.privacyCont {color: #333;}
.privacyCont .sec {padding: 0 2vw 50px;}
.privacyCont .sec > h4 {font-weight: 500;}
.privacyCont .sec > p {margin-bottom: 15px;}
.privacyCont .sec h5 {font-weight: 600; margin-bottom: 5px;}
.privacyCont .sec h6 {font-weight: 600; margin: 10px 0 8px;}
.privacyCont .sec b {font-weight: 600; font-size: 1em;}
.privacyCont .sec b.red {font-weight: 500; color: #ff0000;}

.privacyCont .conBox {border-radius: 15px; border: 1px solid rgba(0,0,0, 0.1);}
.privacyCont .conList {padding: 10px 0 0; font-size: 1em !important;}
.privacyCont .conList > h6:nth-child(1) {margin-top: 0;}
.privacyCont #tab2 .conList {padding-bottom: 10px;}
.privacyCont #tab2 .conList > ul:nth-child(1) {margin-top: -5px;}
.privacyCont .sec > ol p {margin-top: 10px; font-size: 1em !important;}
.privacyCont .conSubList {padding: 5px 0; font-size: 1em !important;}
.privacyCont .conSubList > h6:nth-child(1) {margin-top: 0;}

.privacyCont ul.dotUl > li::before {background-color: #333;}


/* ===========================================================================
  View > 주요 개인정보 처리 표시
=========================================================================== */
.privacyCont .primaryList > ul > li:nth-child(1) > h4:before {left: 5px; width: 90px; background-image: url('img/icoPrivacy01.png');}
.privacyCont .primaryList > ul > li:nth-child(2) > h4:before {left: 9px; width: 128px; background-image: url('img/icoPrivacy02.png');}
.privacyCont .primaryList > ul > li:nth-child(3) > h4:before {left: 9px; width: 127px; background-image: url('img/icoPrivacy03.png');}
.privacyCont .primaryList > ul > li:nth-child(4) > h4:before {width: 98px; background-image: url('img/icoPrivacy04.png');}

/* ====================================================================================================
  Write
==================================================================================================== */

  /* ===========================================================================
    Write > Default
  =========================================================================== */
#bo_w > form dl.date {display: flex; flex-wrap: wrap; justify-content: space-between;}
#bo_w > form dl.date > dt {width: 100%;}
#bo_w > form dl.date > dd {width: 49%;}


/* ====================================================================================================
   데스크탑 (1280px ~ 1599px)
==================================================================================================== */
@media screen and (max-width:1599px) {

  /* ===========================================================================
    View
  =========================================================================== */
  .privacyCont .menuList > ul > li {width: calc(100% / 2);}

}

/* ====================================================================================================
   노트북 & 태블릿 가로 (1024px ~ 1279px)
==================================================================================================== */
@media screen and (max-width:1279px) {

  /* ===========================================================================
    View
  =========================================================================== */
  .fs18 {font-size: 0.944rem;}

  /* ==================================================
    View > 주요 개인정보 처리 표시
  ================================================== */
  .privacyCont .primaryList {display: none;}

  .privacyCont .menuList > ul > li {padding: 10px 10px 10px 20px;}

}


/* ====================================================================================================
   태블릿 가로 (768px ~ 1023px)
==================================================================================================== */
@media screen and (max-width:1023px) {

  /* ===========================================================================
    View
  =========================================================================== */
  .privacyCont .topBox {line-height: 1.4em;}
  
  
  .privacyCont .menuList > ul {padding: 20px 3vw;}
  .privacyCont .menuList > ul > li {width: 100%; padding: 5px 20px;}

  .privacyCont ul.dotUl > li::before {top: -5px; width: 3px; height: 3px;}
}


/* ====================================================================================================
   모바일 가로 & 태블릿 세로 (480px ~ 767px)
==================================================================================================== */
@media screen and (max-width:767px) {

  /* ===========================================================================
    View
  =========================================================================== */
  .privacyCont {line-height: 1.2rem;}
  .privacyCont .topBox {padding: 30px 20px;}
  .privacyCont .topBox > h2 {margin-bottom: 20px;}
  .fs18 {font-size: 0.856rem;}

  .privacyCont .sec {padding: 0 2vw 30px;}

  .privacyCont .sec > h4 {margin-bottom: 10px;}
  .privacyCont .sec > p {margin-bottom: 10px;}

  .privacyCont .conBox {padding: 15px;}

  .privacyCont .conList {padding: 10px 0 0;}
  .privacyCont #tab2 .conList {padding-bottom: 6px;}

  .privacyCont ol.cirNumOl {margin-left: 22px;}
  .privacyCont ol.cirNumOl > li::before {margin-left: -20px;}

  .privacyCont ul.numUl > li::before {margin-left:- 17px;}

  .privacyCont ul.dotUl > li::before {top: -5px; width: 3px; height: 3px;}

  }


/* ====================================================================================================
   모바일 세로 (~ 479px)
==================================================================================================== */
@media screen and (max-width:479px) {

}