@charset "UTF-8";
.flex_center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.section_portfolio {
  position: relative;
}

.for_web {
  display: block;
}
.for_web img {
  display: block;
}

.for_mob {
  display: none;
}
.for_mob img {
  display: none;
}

.common_cont_wrap {
  height: auto;
}

.common_cont_ttl_up {
  font-size: 2.4rem;
}

.visual_title h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.main_pof_wrap {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.wrap_pf {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, auto));
  row-gap: 50px;
  -webkit-column-gap: 26.5px;
     -moz-column-gap: 26.5px;
          column-gap: 26.5px;
  margin-top: 24rem;
}

.box_pf {
  position: relative;
}
.box_pf .main_pof_thumb {
  position: relative;
  overflow: hidden;
  width: auto;
  max-width: 400px;
  max-height: 400px;
  border-radius: 4.5rem;
  border: 1px solid #777;
}
.box_pf .main_pof_thumb img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.box_pf .main_pof_thumb {
  position: relative;
}
.box_pf .main_pof_thumb::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.box_pf .main_pof_thumb img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.box_pf .link_detail_txt {
  position: absolute;
  color: #fff;
  width: calc(88.5% - 10px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  margin-top: 55%;
  margin-left: 11.5%;
}
.box_pf .link_detail_txt strong {
  font-family: "NotoSansBold", "나눔바른고딕", "NanumBarunGothic", "Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 26px;
}
.box_pf .link_detail_txt p {
  font-size: 20px;
  line-height: 1.5;
}

.main_pof_txt_wrap {
  padding: 0 35px 0 10px;
  position: relative;
  z-index: 1;
}
.main_pof_txt_wrap p.main_pof_date {
  font-size: 13px;
  font-weight: 500;
  margin-top: 40px;
  transition: color 0.7s;
  -webkit-transition: color 0.7s;
}
.main_pof_txt_wrap p.main_pof_cate {
  color: #777;
  font-size: 12px;
  height: 90px;
  line-height: 24px;
  margin-top: 30px;
}
.main_pof_txt_wrap p.main_pof_exp {
  color: #777;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 1.6;
  margin-top: 40px;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
}

.box_pf.mob {
  border-left: none;
}
.box_pf.mob.swiper-slide {
  width: 76%;
}
.box_pf.mob.swiper-slide:last-child {
  margin-right: 24%;
}
.box_pf .bg {
  background-size: 0% 0%;
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.box_pf#KIA .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#KIA:hover .bg {
  background-image: url("../img/main/main_pofol_big01.jpg");
  background-position: 57% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#KIA .bg {
  background-position: 57% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#MAGF .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#MAGF:hover .bg {
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#MAGF .bg {
  background-image: url("../img/pofol/magf_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#HDG .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#HDG:hover .bg {
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#HDG .bg {
  background-image: url("../img/pofol/hdglovis_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#OURH .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#OURH:hover .bg {
  background-position: 30% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#OURH.mob .bg {
  background-image: url("../img/pofol/ourhome_img01.jpg");
  background-position: 30% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#BESILK .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#BESILK:hover .bg {
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#BESILK .bg {
  background-image: url("../img/pofol/besilk_img01.jpg");
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#SBPLN .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#SBPLN:hover .bg {
  background-image: url("../img/pofol/sb_planner_img01.jpg");
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#SBPLN .bg {
  background-image: url("../img/pofol/sb_planner_img01.jpg");
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#KTALLEH .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#KTALLEH:hover .bg {
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#KTALLEH .bg {
  background-image: url("../img/pofol/kt_img01.jpg");
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#HANSSEM .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#HANSSEM:hover .bg {
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#HANSSEM .bg {
  background-image: url("../img/pofol/hanssem_topbg.jpg");
  background-position: 91% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#ANYCALL .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#ANYCALL:hover .bg {
  background-position: 25% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#ANYCALL .bg {
  background-image: url("../img/pofol/anycalls_img01.jpg");
  background-position: 25% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#amorepacific_hk .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#amorepacific_hk:hover .bg {
  background-position: 41% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#amorepacific_hk .bg {
  background-image: url("../img/pofol/amore_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#clicformers_web .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#clicformers_web:hover .bg {
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#clicformers_web .bg {
  background-image: url("../img/pofol/clicformers_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#tmaxsoft .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#tmaxsoft:hover .bg {
  background-position: 93% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#tmaxsoft .bg {
  background-image: url("../img/pofol/tmax_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#sktelcomecareerpotal .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#sktelcomecareerpotal:hover .bg {
  background-position: 82% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#sktelcomecareerpotal .bg {
  background-image: url("../img/pofol/sktelcome_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#samsungsmart .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#samsungsmart:hover .bg {
  background-position: 58% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#samsungsmart .bg {
  background-image: url("../img/pofol/samsung_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#hyundaispirit .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#hyundaispirit:hover .bg {
  background-position: 71% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#hyundaispirit .bg {
  background-image: url("../img/pofol/hyundai_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#namsungapp .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#namsungapp:hover .bg {
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#namsungapp .bg {
  background-image: url("../img/pofol/namsung_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#dongyoungapp .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#dongyoungapp:hover .bg {
  background-position: 23% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#dongyoungapp .bg {
  background-image: url("../img/pofol/dongyoung_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#starbucks_cheongdam .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#starbucks_cheongdam:hover .bg {
  background-image: url("../img/pofol/starbucks_cheongdam_top_bg.jpg");
  background-position: 31% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#starbucks_cheongdam .bg {
  background-image: url("../img/pofol/starbucks_cheongdam_top_bg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#koreaair .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#koreaair:hover .bg {
  background-position: 82% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#koreaair .bg {
  background-image: url("../img/pofol/kair_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#starbucks_web .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#starbucks_web:hover .bg {
  background-image: url("../img/pofol/sb_img01.jpg");
  background-position: 74% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#starbucks_web .bg {
  background-image: url("../img/pofol/sb_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#reporter_koreair .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#reporter_koreair:hover .bg {
  background-position: 66% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#reporter_koreair .bg {
  background-image: url("../img/pofol/reporter_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#ndmi_web .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#ndmi_web:hover .bg {
  background-position: 20% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#ndmi_web .bg {
  background-image: url("../img/pofol/ndmi_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#espoir_web .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#espoir_web:hover .bg {
  background-position: 20% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#espoir_web .bg {
  background-image: url("../img/pofol/espoir_img01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#hyundaiRecruit .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#hyundaiRecruit:hover .bg {
  background-position: 70% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#hyundaiRecruit .bg {
  background-image: url("../img/pofol/hd_recruit_img_01.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#KFC .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#KFC:hover .bg {
  background-image: url("../img/pofol/kfc_bg.jpg");
  background-position: 60% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#KFC .bg {
  background-image: url("../img/pofol/kfc_bg.jpg");
  background-position: 60% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#KORAIR .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#KORAIR:hover .bg {
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#KORAIR .bg {
  background-image: url("../img/pofol/korair_tit_bg.png");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS_ANN .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS_ANN:hover .bg {
  background-image: url("../img/pofol/starbucks_ann_tit_bg.jpg");
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS_ANN .bg {
  background-image: url("../img/pofol/starbucks_ann_tit_bg.jpg");
  background-position: 57% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS_MERRY .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS_MERRY:hover .bg {
  background-image: url("../img/pofol/starbucks_merry_tit_bg.jpg");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS_MERRY .bg {
  background-image: url("../img/pofol/starbucks_merry_tit_bg.jpg");
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS_SUMMER .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS_SUMMER:hover .bg {
  background-image: url("../img/pofol/starbucks_summer_tit_bg.jpg");
  background-position: 89% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS_SUMMER .bg {
  background-image: url("../img/pofol/starbucks_summer_tit_bg.jpg");
  background-position: 89% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS_XMAS01 .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS_XMAS01:hover .bg {
  background-image: url("../img/pofol/starbucks_xmas01_tit_bg.jpg");
  background-position: 89% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS_XMAS01 .bg {
  background-image: url("../img/pofol/starbucks_xmas01_tit_bg.jpg");
  background-position: 11% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS_XMAS02 .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS_XMAS02:hover .bg {
  background-image: url("../img/pofol/starbucks_xmas02_tit_bg.jpg");
  background-position: 89% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS_XMAS02 .bg {
  background-image: url("../img/pofol/starbucks_xmas02_tit_bg.jpg");
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKSAUTUMN .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKSAUTUMN:hover .bg {
  background-image: url("../img/pofol/otum_topbg.jpg");
  background-position: 72% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKSAUTUMN .bg {
  background-image: url("../img/pofol/otum_topbg.jpg");
  background-position: 82% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKSVALENTINE .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKSVALENTINE:hover .bg {
  background-image: url("../img/pofol/valentine_topbg.jpg");
  background-position: 97% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKSVALENTINE .bg {
  background-image: url("../img/pofol/valentine_topbg.jpg");
  background-position: 92% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKSSUMMER .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKSSUMMER:hover .bg {
  background-image: url("../img/pofol/summer_topbg.jpg");
  background-position: 14% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKSSUMMER .bg {
  background-image: url("../img/pofol/summer_topbg.jpg");
  background-position: 1% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKSTEAVANA .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKSTEAVANA:hover .bg {
  background-image: url("../img/pofol/teavana_topbg.jpg");
  background-position: 76% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKSTEAVANA .bg {
  background-image: url("../img/pofol/teavana_topbg.jpg");
  background-position: 87% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKSCHERRY .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKSCHERRY:hover .bg {
  background-image: url("../img/pofol/starbucks_cherry_tit_bg.jpg");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKSCHERRY .bg {
  background-image: url("../img/pofol/starbucks_cherry_tit_bg.jpg");
  background-position: 86% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#STARBUCKS2017YEAR .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#STARBUCKS2017YEAR:hover .bg {
  background-image: url("../img/pofol/starbucks_newyear17_tit_bg.png");
  background-position: 92% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#STARBUCKS2017YEAR .bg {
  background-image: url("../img/pofol/starbucks_newyear17_tit_bg.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf#ESPOIRTAPING .bg {
  transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
  -webkit-transition: background-image 0.7s ease, background-size 0.7s, height 0.5s, opacity 0.7s;
}
.box_pf#ESPOIRTAPING:hover .bg {
  background-position: 14% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}
.box_pf.mob#ESPOIRTAPING .bg {
  background-image: url("../img/pofol/taping_topbg.jpg");
  background-position: 47% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  opacity: 1;
}

.box_pf:hover .icon_wave {
  opacity: 1;
}

.pofol_detail_wrap {
  background: #f4f4f4;
  display: none;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 0;
  z-index: 12;
}
.pofol_detail_wrap .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.pofol_wrap {
  height: 100%;
  position: relative;
  width: 100%;
}

.pofol_date_info {
  color: #fff;
  font-size: 13px;
  text-align: center;
  width: 100%;
}

.pofol_icon_wave {
  background: url("../img/pofol/pofol_icon_bg.gif");
  bottom: 0;
  height: 103px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  width: 60px;
}
.pofol_icon_wave span {
  background: url("../img/main/icon_wave.png") no-repeat;
  cursor: pointer;
  height: 60px;
  left: 0;
  position: absolute;
  top: -30px;
  width: 60px;
}

.pofol_cont_wrap {
  height: auto;
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.pofol_ex_wrap {
  background: #fff;
  height: 500px;
  position: relative;
  width: 100%;
}
.pofol_ex_wrap:after {
  clear: both;
  content: "";
  display: block;
}

.pofol_cont_img_wrap {
  padding: 90px 0 130px 0;
  text-align: center;
}

.btn_pofol_close {
  background: url("../img/pofol/arrow_close.png") left center no-repeat;
  height: 11px;
  position: fixed;
  right: 40px;
  top: 20px;
  z-index: 7;
}
.btn_pofol_close a {
  color: black;
  display: block;
  font-size: 13px;
  height: 100%;
  letter-spacing: 1px;
  line-height: 11px;
  padding-left: 85px;
  position: relative;
}
.btn_pofol_close a::before {
  content: "";
  display: block;
  position: absolute;
  top: -4.5px;
  right: -10px;
  width: 66px;
  height: 20px;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
}

.md_pofol_header {
  background: url("../img/pofol/magf_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.md_pofol_header .pofol_header_tt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
}
.md_pofol_header .md_pofol_ttl {
  background: url("../img/pofol/magf_ttl.png") 50% 0 no-repeat;
  display: block;
  height: 150px;
  overflow: hidden;
  text-indent: -20000px;
  width: 100%;
}
.md_pofol_header p.pofol_date_info {
  margin-top: 20px;
  top: 50%;
}

.md_pofol_cont_wrap {
  text-align: center;
  width: 100%;
}

.md_ex_left {
  background: url("../img/pofol/md_logo.png") center center no-repeat #df3343;
  float: left;
  height: 100%;
  overflow: hidden;
  text-indent: -20000px;
  width: 50%;
}

.md_ex_right {
  float: right;
  height: 100%;
  padding: 120px 0 0 7.8125%;
  position: relative;
  text-align: left;
  width: 50%;
}
.md_ex_right dl {
  font-size: 15px;
  margin-top: 60px;
  width: 100%;
}
.md_ex_right dl:first-child {
  margin-top: 0;
}
.md_ex_right dl dt {
  color: #000;
  font-weight: bold;
}
.md_ex_right dl dd {
  color: #777;
  margin-top: 15px;
}
.md_ex_right dl dd.content_list {
  color: #0f6aac;
  line-height: 150%;
}
.md_ex_right dl dd a {
  color: #0f6aac;
  text-decoration: underline;
}

.md_pofol_img02 {
  margin-top: 50px;
}

.md_pofol_ex_wrap {
  background: #fff;
  height: 500px;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.md_pofol_ex_wrap:after {
  content: "";
  clear: both;
  display: block;
}

.md_pofol_cont_img_wrap {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.md_pofol_cont_img_wrap img {
  width: 100%;
}

/* kia portfolio */
.kia_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/kia_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.kia_pofol_wrap .md_pofol_ttl {
  background: url("../img/pofol/kia_ttl.png") 50% 0 no-repeat;
  display: block;
  height: 150px;
  overflow: hidden;
  text-indent: -20000px;
  width: 100%;
}
.kia_pofol_wrap .md_pofol_header p.pofol_date_info {
  top: 50%;
}
.kia_pofol_wrap .md_ex_left {
  background: url("../img/pofol/kia_motto.png") center center no-repeat #af0b29;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}
.kia_pofol_wrap .md_ex_right {
  float: right;
  height: 100%;
  padding: 120px 0 0 7.8125%;
  position: relative;
  width: 50%;
}

.kia_pofol_img02 {
  margin-top: 50px;
}

.pofol_wrap.kia {
  background: url("../img/pofol/kia_bg.jpg") center center no-repeat;
  background-size: 100% auto;
}

/* kia portfolio end */
/* magformers portfolio */
.magformers_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/magf_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.magformers_pofol_wrap .md_pofol_header h2.magformers_pofol_wrap .md_pofol_ttl {
  background: url("../img/pofol/magf_ttl.png") no-repeat;
  background-size: 100% auto;
  display: block;
  height: 139px;
  left: 50%;
  margin: -70px 0 0 -356px;
  overflow: hidden;
  position: absolute;
  text-indent: -20000px;
  top: 50%;
  width: 713px;
}
.magformers_pofol_wrap .md_pofol_header p.pofol_date_info {
  top: 50%;
}
.magformers_pofol_wrap .md_ex_left {
  background: url("../img/pofol/magf_logo.png") center center no-repeat #df3343;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}
.magformers_pofol_wrap .md_ex_right {
  float: right;
  height: 100%;
  padding: 120px 0 0 7.8125%;
  position: relative;
  width: 50%;
}
.magformers_pofol_wrap .md_ex_right dl {
  font-size: 15px;
  margin-bottom: 60px;
  width: 100%;
}
.magformers_pofol_wrap .md_ex_right dl dt {
  color: #000;
  font-weight: bold;
}
.magformers_pofol_wrap .md_ex_right dl dd {
  color: #777;
  margin-top: 15px;
}
.magformers_pofol_wrap .md_ex_right dl dd a {
  color: #0f6aac;
  text-decoration: underline;
}
.magformers_pofol_wrap .md_pofol_img02 {
  margin-top: 50px;
}

.pofol_wrap.magf {
  background: url("../img/pofol/magf_bg.jpg") center bottom no-repeat;
  background-size: 100% auto;
}

.pofol_cont_img_wrap.magf {
  padding: 90px 0 0 0;
}

/* magformers portfolio end */
/* hyundai glovis */
.hdglovis_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/hdglovis_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.hdglovis_pofol_wrap .md_pofol_ttl {
  background: url("../img/pofol/hdglovis_ttl.png") 50% 0 no-repeat;
  display: block;
  height: 150px;
  overflow: hidden;
  text-indent: -20000px;
  width: 100%;
}
.hdglovis_pofol_wrap .md_pofol_header p.pofol_date_info {
  color: #004181;
  top: 50%;
}
.hdglovis_pofol_wrap .md_ex_left {
  background: url("../img/pofol/hdglovis_motto.png") center center no-repeat #004181;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}

.pofol_cont_img_wrap.hdg {
  padding: 0;
}

/* hyundai glovis end */
/* ourhome */
.ourhome_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/ourhome_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.ourhome_pofol_wrap .md_pofol_header h2.md_pofol_ttl {
  background-image: url("../img/pofol/ourhome_ttl.png");
}
.ourhome_pofol_wrap .md_pofol_header p.pofol_date_info {
  color: #fff;
  top: 50%;
}
.ourhome_pofol_wrap .md_ex_left {
  background: url("../img/pofol/ourhome_logo.png") center center no-repeat #c19556;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}

.pofol_detail_wrap.ourh {
  background: #f1ebe1;
}

.pofol_cont_img_wrap.ourh {
  padding: 0 0 90px 0;
}

/* ourhome end */
/* be silk */
.besilk_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/besilk_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.besilk_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background: url("../img/pofol/besilk_ttl.png") no-repeat;
  background-position: 50% 50%;
  background-size: 874px auto;
  display: block;
  height: 230px;
  text-indent: -20000px;
}
.besilk_pofol_wrap .md_pofol_header p.pofol_date_info {
  color: #000;
}
.besilk_pofol_wrap .md_ex_left {
  background: url("../img/pofol/besilk_motto.png") center center no-repeat #f6d9c1;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}

.pofol_cont_img_wrap.besilk {
  padding: 0 0 90px 0;
}

/* be silk end */
/* espoir_taping */
.espoir_taping_cont_wrap {
  background: #f4f4f4;
}

.espoir_taping_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/taping_topbg.jpg");
}
.espoir_taping_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/taping_tt.png");
  background-position: 50% 50%;
  height: 226px;
}
.espoir_taping_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/taping_ttl.png");
  background-color: #000;
}
.espoir_taping_pofol_wrap p.pofol_date_info {
  color: #000;
  top: 56%;
}

/* espoir_taping end */
/* starbucks - 2017YEAR - 이용준 */
.ktalleh_cont_wrap {
  background: #f4f4f4;
}

.ktalleh_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/kt_img01.jpg");
}
.ktalleh_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/kt_ttl.png");
  background-position: 50% 50%;
  height: 62px;
}
.ktalleh_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/kt_motto.png");
  background-color: #000;
}
.ktalleh_pofol_wrap p.pofol_date_info {
  color: #fff;
  top: 38%;
}

.hanssem_cont_wrap {
  background: #f4f4f4;
}

.hanssem_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/hanssem_topbg.jpg");
}
.hanssem_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/hanssem_ttl.png");
  background-position: 50% 50%;
  height: 138px;
}
.hanssem_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/hanssem_logo.png");
  background-color: #2d2a2a;
}
.hanssem_pofol_wrap p.pofol_date_info {
  color: #fff;
  top: 50%;
}

/* sb planner */
.sbpln_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/sb_planner_img01.jpg") right center no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.sbpln_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/sb_planner_ttl.png");
}
.sbpln_pofol_wrap .md_pofol_header p.pofol_date_info {
  color: #3a2416;
  top: 50%;
}
.sbpln_pofol_wrap .md_ex_left {
  background: url("../img/pofol/sb_planner_motto.png") center center no-repeat #05592a;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -20000px;
  width: 50%;
}

.pofol_cont_img_wrap.sbpln_pofol_wrap .md_ {
  padding: 0 0 90px 0;
}

/* sb planner end */
/* starbucks 15th */
.starbucks_ann_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_ann_tit_bg.jpg");
}
.starbucks_ann_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_ann_tit.png");
  background-position: 50% 50%;
}
.starbucks_ann_pofol_wrap .md_ex_left {
  background-color: #007240;
  background-image: url("../img/pofol/starbucks_ann_logo.png");
}

/* starbucks - xmas01 */
.starbucks_xmas01_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_xmas01_tit_bg.jpg");
}
.starbucks_xmas01_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_xmas01_tit.png");
  background-position: 50% 50%;
  height: 233px;
  top: 35%;
}
.starbucks_xmas01_pofol_wrap .md_ex_left {
  background-color: #a11b11;
  background-image: url("../img/pofol/starbucks_xmas01_logo.png");
}

/* starbucks - christmas */
.starbucks_merry_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_merry_tit_bg.jpg");
}
.starbucks_merry_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_merry_tit.png");
  background-position: 50% 50%;
}
.starbucks_merry_pofol_wrap .md_ex_left {
  background-color: #006140;
  background-image: url("../img/pofol/starbucks_merry_logo.png");
}

/* korair */
.korair_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/korair_tit_bg.png");
}
.korair_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/korair_tit.png");
}
.korair_pofol_wrap .md_ex_left {
  background-color: #4ec0e7;
  background-image: url("../img/pofol/korair_logo.png");
}

/* .korair_pofol_wrap .pofol_wrap { background:url("../img/pofol/magf_bg.jpg") center bottom no-repeat; background-size:100% auto; } */
/* starbucks - summer */
.starbucks_summer_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_summer_tit_bg.jpg");
}
.starbucks_summer_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_summer_tit.png");
  background-position: 50% 50%;
}
.starbucks_summer_pofol_wrap .md_ex_left {
  background-color: #000;
  background-image: url("../img/pofol/starbucks_summer_logo.png");
}

/* starbucks - summer */
.starbucks_summer_1_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/summer_topbg.jpg");
}
.starbucks_summer_1_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/summer_tt.png");
  background-position: 50% 50%;
  height: 229px;
}
.starbucks_summer_1_pofol_wrap .md_ex_left {
  background-color: #810667;
  background-image: url("../img/pofol/summer_ttl.png");
}

.starbucks_xmas02_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_xmas02_tit_bg.jpg");
}
.starbucks_xmas02_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_xmas02_tit.png");
  background-position: 50% 50%;
  height: 233px;
  top: 35%;
}
.starbucks_xmas02_pofol_wrap .md_ex_left {
  background-color: #a11b11;
  background-image: url("../img/pofol/starbucks_xmas02_logo.png");
}

.starbucks_autumn_cont_wrap {
  background: #f0e4d4;
}

.starbucks_autumn_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/autumn_topbg.jpg");
}
.starbucks_autumn_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/autumn_tt.png");
  background-position: 50% 50%;
  height: 257px;
}
.starbucks_autumn_pofol_wrap .md_ex_left {
  background-color: #986530;
  background-image: url("../img/pofol/autumn_ttl.png");
}
.starbucks_autumn_pofol_wrap p.pofol_date_info {
  top: 56%;
}

/* starbucks - valentine - 이용준 */
.starbucks_valentine_cont_wrap {
  background: #f4f4f4;
}

.starbucks_valentine_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/valentine_topbg.jpg");
}
.starbucks_valentine_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/valentine_tt.png");
  background-position: 50% 50%;
  height: 121px;
}
.starbucks_valentine_pofol_wrap .md_ex_left {
  background-color: #858483;
  background-image: url("../img/pofol/valentine_ttl.png");
  background-size: 90%;
}
.starbucks_valentine_pofol_wrap p.pofol_date_info {
  color: #363230;
  top: 46%;
}

/* starbucks - teavana - 이용준 */
.starbucks_teavana_cont_wrap {
  background: #f4f4f4;
}

.starbucks_teavana_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/teavana_topbg.jpg");
}
.starbucks_teavana_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/teavana_tt.png");
  background-position: 50% 50%;
  height: 144px;
}
.starbucks_teavana_pofol_wrap .md_ex_left {
  background-color: #b0a9a3;
  background-image: url("../img/pofol/teavana_ttl.png");
}
.starbucks_teavana_pofol_wrap p.pofol_date_info {
  color: #fff;
  top: 49%;
}

/* starbucks - cherry - 이용준 */
.starbucks_cherry_cont_wrap {
  background: #f4f4f4;
}

.starbucks_cherry_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_cherry_tit_bg.jpg");
}
.starbucks_cherry_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_cherry_tit.png");
  background-position: 50% 50%;
  height: 116px;
}
.starbucks_cherry_pofol_wrap .md_ex_left {
  background-color: #a7a9bc;
  background-image: url("../img/pofol/starbucks_cherry_logo.png");
}
.starbucks_cherry_pofol_wrap p.pofol_date_info {
  color: #7b7e9c;
  top: 45%;
}

/* starbucks - 2017YEAR - 이용준 */
.starbucks_2017year_cont_wrap {
  background: #f4f4f4;
}

.starbucks_2017year_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_newyear17_tit_bg.png");
}
.starbucks_2017year_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_newyear17_tit.png");
  background-position: 50% 50%;
  height: 219px;
}
.starbucks_2017year_pofol_wrap .md_ex_left {
  background-color: #592b18;
  background-image: url("../img/pofol/starbucks_newyear17_logo.png");
}
.starbucks_2017year_pofol_wrap p.pofol_date_info {
  color: #592b18;
  top: 56%;
}

/* 애니콜 */
.anycall_cont_wrap {
  background: #f4f4f4;
}

.anycalls_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/anycalls_img01.jpg");
}
.anycalls_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/anycalls_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 808px auto;
  height: 72px;
}
.anycalls_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/anycalls_motto.png");
  background-color: #0c4da2;
}
.anycalls_pofol_wrap p.pofol_date_info {
  color: #fff;
  top: 38%;
}

/* 아모레 홍콩 */
.amorehk_cont_wrap {
  background: #f2f2f0;
}

.amore_hk_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/amore_top_bg.jpg");
}
.amore_hk_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/amore_top_txt.png");
  background-position: 50% 50%;
  background-size: 625px auto;
  height: 153px;
}
.amore_hk_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/amore_logo.png");
  background-color: #0d221d;
}
.amore_hk_pofol_wrap p.pofol_date_info {
  color: #847441;
}

/* 클리포머스 */
.clicformers_cont_wrap {
  background: #f2f2f0;
}

.clicformers_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/clicformers_top_bg.jpg");
}
.clicformers_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/clicformers_top_txt.png");
  background-position: 50% 50%;
  background-size: 548px auto;
  height: 63px;
}
.clicformers_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/clicformers_logo.png");
  background-color: #004ea2;
}
.clicformers_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 티맥스 */
.tmax_cont_wrap {
  background: #f7f6f6;
}

.tmax_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/tmax_top_bg.jpg");
}
.tmax_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/tmax_top_txt.png");
  background-position: 50% 50%;
  background-size: 725px auto;
  height: 147px;
}
.tmax_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/tmax_logo.png");
  background-color: #aaaaaa;
}
.tmax_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* sktelcome */
.sktelcome_cont_wrap {
  background: #f7f6f6;
}

