@import url("/css/noto_sans_kr.css");
a:hover{text-decoration:none}
section div, section p { line-height: 1.3; }

/* -------------------- 상단 영역 -------------------- */
#sec01 { position: relative; background: url(../img/seven_Benefits/sec01_bg.jpg) no-repeat center; background-size: cover;}
.sec01_Wrap {}
.sec01_Wrap .sec01_Txt { display: inline-block; position: relative; margin-left: 100px; } 
.sec01_Wrap .sec01_Txt .sec01_txt01 { font-size: 18px; color: #662c06; font-weight: 400; background: #ffd824; padding: 8px 10px; margin-bottom: 20px; }
/* -------------------- 하단 영역 -------------------- */
#sec02 { background: #218ac0; }
.list_Wrap li { position: relative; display: inline-table; width: 235px; height: 235px; background: #fff; padding: 35px 10px 0; margin: 35px 15px; }
.list_Wrap li img { margin: 0 auto 20px;}
.list_Wrap li .sec02_number { font-family: 'Do Hyeon', sans-serif; font-size: 50px; position: absolute; top: -48px; left: 0; color: #fff; }
.list_Wrap li .sec02_txt { font-size: 18px; color: #333; font-weight: 500; position: relative; }

@media only screen and (max-width: 992px) {
  .sec01_Wrap .sec01_Txt { margin-left: 50px; }
}
@media only screen and (max-width: 767px) {
  #sec01 {  min-height: 600px; }
  .sec01_Wrap { top: 80px; }
  .sec01_Wrap .sec01_Txt { margin-left: 0; width: 320px; padding: 0 15px; }
  .sec01_Wrap .sec01_Txt .sec01_txt01 { margin-bottom: 10px; }
  .sec01_Wrap .woman { position: absolute; bottom: 0; width: 100px; left: 50%; transform: translateX(-50%);  }
  .list_Wrap li { width: calc(50% - 15px); height: 180px; margin: 20px 5px; padding: 20px 10px 0; }
  .list_Wrap li img { width: 80px; margin: 0 auto 13px; }
  .list_Wrap li .sec02_number { font-size: 40px; top: -38px; }
  .list_Wrap li .sec02_txt { font-size: 16px; }
  .list_Wrap li .sec02_txt br { display: none; }
}