.site main{display: flex; flex-direction: column;}
section{overflow-x: hidden;position: relative;}
section .title p{color: #1F1F1F; text-align: center;  font-size: 70px; font-weight: 800; line-height: 1.4; letter-spacing: -2.1px; transition: all 0.3s;}
section .title p b{color: #00D26C; font-size: 70px; font-weight: 800; line-height: 1.4; letter-spacing: -2.1px ; transition: all 0.3s;}


/* 섹션1 */
.main { width: 100%; height: 100%;}
.section01{width: 100%;height: 840px;background: url(../images/section01-bg.jpg) 50% 50% no-repeat;background-size: cover;}
.section01 .title{width: 100%; height: 100%;display: flex;flex-direction: column; align-items: center;  justify-content: flex-start; gap: 45px;padding-top: 120px;}
.section01 .title .tit{display: flex;  flex-direction: column; align-items: center; justify-content: center;  gap: 20px;}
.section01 .title .tit h3{font-size: 80px; color: #fff; letter-spacing: -0.75px; font-weight: 900;line-height: 1.2; text-align: center;transition: all 0.3s;}
.section01 .title .tit h2{font-size: 80px; color: #48FE5B; letter-spacing: -0.75px;font-weight: 900;line-height: 1.2;transition: all 0.3s;}
.section01 .title .tit p{font-size: 26px;color: #fff; letter-spacing: -0.75px; font-weight: 500;line-height: 1;}
.section01 .title .apply-btn{display: flex; width: 230px; height: 60px;justify-content: space-between; align-items: center;border-radius: 131.111px; border: 2px solid #EAFFF5; background: linear-gradient(180deg, #00D26C 15%, #004926 95%);  padding: 0 20px; transition: all 0.3s;}
.section01 .title .apply-btn p{color: #FFF;font-size: 20px;font-weight: 600; letter-spacing: -0.75px;}
.section01 .title .apply-btn i {color: #FFF;font-size: 20px;font-weight: 600; letter-spacing: -0.75px;}
.section01 .title .apply-btn:hover{box-shadow: 0 0 20px 5px #00c767;}

/* 섹션2 */
.section02{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff;}
.section02 .wrap{max-width: 1050px;width: 100%; display: flex; margin: 130px auto;flex-direction: column;gap: 67px; align-items: center;justify-content: center;}
.section02 .info-box-wrap{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;  gap: 15px;}
.section02 .info-box-wrap .info-box{display: flex; max-width: 340px;width: 100%; padding: 100px 33px; flex-direction: column; justify-content: center; align-items: center; gap: 65px; flex-shrink: 0; align-self: stretch;border-radius: 30px;}
.section02 .info-box-wrap .info-box.box1{background: #FFF8E7;}
.section02 .info-box-wrap .info-box.box2{ background: #F1F6FE;}
.section02 .info-box-wrap .info-box.box3{ background: #EEF8F2;}
.section02 .info-box-wrap .info-box .icon{width: 150px; height: 130px;}
.section02 .info-box-wrap .info-box .icon.ico1{ background: url(../images/section02-icon1.png) 50% 50% no-repeat; background-size: contain;}
.section02 .info-box-wrap .info-box .icon.ico2{ background: url(../images/section02-icon2.png) 50% 50% no-repeat;background-size: contain;}
.section02 .info-box-wrap .info-box .icon.ico3{ background: url(../images/section02-icon3.png) 50% 50% no-repeat;background-size: contain;}

.section02 .info-box-wrap .info-box .text{display: flex; flex-direction: column;align-items: center; gap: 10px;}
.section02 .info-box-wrap .info-box .text .tit{font-size: 35px;font-weight: 800;line-height: 140%;letter-spacing: -1.05px;text-align: center;}
.section02 .info-box-wrap .info-box .text p{text-align: center;  font-size: 22px; font-weight: 600; line-height: 140%; letter-spacing: -0.66px;}

.section02 .info-box-wrap .info-box.box1 .tit{color: #CF4F00;}
.section02 .info-box-wrap .info-box.box1 p{color: #DB7A3A;}
.section02 .info-box-wrap .info-box.box2 .tit{color: #235FB9;}
.section02 .info-box-wrap .info-box.box2 p{color: #5685CB;}
.section02 .info-box-wrap .info-box.box3 .tit{color: #0A7635;}
.section02 .info-box-wrap .info-box.box3 p{color: #439665;}

/* 섹션3 */
.section03{width: 100%;min-height: 850px;height: 100%; background: url(../images/section03-bg.jpg) 50% 50% no-repeat;background-size: cover;}
.section03 .wrap{max-width: 1050px;width: 100%; ;min-height: 850px;height: 100%; display: flex; margin: 0 auto;flex-direction: column;gap: 100px; align-items: center;justify-content: center;}
.section03 .wrap .content{ width: 100%; display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;}
.section03 .wrap .content .cont{height: 260px;  display: flex; flex-direction: column;  align-items: center;  justify-content: space-between;}
.section03 .wrap .content .cont .img{width: 170px; height: 170px;filter: drop-shadow(40px 25px 10px rgba(0, 0, 0, 0.15));}
.section03 .wrap .content .cont .img.img1{background: url(../images/section03-icon1.png) 50% 50% no-repeat;background-size: contain;}
.section03 .wrap .content .cont .img.img2{background: url(../images/section03-icon2.png) 50% 50% no-repeat;background-size: contain;}
.section03 .wrap .content .cont .img.img3{background: url(../images/section03-icon3.png) 50% 50% no-repeat;background-size: contain;}
.section03 .wrap .content .cont .img.img4{background: url(../images/section03-icon4.png) 50% 50% no-repeat;background-size: contain;}
.section03 .wrap .content .cont h4{color: #1F3F2F; font-size: 35px; font-weight: 700; line-height: 1.4;  letter-spacing: -1.05px;}

/* 섹션4 */
.section04{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #ffffff;}
.section04 .wrap{max-width: 1050px;width: 100%; display: flex; margin: 130px auto;flex-direction: column;gap: 67px; align-items: center;justify-content: center;}
.section04 .contents{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.section04 .contents .content{width: 100%;  padding: 25px 75px;  background-color: #F6FEF9; border-radius: 30px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.section04 .contents .content .contn{max-width: 700px; width: 100%;  display: flex; flex-direction: row; align-items: center; gap: 67px;} 
.section04 .contents .content .img{min-width: 150px;max-width: 200px;width: 100%; height: 180px;transition: all 0.3s;}
.section04 .contents .content .img.img1{background: url(../images/section04-img1.png) 50% 50% no-repeat;background-size: contain;}
.section04 .contents .content .img.img2{background: url(../images/section04-img2.png) 50% 50% no-repeat;background-size: contain;}
.section04 .contents .content .img.img3{background: url(../images/section04-img3.png) 50% 50% no-repeat;background-size: contain;}
.section04 .contents .content .img.img4{background: url(../images/section04-img4.png) 50% 50% no-repeat;background-size: contain;}

.section04 .contents .content .text-wrap{width: 100%; flex: 1; display: flex; flex-direction: column; align-items: flex-start;  gap: 20px;}
.section04 .contents .content .text-wrap .tit{display: flex; justify-content: center; align-items: center; background-color: #00BA60; padding: 3px 10px;transition: all 0.3s;}
.section04 .contents .content .text-wrap .tit p{font-size: 23px; letter-spacing: -0.75px; line-height: 1.4; color: #fff;font-weight: 700;transition: all 0.3s;}
.section04 .contents .content .text-wrap .text{display: flex; flex-direction: row; align-items: flex-start; gap: 10px;}
.section04 .contents .content .text-wrap .text i{font-size: 20px;color: #333;font-weight: 500;line-height: 1.4;transition: all 0.3s;}
.section04 .contents .content .text-wrap .text p{font-size: 20px;color: #333;font-weight: 500; letter-spacing: -0.75px; line-height: 1.4;word-break: keep-all;transition: all 0.3s;}
.section04 .contents .content .text-wrap .text b{font-size: 21px;color: #333;font-weight: 700; letter-spacing: -0.75px; line-height: 1.4; word-break: keep-all;transition: all 0.3s;}

/* 섹션5 */
.section05{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #F9FAFB;}
.section05 .wrap{max-width: 1050px;width: 100%; display: flex; margin: 110px auto;flex-direction: column;gap: 67px; align-items: center;justify-content: center;}
.section05 .contents-grid{width: 100%;display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 30px; row-gap: 20px;}
.section05 .contents-grid .content-box{display: flex;  width: 330px; height: 330px; border-radius: 30px; background: #FFF; box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.08);}
.section05 .contents-grid .content-box .content{width: 100%; height: 100%;display: flex;flex-direction: column; justify-content: center; align-items: center; gap: 15px; }
.section05 .contents-grid .content-box .content .img{width: 150px;height: 150px;}
.section05 .contents-grid .content-box .content .img.img1{background: url(../images/section05-img1.png) 50% 50% no-repeat;background-size: contain;}
.section05 .contents-grid .content-box .content .img.img2{background: url(../images/section05-img2.png) 50% 50% no-repeat;background-size: contain;}
.section05 .contents-grid .content-box .content .img.img3{background: url(../images/section05-img3.png) 50% 50% no-repeat;background-size: contain;}
.section05 .contents-grid .content-box .content .img.img4{background: url(../images/section05-img4.png) 50% 50% no-repeat;background-size: contain;}
.section05 .contents-grid .content-box .content .img.img5{background: url(../images/section05-img5.png) 50% 50% no-repeat;background-size: contain;}
.section05 .contents-grid .content-box .content .img.img6{background: url(../images/section05-img6.png) 50% 50% no-repeat;background-size: contain;}

.section05 .contents-grid .content-box .content h4{color: #333; text-align: center; font-size: 28px; font-weight: 700; line-height: 1.4; letter-spacing: -0.75px;}

/* footer */
footer .footer { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #22272B} 
footer .footer .wrap{max-width: 1050px;width: 100%; display: flex; margin: 60px auto;flex-direction: column;gap: 30px; align-items: flex-start;justify-content: center;}
.f-logo{width: 160px; height: 40px;background: url(../images/f-logo.svg) 50% 50% no-repeat;background-size: contain;}

/* 푸터구독닷컴소개+입점문의  */
.f-info-box{width: 100%; min-height: 150px; display: flex; flex-direction: row; align-items: flex-start; gap: 50px; padding: 30px; background-color: #343B40; border-radius: 10px;}
.f-info-box .info::after{content: '';width: 1px; height: 88px; display: block; background-color: #D9D9D9;opacity: 0.5;}
.f-info-box .info,
.f-info-box .apply{width: 100%; display: flex; flex-direction: row; align-items: flex-start;justify-content: space-between ;}
.f-info-box .info{gap: 50px;;}
.f-info-box .f-info{flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}
.f-info-box .f-info .titl{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.f-info-box .f-info .tit p{color: #FFF; font-size: 20px;font-weight: 700; line-height: 1.4; letter-spacing: -0.76px;}
.f-info-box .apply .apply-btn{width: 170px; height: 45px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 100px;  background-color: #00C365;padding: 12px 15px 12px 20px;transition: all 0.3s;}
.f-info-box .apply .apply-btn:hover{background-color: #00cf6b;box-shadow: 0 0 10px 1px #00a053;  }
.f-info-box .apply .apply-btn p{color: #FFF;  font-size: 15px; font-weight: 600; letter-spacing: -0.75px;}
.f-info-box .apply .apply-btn i{color: #fff;font-size: 15px;font-weight: 600;}
.f-info-box .f-info .txt p{color: #FFF; font-size: 15px; font-weight: 400;line-height: 1.4; letter-spacing: -0.75px; word-break: keep-all;}

/* 푸터 구독연구소 정보 */
.footer-info-wrap{width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}
.footer-info-wrap .tit p{color: #DDD;font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -0.75px;}
.info-row-wrap{width: 100%;  display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}
.info-row-wrap .info-row{width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px;}
.info-row-wrap .info-row .inn + .inn::before{content: '';width: 1px; height: 13px; background-color: #ddd;display: block;}
.info-row-wrap .info-row .inn{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 8px;}
.info-row-wrap .info-row .inn p{color: #DDD; font-size: 13px; font-weight: 400; line-height: 1.4; letter-spacing: -0.75px;}



@media only screen and (max-width: 1200px){
  section .title p{font-size: 65px;}
  section .title p b{font-size: 65px;}
  /* 섹션01 */
  .section01 .title .tit h3{font-size: 70px;}
  .section01 .title .tit h2{font-size: 70px;}
  /* 섹션02 */
  .section02 .wrap{padding: 0 20px; max-width: 900px;}
  .section02 .info-box-wrap .info-box{width: calc((100% / 3) - 30px);max-width:none;padding: 50px 0;}
  .section02 .info-box-wrap .info-box .icon{width: 100px;}
  .section02 .info-box-wrap .info-box .text .tit{font-size: 24px;}
    .section02 .info-box-wrap .info-box .text p{font-size: 18px;}
  /* 섹션03 */
  .section03 .wrap{padding: 0 20px; max-width: 900px;}
  .section03 .wrap .content .cont{height: 240px;}
 .section03 .wrap .content .cont .img{width: 150px;height: 150px;}
 .section03 .wrap .content .cont h4{font-size: 24px;}

  /* 섹션04 */
.section04 .wrap{padding: 0 20px; max-width: 900px;}
.section04 .contents .content .img{max-width: 150px;}
  /* 섹션05 */
  .section05 .wrap{padding: 0 20px; max-width: 900px;}
 .section05 .contents-grid{grid-template-columns:repeat(2, 1fr);justify-items: center;}
  .section05 .contents-grid .content-box{width: 100%;}
  

  /* footer */
  /* 푸터구독닷컴소개+입점문의 */
    .f-info-box{flex-direction: column;}
     .f-info-box .info::after{display: none;}
    .f-info-box .apply{align-items: flex-end;border-top: 1px solid #dddddd;padding-top: 50px;}
  /* 구독연구소정보 */
    footer .footer .wrap{padding: 0 20px; max-width: 900px;}
    .info-row-wrap .info-row{flex-direction: column;}
    .info-row-wrap .info-row .inn{width: 100%;}
    .info-row-wrap .info-row .inn + .inn::before{display: none;}
}

@media only screen and (max-width:970px) {
  section .title p{font-size: 50px;}
  section .title p b{font-size: 50px;}
     /* 섹션01 */
  .section01 .title .tit h3{font-size: 60px;}
  .section01 .title .tit h2{font-size: 60px;}
  /* 섹션02 */
  .section02 .info-box-wrap{flex-direction: column;}
  .section02 .info-box-wrap .info-box{width: 100%;flex-direction: row;}
  .section02 .info-box-wrap .info-box .icon{width: 150px;}
    .section02 .info-box-wrap .info-box .text{align-items: flex-start;}
  /* 섹션03 */
  .section03 .wrap{padding: 100px 20px;}
  .section03 .wrap .content {  display: grid;  grid-template-columns: repeat(2, 1fr);  grid-template-rows: repeat(2, 1fr);  row-gap: 100px; }
/* 섹션04 */
.section04 .contents .content .img{max-width: 100px;min-width: 0;height: 100px;}
.section04 .contents .content .text-wrap .tit p{font-size: 20px;}
.section04 .contents .content .text-wrap .text p{font-size: 18px;}
.section04 .contents .content .text-wrap .text i{font-size: 18px;}
.section04 .contents .content .text-wrap .text b{font-size: 18px;}
}

@media only screen and (max-width:768px) {
section .title p{font-size: 40px;}
section .title p b{font-size: 40px;}
 /* 섹션01 */
.section01 .title .tit h3{font-size: 50px;}
.section01 .title .tit h2{font-size: 50px;}
.section01 .title .tit p{font-size: 18px;}
 /* 섹션02 */
.section02 .info-box-wrap .info-box .icon{width: 100px;}
/* 섹션03 */
.section03 .wrap .content .cont{height: 200px;}
.section03 .wrap .content .cont .img{width: 100px;}
 .section03 .wrap .content .cont h4{font-size: 18px;}
 /*섹션04  */
.section04 .contents .content{padding: 25px;}
.section04 .contents .content .contn{gap: 30px;}
/* 섹션05 */
.section05 .contents-grid{grid-template-columns:repeat(2, 1fr);justify-items: center;}
.section05 .contents-grid .content-box{height: 300px;}
.section05 .contents-grid .content-box .content .img{min-width: 100px; max-width: 100px;width: 100%;}
.section05 .contents-grid .content-box .content h4{font-size: 20px;}
/* 푸터 */
.f-info-box .apply{flex-direction: column;align-items: flex-start;gap: 30px;}
}

@media only screen and (max-width:425px){
section .title p{font-size: 36px; word-break: keep-all;}
section .title p b{font-size: 36px;word-break: keep-all;}
 /* 섹션01 */
.section01 .title .tit h3{font-size: 48px;}
.section01 .title .tit h2{font-size: 48px;}
.section01 .title .tit p{font-size: 16px;}
 /* 섹션02 */
 .section02 .info-box-wrap .info-box{gap: 30px;flex-direction: column;}
 .section02 .info-box-wrap .info-box .icon{width: 80px;}
 .section02 .info-box-wrap .info-box .text{align-items: center;}
 .section02 .info-box-wrap .info-box .text .tit{font-size: 20px;}
  /*섹션04  */
.section04 .contents .content .contn{flex-direction: column;}
.section04 .contents .content .text-wrap .tit{padding: 3px;}
/* 섹션05 */
.section05 .contents-grid{grid-template-columns:repeat(1, 1fr);justify-items: center;}
.section05 .contents-grid .content-box{height: 200px;}
.section05 .contents-grid .content-box .content .img{height: 100px;}
}
@media only screen and (max-width:375px){
   /* 섹션01 */
.section01 .title .tit h3{font-size: 40px;}
.section01 .title .tit h2{font-size: 40px;}
}