.sktelcome_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/sktelcome_top_bg.jpg");
}
.sktelcome_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/sktelcome_top_txt.png");
  background-position: 50% 50%;
  background-size: 597px auto;
  height: 167px;
}
.sktelcome_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/sktelcome_logo.jpg");
  background-color: #e7172f;
}
.sktelcome_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* samsung */
.samsung_cont_wrap {
  background: #f3f4f4;
}

.samsung_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/samsung_top_bg.jpg");
}
.samsung_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/samsung_top_txt.png");
  background-position: 50% 50%;
  background-size: 673px auto;
  height: 167px;
}
.samsung_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/samsung_logo.png");
  background-color: #0063af;
}
.samsung_pofol_wrap .md_ex_right {
  padding: 120px 7.8125% 0 7.8125%;
}
.samsung_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* HYUNDAI */
.hyundai_cont_wrap {
  background: #f3f4f4;
}

.hyundai_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/hyundai_top_bg.jpg");
}
.hyundai_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/hyundai_top_txt.png");
  background-position: 50% 50%;
  background-size: 602px auto;
  height: 167px;
}
.hyundai_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/hyundai_logo.png");
  background-color: #0063af;
}
.hyundai_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* NAMSUNG */
.namsung_cont_wrap {
  background: #f4f4f4;
}

