.youtube_tit_area,
.shorts_tit_area,
.success_tit_area {
  margin-bottom: 40px;
}
.youtube_tit_area .tit img,
.shorts_tit_area .tit img,
.success_tit_area .tit img {
  width: auto;
}

/* --------------------- sec 1 start--------------------- */
.sec_1 .container .wrapper {
  width: 100% !important;
}
.sec_1 .container .wrapper .cont_area {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/main/img/keyword_bg.jpg);
  padding: 60px 0 40px;
}
.sec_1 .container .wrapper .cont_area .form_area {
  padding-top: 0;
  border-top: none;
}
.sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap .input_box {
  width: 27%;
  overflow: hidden;
  padding-bottom: 0;
}
.sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap .input_box label {
  display: none;
}
.sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap .input_box input {
  margin-top: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-size: 28px 28px;
  background-image: url(/main/img/ico_search.svg);
  outline: none;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 17px 0;
  padding-left: 65px;
  color: #000;
  font-size: var(--font-size-ko-05);
  line-height: var(--font-lineheight-ko-07);
}
.sec_1 .container .wrapper .cont_area .keyword_area {
  padding-top: 30px;
}
.sec_1 .container .wrapper .cont_area .keyword_area .keyword_link {
  color: #fff;
  font-size: var(--font-size-ko-18);
  line-height: var(--font-lineheight-ko-08);
  left: var(--letter-spacing-01);
  font-weight: 400;
}
.sec_1 .container .wrapper .cont_area .keyword_area .keyword_link:not(:last-child) {
  margin-right: 25px;
}