.namsung_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/namsung_top_bg.jpg");
}
.namsung_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/namsung_top_txt.png");
  background-position: 50% 50%;
  background-size: 482px auto;
  height: 149px;
}
.namsung_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/namsung_logo.png");
  background-color: #0063af;
}
.namsung_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* DONGYOUNG */
.dongyoung_cont_wrap {
  background: #f4f4f4;
}

.dongyoung_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/dongyoung_top_bg.jpg");
}
.dongyoung_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/dongyoung_top_txt.png");
  background-position: 50% 50%;
  background-size: 482px auto;
  height: 129px;
}
.dongyoung_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/dongyoung_logo.png");
  background-color: #0865aa;
}
.dongyoung_pofol_wrap p.pofol_date_info {
  color: #086cb4;
}

/* STARBUCKS CHEONG DAM */
.starbuckscheongdam_cont_wrap {
  background: #0e0c0d;
}

.starbuckscheongdam_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/starbucks_cheongdam_top_bg.jpg");
}
.starbuckscheongdam_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/starbucks_cheongdam_top_txt.png");
  background-position: 50% 50%;
  background-size: 757px auto;
  height: 229px;
}
.starbuckscheongdam_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/starbucks_cheongdam_logo.png");
  background-color: #171614;
}
.starbuckscheongdam_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 대한항공 */
.kair_cont_wrap {
  background: #0e0c0d;
}

.kair_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/kair_img01.jpg");
}
.kair_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/kair_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 456px auto;
  height: 158px;
}
.kair_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/kair_motto.png");
  background-color: #4ec0e7;
}
.kair_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 스타벅스 */
.sb_cont_wrap {
  background: #fff;
}

.sb_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/sb_img01.jpg");
}
.sb_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/sb_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 814px auto;
  height: 158px;
}
.sb_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/sb_motto.png");
  background-color: #007240;
}
.sb_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 대한항공 */
.reporter_cont_wrap {
  background: #fff;
}

.reporter_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/reporter_img01.jpg");
}
.reporter_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/reporter_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 483px auto;
  height: 139px;
}
.reporter_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/reporter_motto.png");
  background-color: #83d8f8;
}
.reporter_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 국립재난안전 */
.ndmi_cont_wrap {
  background: #fff;
}

.ndmi_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/ndmi_img01.jpg");
}
.ndmi_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/ndmi_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 997px auto;
  height: 158px;
}
.ndmi_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/ndmi_motto.png");
  background-color: #013b90;
}

.rndmi_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 국립재난안전 */
.espoir_cont_wrap {
  background: #fff;
}

.espoir_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/espoir_img01.jpg");
}
.espoir_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/espoir_pofol_ttl.png");
  background-position: 50% 50%;
  background-size: 437px auto;
  height: 175px;
}
.espoir_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/espoir_motto.png");
  background-color: #013b90;
}
.espoir_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* hyundai motors recruit */
.hd_recruit_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/hd_recruit_img_01.jpg");
}
.hd_recruit_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/hd_recruit_ttl.png");
  background-position: 50% 50%;
  background-size: 690px auto;
  height: 155px;
}
.hd_recruit_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/hd_recruit_motto.png");
  background-color: #003469;
}
.hd_recruit_pofol_wrap p.pofol_date_info {
  color: #fff;
}