/* --------------------- sec 2 start--------------------- */
.sec_2 .container .wrapper {
  width: 96%;
}
.sec_2 .container .wrapper .youtube_list .list_item {
  margin-bottom: 30px;
}
.sec_2 .container .wrapper .youtube_list .list_item .list_link {
  column-gap: 25px;
  max-width: 965px;
  width: 100%;
}
.sec_2 .container .wrapper .youtube_list .list_item .list_link:hover .thumb_area img {
  transform: scale(1.06);
}
.sec_2 .container .wrapper .youtube_list .list_item .list_link:hover .txt_area .tit {
  text-decoration: underline;
}
.sec_2 .container .wrapper .youtube_list .list_item .list_link .thumb_area {
  width: 190px;
  overflow: hidden;
}
.sec_2 .container .wrapper .youtube_list .list_item .list_link .thumb_area img {
  transition: 0.5s;
}
.sec_2 .container .wrapper .youtube_list .list_item .txt_area {
  width: 78%;
}
.sec_2 .container .wrapper .youtube_list .list_item .txt_area .tit {
  font-weight: 600;
  font-size: var(--font-size-ko-05);
  line-height: var(--font-lineheight-ko-07);
  letter-spacing: var(--letter-spacing-01);
  margin-bottom: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sec_2 .container .wrapper .youtube_list .list_item .txt_area .txt {
  color: var(--color-secondary);
  font-weight: 400;
  height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: var(--font-size-ko-06);
  letter-spacing: var(--letter-spacing-01);
  line-height: var(--font-lineheight-ko-08);
}

/* --------------------- sec 3 start--------------------- */
.sec_3 .container .wrapper {
  width: 96%;
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list {
  grid-template-columns: repeat(6, 1fr);
  gap: 60px 48px;
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link:hover .thumb_area img {
  transform: scale(1.06);
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link:hover .txt_area .txt {
  text-decoration: underline;
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link .thumb_area {
  margin-bottom: 16px;
  overflow: hidden;
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link .thumb_area img {
  transition: 0.5s;
}
.sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link .txt_area .txt {
  font-weight: 400;
  letter-spacing: var(--letter-spacing-01);
  font-size: var(--font-size-ko-06);
  line-height: var(--font-lineheight-ko-07);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* --------------------- sec 4 start--------------------- */
.sec_4 .container .wrapper {
  width: 96%;
}
.sec_4 .container .wrapper .success_tit_area {
  margin-bottom: 40px;
}
.sec_4 .container .wrapper .success_tit_area .tit {
  font-weight: 700;
  font-size: var(--font-size-ko-30);
  letter-spacing: var(--letter-spacing-01);
  line-height: var(--font-lineheight-ko-04);
}
.sec_4 .container .wrapper .success_tit_area .tit .color {
  color: #b18523;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list {
  border-top: 2px solid #111;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item {
  border-bottom: 1px solid #ddd;
  padding: 30px;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item:hover {
  background: #faf6ef;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box {
  margin-bottom: 12px;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .cate {
  color: #fff;
  background: #b18523;
  font-weight: 700;
  font-size: var(--font-size-ko-06);
  line-height: var(--font-lineheight-ko-06);
  border-radius: 100px;
  margin-right: 16px;
  padding: 0 15px;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .tit {
  font-weight: 700;
  font-size: var(--font-size-ko-05);
  line-height: var(--font-lineheight-ko-06);
  color: #000;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .tit .color {
  color: #d81919;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .txt {
  font-size: var(--font-size-ko-06);
  line-height: var(--font-lineheight-ko-07);
  color: var(--color-secondary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
  font-weight: 400;
}
.sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .date {
  color: #999;
  font-weight: 400;
  font-size: var(--font-size-ko-06);
  line-height: var(--font-lineheight-ko-07);
}

/*  RWD */
@media (max-width: 1300px) {
  .sec_3 .container .wrapper .cont_area .wrap_area .shorts_list {
    grid-template-columns: repeat(5, 1fr);
    gap: 50px 43px;
  }
}
@media (max-width: 1080px) {
  section .container .wrapper {
    width: 100% !important;
  }
  .youtube_tit_area,
  .shorts_tit_area,
  .success_tit_area {
    margin-bottom: 7.4074vw !important;
  }
  .youtube_tit_area .tit img {
    width: 27.8704vw;
  }
  .shorts_tit_area .tit img {
    width: 21.1111vw;
  }
  .sec_1 .container .wrapper .cont_area {
    padding: 9.2593vw 11.1111vw;
  }
  .sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont {
    width: 100%;
  }
  .sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap {
    width: 100%;
  }
  .sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap .input_box {
    width: 100%;
  }
  .sec_1 .container .wrapper .cont_area .form_area .form form fieldset .form_cont .form_wrap .input_box input {
    background-repeat: no-repeat;
    background-position: 4.6296vw 50%;
    background-size: 5.5556vw;
    font-size: 3.7037vw;
    line-height: normal;
    padding: 3.9815vw 0 3.9815vw 12.963vw;
    height: 12.4074vw;
    border-radius: 0.9259vw;
  }
  .sec_1 .container .wrapper .cont_area .keyword_area {
    padding-top: 3.7037vw;
  }
  .sec_1 .container .wrapper .cont_area .keyword_area .keyword_link {
    font-size: 3.1481vw;
  }
  .sec_1 .container .wrapper .cont_area .keyword_area .keyword_link:not(:last-child) {
    margin-right: 4.6296vw;
  }
  .sec_2 .container .wrapper .youtube_list .list_item {
    margin-bottom: 3.7037vw;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link {
    column-gap: 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.02);
    background: #fff;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link .thumb_area {
    width: 37.037vw;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link .thumb_area img {
    width: 100%;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link .txt_area {
    width: calc(100% - 37.037vw);
    padding: 5.0926vw 3.7037vw;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link .txt_area .tit {
    font-size: 3.7037vw;
    line-height: 5.3704vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: inherit;
  }
  .sec_2 .container .wrapper .youtube_list .list_item .list_link .txt_area .txt {
    display: none;
  }
  .sec_3 .container .wrapper .cont_area .wrap_area .shorts_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 7.4074vw 2.7778vw;
  }
  .sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link .thumb_area {
    margin-bottom: 1.5741vw;
  }
  .sec_3 .container .wrapper .cont_area .wrap_area .shorts_list .list_item .list_link .txt_area .txt {
    font-size: 3.1481vw;
    line-height: 4.0741vw;
    word-break: break-all;
  }
  .sec_4 .container .wrapper .success_tit_area .tit {
    font-size: 5.5556vw;
    line-height: normal;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item {
    padding: 5.5556vw 0;
    border-width: 2px;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box {
    margin-bottom: 1.8519vw;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .cate {
    font-size: 3.5185vw;
    line-height: 6.9444vw;
    padding: 0 3.2407vw;
    margin-bottom: 3.7037vw;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .tit {
    display: block;
    font-size: 4.6296vw;
    line-height: 5.9259vw;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .tit_box .tit .mo_br {
    display: block;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .txt {
    font-size: 3.5185vw;
    line-height: 5.1852vw;
  }
  .sec_4 .container .wrapper .cont_area .wrap_area .success_list .list_item .list_link .date {
    display: none;
  }
}