.pofol_wrap.hd_recruit_pofol_wrap {
  background: url("../img/pofol/hd_recruit_bg.jpg") center bottom repeat;
}

/* KFC */
.kfc_cont_wrap {
  background: #fff;
}

.kfc_pofol_wrap .md_pofol_header {
  background: url("../img/pofol/kfc_img_01.jpg") 50% 0 no-repeat;
  background-size: cover;
}
.kfc_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/kfc_ttl.png");
  background-position: 50% 50%;
  background-size: 547px auto;
  height: 139px;
}
.kfc_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/kfc_motto.png");
  background-color: #c4122f;
}
.kfc_pofol_wrap p.pofol_date_info {
  color: #fff;
}

.pofol_wrap.kfc_pofol_wrap {
  background: url("../img/pofol/kfc_bg.jpg") center bottom repeat;
}

/* new nowear */
.nowear_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/nowear_top.jpg");
}
.nowear_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/nowear_ttl.png");
  background-position: 50% 50%;
  background-size: 352px auto;
  height: 219px;
}
.nowear_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/nowear_motto.png");
  background-color: #000;
}
.nowear_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* ssinbo */
.ssinbo_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/ssinbo_header.jpg");
}
.ssinbo_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/ssinbo_ttl.png");
  background-position: 50% 50%;
  background-size: 799px auto;
  height: 138px;
}
.ssinbo_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/ssinbo_motto.png");
  background-color: #244079;
}
.ssinbo_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* jakomo */
.jakomo_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/jakomo_header.jpg");
}
.jakomo_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/jakomo_ttl.png");
  background-position: 50% 50%;
  background-size: 557px auto;
  height: 138px;
}
.jakomo_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/jakomo_motto.png");
  background-color: #252527;
}
.jakomo_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* BTime */
.btime_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/btime_header.jpg");
}
.btime_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/btime_ttl.png");
  background-position: 50% 50%;
  background-size: 516px auto;
  height: 137px;
}
.btime_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/btime_motto.png");
  background-color: #0275aa;
}
.btime_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* lookbook */
.lookbook_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/lookbook_top.jpg");
}
.lookbook_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/lookbook_ttl.png");
  background-position: 50% 50%;
  background-size: 464px auto;
  height: 139px;
}
.lookbook_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/lookbook_motto.png");
  background-color: #000;
}
.lookbook_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* pretty gipsy */
.prettygipsy_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/pretty_gipsy_img01.jpg");
}
.prettygipsy_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/pretty_gipsy_ttl.png");
  background-position: 50% 50%;
  background-size: 540px auto;
  height: 159px;
}
.prettygipsy_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/pretty_gipsy_motto.png");
  background-color: #b6e3f6;
}
.prettygipsy_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 220603 포폴 추가 */
/* 한고원 */
.keis_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/keis_topbg.jpg");
}
.keis_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/keis_ttl.png");
  background-position: 50% 50%;
  background-size: 883px auto;
  height: 139px;
}
.keis_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/keis_motto.png");
  background-color: #087b93;
}
.keis_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 깔끔이 */
.cleanup_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/cleanup_topbg.jpg");
}
.cleanup_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/cleanup_ttl.png");
  background-position: 50% 50%;
  background-size: 460px auto;
  height: 151px;
}
.cleanup_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/cleanup_motto.png");
  background-color: #2079ff;
}
.cleanup_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 소공인 */
.sogongin_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/sogongin_topbg.jpg");
}
.sogongin_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/sogongin_ttl.png");
  background-position: 50% 50%;
  background-size: 437px auto;
  height: 241px;
}
.sogongin_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/sogongin_motto.png");
  background-color: #078dff;
}
.sogongin_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* ipecs */
.ipecs_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/ipecs_topbg.jpg");
}
.ipecs_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/ipecs_ttl.png");
  background-position: 50% 50%;
  background-size: 508px auto;
  height: 139px;
}
.ipecs_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/ipecs_motto.png");
  background-color: #f7f7f7;
}
.ipecs_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* ericssonlg */
.ericssonlg_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/ericssonlg_topbg.jpg");
}
.ericssonlg_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/ericssonlg_ttl.png");
  background-position: 50% 50%;
  background-size: 508px auto;
  height: 139px;
}
.ericssonlg_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/ericssonlg_motto.png");
  background-color: #f7f7f7;
}
.ericssonlg_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* laseroptek */
.laseroptek_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/laseroptek_topbg.jpg");
}
.laseroptek_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/laseroptek_ttl.png");
  background-position: 50% 50%;
  background-size: 475px auto;
  height: 59px;
}
.laseroptek_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/laseroptek_motto.png");
  background-color: #6b94c1;
}
.laseroptek_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* tomoon */
.tomoon_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/tomoon_topbg.jpg");
}
.tomoon_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/tomoon_ttl.png");
  background-position: 50% 50%;
  background-size: 544px auto;
  height: 138px;
}
.tomoon_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/tomoon_motto.png");
  background-color: #f7f7f7;
}
.tomoon_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 220603 포폴 추가 end */
/* 220609 포폴 추가 */
/* ddp */
.ddp_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/ddp_topbg.jpg");
}
.ddp_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/ddp_ttl.png");
  background-position: 50% 50%;
  background-size: 687px auto;
  height: 138px;
}
.ddp_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/ddp_motto.png");
  background-color: #212121;
}
.ddp_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 서울디자인재단 */
.sdf_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/sdf_topbg.jpg");
}
.sdf_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/sdf_ttl.png");
  background-position: 50% 50%;
  background-size: 508px auto;
  height: 139px;
}
.sdf_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/sdf_motto.png");
  background-color: #0053a3;
}
.sdf_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 공유누리 */
.eshare_cont_wrap .md_pofol_header {
  background-image: url("../img/pofol/eshare_topbg.jpg");
}
.eshare_cont_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/eshare_ttl.png");
  background-position: 50% 50%;
  background-size: 364px auto;
  height: 151px;
}
.eshare_cont_wrap .md_ex_left {
  background-image: url("../img/pofol/eshare_motto.png");
  background-color: #fff;
}
.eshare_cont_wrap p.pofol_date_info {
  color: #fff;
}

/* 220609 포폴 추가 end */
/* 220610 포폴 추가 */
/* 레드캡 투어 */
.redcaptour_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/redcap_tour_topbg.jpg");
}
.redcaptour_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/redcap_tour_ttl.png");
  background-position: 50% 50%;
  background-size: 550px auto;
  height: 142px;
}
.redcaptour_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/redcap_tour_motto.png");
  background-color: #fff;
}
.redcaptour_pofol_wrap .md_ex_right {
  background-color: #f5f5f5;
}
.redcaptour_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 레드캡 렌터카 */
.redcaprent_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/redcap_rent_topbg.jpg");
}
.redcaprent_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/redcap_rent_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.redcaprent_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/redcap_rent_motto.png");
  background-color: #c6c6c6;
}
.redcaprent_pofol_wrap p.pofol_date_info {
  color: #c6c6c6;
}

/* 220610 포폴 추가 end */
/* 240826 포폴 추가 */
/* 감일청소년문화의집 */
.gamil_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/gamil_topbg.jpg");
}
.gamil_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/gamil_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.gamil_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/gamil_motto.png");
  background-color: #fff;
}
.gamil_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 디지털서비스개방 */
.digitalapi_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/digitalapi_img01.jpg");
}
.digitalapi_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/digitalapi_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.digitalapi_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/digitalapi_motto.png");
  background-color: #fff;
}
.digitalapi_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 헬프 앱 */
.healfe_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/healfe_img01.jpg");
}
.healfe_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/healfe_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.healfe_pofol_wrap .md_ex_left {
  background: url("../img/pofol/healfe_logo.png") center center no-repeat, -webkit-gradient(linear, left top, right top, from(#7043fc), to(#9052f6));
  background: url("../img/pofol/healfe_logo.png") center center no-repeat, linear-gradient(90deg, #7043fc, #9052f6);
  background-size: auto, cover;
}
.healfe_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 브이드림 */
.vdream_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/vdream_img01.jpg");
  background-position: top center;
}
.vdream_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/vdream_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.vdream_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/vdream_logo.png");
  background-color: #fff;
}
.vdream_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 대한적십자사 */
.redcross_pofol_wrap .md_pofol_header {
  background-image: url("../img/pofol/redcross_img01.jpg");
}
.redcross_pofol_wrap .md_pofol_header .md_pofol_ttl {
  background-image: url("../img/pofol/redcross_ttl.png");
  background-position: 50% 50%;
  background-size: 378px auto;
  height: 147px;
}
.redcross_pofol_wrap .md_ex_left {
  background-image: url("../img/pofol/redcross_logo.png");
  background-color: #fff;
}
.redcross_pofol_wrap p.pofol_date_info {
  color: #fff;
}

/* 240826 포폴 추가 end */
@media screen and (max-width: 960px) {
  .for_web {
    display: none;
  }
  .for_web img {
    display: none;
  }
  .for_mob {
    display: block;
  }
  .for_mob img {
    display: block;
    max-width: 100%;
  }
  /* kia */
  .kia_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 30%;
  }
  .kia_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* hanssem */
  .hanssem_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 30%;
  }
  .hanssem_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* besilk */
  .besilk_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 20%;
  }
  .besilk_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* espoir_taping */
  .espoir_taping_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .espoir_taping_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* magformers */
  .magformers_pofol_wrap .md_pofol_header .md_pofol_ttl, .sbpln_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .magformers_pofol_wrap .md_ex_left, .sbpln_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* sb planner */
  /* sb starbucks_xmas02 */
  .starbucks_xmas02_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .starbucks_xmas02_pofol_wrap .md_ex_left {
    background-size: 40%;
  }
  /* sb starbucks_autumn */
  .starbucks_autumn_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .starbucks_autumn_pofol_wrap .md_ex_left {
    background-size: 65%;
  }
  /* starbucks_merry */
  .starbucks_merry_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 20%;
  }
  .starbucks_merry_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks_xmas01 */
  .starbucks_xmas01_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 30%;
  }
  .starbucks_xmas01_pofol_wrap .md_ex_left {
    background-size: 40%;
  }
  /* hdglovis */
  .hdglovis_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 18%;
  }
  .hdglovis_pofol_wrap .md_pofol_ttl {
    background: url("../img/pofol/hdglovis_ttl.png") 50% 0 no-repeat;
    display: block;
    height: 150px;
    overflow: hidden;
    text-indent: -20000px;
    width: 100%;
  }
  .hdglovis_pofol_wrap .md_ex_left {
    background-size: 38%;
  }
  /* starbucks anniversary */
  .starbucks_ann_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 20%;
  }
  .starbucks_ann_pofol_wrap .md_ex_left {
    background-size: 74%;
  }
  /* korair */
  .korair_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .korair_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks teavana */
  .starbucks_teavana_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 30%;
  }
  .starbucks_teavana_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks_summer */
  .starbucks_summer_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .starbucks_summer_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks_summer_1 */
  .starbucks_summer_1_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 41%;
  }
  .starbucks_summer_1_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks_valentine */
  .starbucks_valentine_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .starbucks_valentine_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* starbucks_cherry */
  .starbucks_cherry_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .starbucks_cherry_pofol_wrap .md_ex_left {
    background-size: 25%;
  }
  /* starbucks_2017year */
  .starbucks_2017year_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 28%;
  }
  .starbucks_2017year_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* ourhome */
  .ourhome_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 14%;
  }
  .ourhome_pofol_wrap .md_ex_left {
    background-size: 60%;
  }
  /* kt_alleh */
  .ktalleh_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 23%;
  }
  .ktalleh_pofol_wrap .md_ex_left {
    background-size: 35%;
  }
  /* 애니콜 */
  .anycalls_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_anycalls_img01.jpg");
  }
  .anycalls_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 76px;
  }
  .anycalls_pofol_wrap .md_ex_left {
    background-size: 80%;
  }
  /* 아모레 홍콩 */
  .amore_hk_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_amore_top_bg.jpg");
  }
  .amore_hk_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 22%;
  }
  .amore_hk_pofol_wrap .md_ex_left {
    background-size: 80%;
  }
  /* 클리퍼머스 */
  .clicformers_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_clicformers_top_bg.jpg");
  }
  .clicformers_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 12%;
  }
  .clicformers_pofol_wrap .md_ex_left {
    background-size: 80%;
  }
  /* 클리퍼머스 */
  .tmax_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_tmax_top_bg.jpg");
  }
  .tmax_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 18%;
  }
  .tmax_pofol_wrap .md_ex_left {
    background-image: url("../img/pofol/tmax_logo.png");
    background-color: #aaaaaa;
    background-size: 80%;
  }
  /* sktelcome */
  .sktelcome_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_sktelcome_top_bg.jpg");
  }
  .sktelcome_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 25%;
  }
  .sktelcome_pofol_wrap .md_ex_left {
    background-size: 56%;
  }
  /* samsung */
  .samsung_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_samsung_top_bg.jpg");
  }
  .samsung_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 21%;
  }
  .samsung_pofol_wrap .md_ex_left {
    background-size: 36%;
  }
  .samsung_pofol_wrap .md_ex_right {
    padding: 50px 7% 50px 7%;
  }
  /* hyundai */
  .hyundai_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_hyundai_top_bg.jpg");
  }
  .hyundai_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 27%;
  }
  .hyundai_pofol_wrap .md_ex_left {
    background-size: 47%;
  }
  /* namsung */
  .namsung_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_namsung_top_bg.jpg");
  }
  .namsung_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 27%;
  }
  .namsung_pofol_wrap .md_ex_left {
    background-image: url("../img/pofol/m_namsung_logo.png");
    background-size: 80%;
  }
  /* dongyoung */
  .dongyoung_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_dongyoung_top_bg.jpg");
  }
  .dongyoung_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 90% auto;
    height: 0;
    padding-bottom: 25%;
  }
  .dongyoung_pofol_wrap .md_ex_left {
    background-image: url("../img/pofol/m_dongyoung_logo.png");
    background-size: 80%;
  }
  /* STARBUCKS CHEONG DAM */
  .starbuckscheongdam_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_starbucks_cheongdam_top_bg.jpg");
  }
  .starbuckscheongdam_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_starbucks_cheongdam_top_txt.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 59%;
  }
  .starbuckscheongdam_pofol_wrap .md_ex_left {
    background-size: 33%;
  }
  /* 대한항공 */
  .kair_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_kair_img01.jpg");
  }
  .kair_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_kair_pofol_ttl.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 31%;
  }
  .kair_pofol_wrap .md_ex_left {
    background-size: 85%;
  }
  /* 스타벅스 */
  .sb_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_sb_pofol_ttl.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 37%;
  }
  .sb_pofol_wrap .md_ex_left {
    background-size: 85%;
  }
  /* 대한항공 네그비 */
  .reporter_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_reporter_img01.jpg");
    background-position: center center;
  }
  .reporter_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_reporter_pofol_ttl.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 26%;
  }
  .reporter_pofol_wrap .md_ex_left {
    background-size: 48%;
  }
  /* 국립재난안전*/
  .ndmi_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_ndmi_img01.jpg");
    background-position: center center;
  }
  .ndmi_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_ndmi_pofol_ttl.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 35%;
  }
  .ndmi_pofol_wrap .md_ex_left {
    background-size: 41%;
  }
  /* 에스쁘아 */
  .espoir_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_espoir_img01.jpg");
    background-position: center center;
  }
  .espoir_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_espoir_pofol_ttl.png");
    background-position: 50% 50%;
    background-size: 757px auto;
    height: 229px;
    background-size: 90% auto;
    height: 0;
    padding-bottom: 36%;
  }
  .espoir_pofol_wrap .md_ex_left {
    background-image: url("../img/pofol/m_espoir_motto.png");
    background-size: 100%;
  }
  /* hyundai motors recruit */
  .hd_recruit_pofol_wrap .md_pofol_header {
    background-position: 60% center;
  }
  .hd_recruit_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: none;
    background-position: 50% 50%;
    background-size: 326px auto;
    height: 240px;
    background-size: 65% auto;
    height: 0;
    padding-bottom: 50%;
  }
  .hd_recruit_pofol_wrap .md_ex_left {
    background-size: 65%;
  }
  /* KFC */
  .kfc_pofol_wrap .md_pofol_header {
    background-position: 50% center;
  }
  .kfc_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-image: url("../img/pofol/m_kfc_ttl.png");
    background-position: 50% 50%;
    background-size: 326px auto;
    height: 240px;
    background-size: 65% auto;
    height: 0;
    padding-bottom: 14%;
  }
  .kfc_pofol_wrap .md_ex_left {
    background-size: 25%;
  }
  /* new nowear */
  .nowear_cont_wrap .md_pofol_header .md_pofol_ttl, .ssinbo_cont_wrap .md_pofol_header .md_pofol_ttl, .jakomo_cont_wrap .md_pofol_header .md_pofol_ttl, .btime_cont_wrap .md_pofol_header .md_pofol_ttl, .lookbook_cont_wrap .md_pofol_header .md_pofol_ttl, .prettygipsy_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 70% auto;
    height: 0;
    padding-bottom: 45%;
  }
  .nowear_cont_wrap .md_ex_left, .ssinbo_cont_wrap .md_ex_left, .jakomo_cont_wrap .md_ex_left, .btime_cont_wrap .md_ex_left, .lookbook_cont_wrap .md_ex_left, .prettygipsy_cont_wrap .md_ex_left {
    background-size: 60%;
  }
  /* ssinbo */
  /* jakomo */
  /* BTime */
  /* lookbook */
  /* pretty gipsy */
  /* 220603 포폴 추가 */
  /* 한고원 */
  .keis_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 50% auto;
    height: 0;
    padding-bottom: 14%;
  }
  .keis_cont_wrap .md_ex_left {
    background-size: 40%;
  }
  /* 깔끔이 */
  .cleanup_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 50% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .cleanup_cont_wrap .md_ex_left {
    background-size: 30%;
  }
  /* 소공인 */
  .sogongin_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 50% auto;
    height: 0;
    padding-bottom: 28%;
  }
  .sogongin_cont_wrap .md_ex_left {
    background-size: 40%;
  }
  /* ipecs */
  .ipecs_cont_wrap .md_pofol_header .md_pofol_ttl, .ericssonlg_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 50% auto;
    height: 0;
    padding-bottom: 14%;
  }
  .ipecs_cont_wrap .md_ex_left, .ericssonlg_cont_wrap .md_ex_left {
    background-size: 40%;
  }
  /* ericssonlg */
  /* laseroptek */
  .laseroptek_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 8%;
  }
  .laseroptek_cont_wrap .md_ex_left {
    background-size: 60%;
  }
  /* tomoon */
  .tomoon_cont_wrap .md_pofol_header .md_pofol_ttl, .ddp_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 16%;
  }
  .tomoon_cont_wrap .md_ex_left, .ddp_cont_wrap .md_ex_left {
    background-size: 60%;
  }
  /* 220603 포폴 추가 end */
  /* 220609 포폴 추가 */
  /* ddp */
  /* 서울디자인재단 */
  .sdf_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .sdf_cont_wrap .md_ex_left {
    background-size: 40%;
  }
  /* 공유누리 */
  .eshare_cont_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 25%;
  }
  .eshare_cont_wrap .md_ex_left {
    background-size: 40%;
  }
  /* 220609 포폴 추가 end */
  /* 220610 포폴 추가 */
  /* 레드캡 투어 */
  .redcaptour_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 60% auto;
    height: 0;
    padding-bottom: 16%;
  }
  .redcaptour_pofol_wrap .md_ex_left {
    background-size: 40%;
  }
  /* 레드캡 렌터카 */
  .redcaprent_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 55% auto;
    height: 0;
    padding-bottom: 24%;
  }
  .redcaprent_pofol_wrap .md_ex_left {
    background-size: 40%;
  }
  /* 220610 포폴 추가 end */
  /* 240826 포폴 추가 */
  /* 감일청소년문화의집 */
  .gamil_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_gamil_img01.jpg");
  }
  .gamil_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 80% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .gamil_pofol_wrap .md_ex_left {
    background-size: 60%;
    padding-bottom: 40%;
  }
  /* 디지털서비스개방 */
  .digitalapi_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_digitalapi_img01.jpg");
  }
  .digitalapi_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 80% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .digitalapi_pofol_wrap .md_ex_left {
    background-size: 60%;
    padding-bottom: 40%;
  }
  /* 헬프 앱 */
  .healfe_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_healfe_img01.jpg");
  }
  .healfe_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 80% auto;
    height: 0;
    padding-bottom: 30%;
  }
  .healfe_pofol_wrap .md_ex_left {
    padding-bottom: 40%;
    background: url("../img/pofol/healfe_logo.png") center center no-repeat, -webkit-gradient(linear, left top, right top, from(#7043fc), to(#9052f6));
    background: url("../img/pofol/healfe_logo.png") center center no-repeat, linear-gradient(90deg, #7043fc, #9052f6);
    background-size: 17%, cover;
  }
  /* 브이드림 */
  .vdream_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_vdream_img01.jpg");
  }
  .vdream_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 80% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .vdream_pofol_wrap .md_ex_left {
    background-size: 60%;
    padding-bottom: 40%;
  }
  /* 대한적십자사 */
  .redcross_pofol_wrap .md_pofol_header {
    background-image: url("../img/pofol/m_redcross_img01.jpg");
  }
  .redcross_pofol_wrap .md_pofol_header .md_pofol_ttl {
    background-size: 80% auto;
    height: 0;
    padding-bottom: 17%;
  }
  .redcross_pofol_wrap .md_ex_left {
    background-size: 60%;
    padding-bottom: 40%;
  }
  /* 240826 포폴 추가 end */
}
.page_portfolio .main_pof_txt_wrap {
  padding: 0 35px 0 10px;
  position: relative;
  z-index: 1;
}
.page_portfolio .main_pof_txt_wrap strong {
  color: #000;
  display: block;
  font-size: 35px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  padding-bottom: 30px;
  text-overflow: ellipsis;
  transition: color 0.7s;
  -webkit-transition: color 0.7s;
  white-space: nowrap;
}
.page_portfolio .main_pof_txt_wrap strong:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 1px;
  background: #777;
}
.page_portfolio .main_pof_txt_wrap p.main_pof_date {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  margin-top: 60px;
  transition: color 0.7s;
  -webkit-transition: color 0.7s;
}
.page_portfolio .main_pof_txt_wrap p.main_pof_cate {
  color: #777;
  font-size: 12px;
  height: 90px;
  line-height: 24px;
  margin-top: 30px;
}
.page_portfolio .main_pof_txt_wrap p.main_pof_exp {
  display: none;
  color: #777;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 1.6;
  margin-top: 40px;
  transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
}

/* badge */
.main_pof_badge_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  margin-top: 2rem;
}

.badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.8rem;
  height: 5rem;
  line-height: 1;
  text-align: center;
  min-width: 8.5rem;
  background-color: #333;
  color: #fff;
}

@media screen and (max-width: 1700px) {
  .wrap_pf {
    grid-template-columns: repeat(auto-fill, minmax(25%, auto));
    -webkit-column-gap: 2%;
       -moz-column-gap: 2%;
            column-gap: 2%;
  }
  .wrap_pf .main_pof_thumb {
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1366px) {
  .wrap_pf {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 1280px) {
  .common_cont_wrap {
    padding: 17rem 1.4rem 4rem;
  }
  .visual_title h2 {
    font-size: 7rem;
  }
  .visual_title h2::after {
    bottom: 0;
  }
  .page_portfolio .main_pof_txt_wrap strong {
    font-size: 25px;
  }
  .box_pf.swiper-slide {
    width: 200px;
  }
  .main_pof_txt_wrap strong {
    font-size: 25px;
  }
  .md_pofol_cont_img_wrap {
    max-width: unset;
  }
  .md_pofol_header {
    background-position: center center;
  }
  .box_pf .link_detail_txt strong {
    font-size: 2rem;
  }
  .box_pf .link_detail_txt p {
    font-size: 1.6rem;
  }
  .wrap_pf {
    margin-top: 10rem;
  }
  .wrap_pf .main_pof_thumb {
    border-radius: 3rem;
  }
}
@media screen and (max-width: 960px) {
  .common_cont_ttl_up {
    font-size: 2rem;
  }
  .visual_title h2 {
    font-size: 6rem;
  }
  .box_pf .link_detail_txt strong {
    font-size: 1.8rem;
  }
  .box_pf .link_detail_txt p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .common_cont_ttl_up {
    font-size: 1.8rem;
  }
  .visual_title h2 {
    font-size: 5rem;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
  .main_pof_wrap {
    width: 100%;
  }
  .page_portfolio .main_pof_wrap {
    padding-bottom: 0;
    width: 100%;
  }
  /*.swiper-container-free-mode > .swiper-wrapper { margin:0 0 0 -25%; }*/
  .md_pofol_ex_wrap {
    height: auto;
  }
  .md_ex_left, .md_ex_right {
    float: none;
    width: 100%;
  }
  .md_ex_left {
    padding-bottom: 50%;
  }
  .md_ex_right {
    padding: 50px 0 50px 7%;
  }
  .md_ex_right dl {
    margin-top: 30px;
  }
  .md_ex_right dl:first-child {
    margin-top: 0;
  }
  .wrap_pf {
    grid-template-columns: repeat(auto-fill, minmax(45%, auto));
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 6rem;
    margin-top: 10rem;
  }
  .main_pof_badge_wrap {
    width: 100%;
    margin-top: 5rem;
    gap: 0.8rem;
    overflow: hidden;
  }
  .badge {
    min-width: 5.25rem;
    height: 3rem;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 1.4rem;
  }
  .box_pf .main_pof_thumb {
    overflow: visible;
    border-radius: 2.5rem;
  }
  .box_pf .main_pof_thumb img {
    border-radius: 2.5rem;
  }
  .box_pf .link_detail_txt {
    width: 100%;
    top: unset;
    bottom: -40px;
    color: #fff;
    z-index: 2;
    margin: 0;
  }
  .box_pf .link_detail_txt strong {
    font-size: 1.6rem;
    font-family: "NotoSansRegular", "나눔바른고딕", "NanumBarunGothic", "Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .box_pf .link_detail_txt p {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .common_cont_ttl_up {
    font-size: 1.6rem;
  }
  .visual_title h2 {
    font-size: 4rem;
  }
  .main_pof_txt_wrap strong {
    font-size: 20px;
  }
  .main_pof_txt_wrap p.main_pof_date {
    margin-top: 30px;
  }
  .main_pof_txt_wrap p.main_pof_cate {
    height: 75px;
    line-height: 18px;
    margin-top: 20px;
  }
  .page_portfolio .main_pof_txt_wrap strong {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .page_portfolio .main_pof_txt_wrap p.main_pof_cate {
    margin-top: 20px;
  }
  .box_pf .link_detail_txt strong {
    font-size: 1.4rem;
  }
}