@charset "UTF-8";
@import "common.css";
.home_banner {
  background-image: url(../img/banner_gradient.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 512px;
  position: relative;
}
.home_banner img.left_deco {
  position: absolute;
  opacity: 0.6;
  width: 540px;
  left: -200px;
  bottom: 0;
}
.home_banner img.right_deco {
  position: absolute;
  opacity: 0.6;
  width: 540px;
  right: -200px;
  top: 0;
}
.home_banner .home_container {
  width: 1024px;
  margin: 0 auto;
  padding: 50px 0 100px;
}
.home_banner .home_container h1 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.4rem;
}
.home_banner .home_container h1 .mobile {
  display: none;
}
.home_banner .home_container h2 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 140%;
  padding-top: 10px;
}
.home_banner .home_container h2 span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.8rem;
}
.home_banner .home_container h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 140%;
}
.home_banner .home_container img.main_logo {
  display: block;
  text-align: center;
  padding: 70px 0 120px;
}
.home_banner .home_container img.tag {
  padding: 30px 0;
  margin-left: -10px;
}

.Strategy {
  width: 1024px;
  margin: 100px auto 50px;
}
.Strategy .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.Strategy .align {
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
}
.Strategy .align h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.Strategy .align h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.Strategy img.strategy_graphic {
  width: 80%;
  display: block;
  margin: 50px auto 0;
}
.Strategy img.strategy_graphic_m {
  display: none;
}

.business_partner {
  width: 1024px;
  margin: 0 auto 170px;
}
.business_partner .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.business_partner .align {
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
}
.business_partner .align h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.business_partner .align h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.business_partner .align h5 {
  font-size: 1.1rem;
  padding: 15px 0;
}
.business_partner img.bp_graphic {
  width: 100%;
  display: block;
  margin: 50px auto 0;
}
.business_partner img.bp_graphic_m {
  display: none;
}

.journey {
  background-color: #000;
  padding: 130px 0;
}
.journey .inner {
  width: 1024px;
  margin: 0 auto;
}
.journey .inner h1 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.8rem;
  background-color: #0E51F0;
  color: #fff;
  display: inline-block;
  padding: 10px 13px;
}
.journey .inner img.journey_graphic {
  width: 100%;
  display: block;
  margin: 60px auto;
}
.journey .inner img.journey_graphic_mobile {
  display: none;
}
.journey .inner p {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
}

.partner {
  width: 1024px;
  margin: 0 auto;
  padding: 80px 0 130px;
  text-align: left;
}
.partner .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.partner h1 {
  font-size: 2.25rem;
  font-weight: 400;
  padding-bottom: 40px;
  line-height: 150%;
}
.partner h1 span {
  font-weight: 600;
}
.partner .logo {
  text-align: center;
}
.partner .logo img {
  height: 27px;
  margin: 23px 25px;
  vertical-align: middle;
}
.partner .logo .client_neowiz {
  height: 22px;
}
.partner .logo .client_eland {
  height: 32px;
}
.partner .logo .client_upbit {
  height: 20px;
}
.partner .logo .client_naverplusstore {
  height: 21px;
}
.partner .logo .client_lgthinq {
  height: 21px;
}
.partner .logo .client_skt {
  height: 35px;
}
.partner .logo .client_krafton {
  height: 20px;
}
.partner .logo .client_ssf {
  height: 22px;
}
.partner .logo .client_lotteon {
  height: 23px;
}
.partner .logo .client_socar {
  height: 25px;
}
.partner .logo .client_mustit {
  height: 25px;
}
.partner .logo .client_ohouse {
  height: 32px;
}
.partner .logo .client_kakaowebtoon {
  height: 26px;
}
.partner .logo .client_dongwon {
  height: 38px;
  margin-top: 25px;
}
.partner .logo .client_lottemembers {
  height: 38px;
}
.partner .logo .client_burgerking {
  height: 45px;
}
.partner .logo .client_birdview {
  height: 26px;
}
.partner .logo .client_balaan {
  height: 30px;
}
.partner .logo .client_millie {
  height: 21px;
}
.partner .logo .client_shinsegae {
  height: 20px;
}
.partner .logo .client_niantic {
  height: 38px;
}
.partner .logo .client_worksout {
  height: 26px;
}
.partner .logo .client_hanssem {
  height: 25px;
}
.partner .tabs {
  width: 100%;
  min-height: 550px;
  float: none;
  list-style: none;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}
.partner .tabs li {
  float: left;
  display: block;
}
.partner .tabs li input[type=radio] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.partner .tabs li label {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  display: block;
  padding: 20px 0;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  position: relative;
  transition: all 0.1s ease-in-out;
  width: 180px;
}
.partner .tabs li label:hover {
  background: #000;
  color: #fff;
}
.partner .tabs li .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  background: #fff;
  margin-top: 30px;
}
.partner .tabs li .tab-content .logo img {
  height: 27px;
  margin: 24px;
  vertical-align: middle;
}
.partner .tabs li .tab-content .logo .client_neowiz {
  height: 22px;
}
.partner .tabs li .tab-content .logo .client_eland {
  height: 32px;
}
.partner .tabs li .tab-content .logo .client_upbit {
  height: 20px;
}
.partner .tabs li .tab-content .logo .client_naverplusstore {
  height: 21px;
}
.partner .tabs li .tab-content .logo .client_lgthinq {
  height: 21px;
}
.partner .tabs li .tab-content .logo .client_skt {
  height: 35px;
}
.partner .tabs li .tab-content .logo .client_krafton {
  height: 20px;
}
.partner .tabs li .tab-content .logo .client_ssf {
  height: 22px;
}
.partner .tabs li .tab-content .logo .client_lotteon {
  height: 23px;
}
.partner .tabs li .tab-content .logo .client_socar {
  height: 25px;
}
.partner .tabs li .tab-content .logo .client_mustit {
  height: 25px;
}
.partner .tabs li .tab-content .logo .client_ohouse {
  height: 32px;
}
.partner .tabs li .tab-content .logo .client_kakaowebtoon {
  height: 26px;
}
.partner .tabs li .tab-content .logo .client_dongwon {
  height: 38px;
  margin-top: 25px;
}
.partner .tabs li .tab-content .logo .client_lottemembers {
  height: 38px;
}
.partner .tabs li .tab-content .logo .client_burgerking {
  height: 45px;
}
.partner .tabs li .tab-content .logo .client_birdview {
  height: 26px;
}
.partner .tabs li .tab-content .logo .client_balaan {
  height: 30px;
}
.partner .tabs li .tab-content .logo .client_millie {
  height: 21px;
}
.partner .tabs li .tab-content .logo .client_shinsegae {
  height: 22px;
}
.partner .tabs li .tab-content .logo .client_niantic {
  height: 38px;
}
.partner .tabs li .tab-content .logo .client_worksout {
  height: 26px;
}
.partner .tabs li .tab-content .logo .client_hanssem {
  height: 25px;
}
.partner .tabs li .tab-content .partner_logo img {
  margin: 35px 43px;
  height: 28px;
}
.partner .tabs li .tab-content .partner_logo img.partner_braze {
  height: 35px;
}
.partner .tabs li .tab-content .partner_logo img.partner_amplitude {
  height: 34px;
}
.partner .tabs li .tab-content .partner_logo img.partner_appsflyer {
  height: 38px;
}
.partner .tabs li .tab-content .partner_logo img.partner_onesignal {
  height: 35px;
}
.partner .tabs li .tab-content .partner_logo img.partner_mixpanel {
  height: 35px;
}
.partner .tabs li .tab-content .partner_logo img.partner_insider {
  height: 36px;
}
.partner .tabs li .tab-content .partner_logo img.partner_infobip {
  height: 35px;
}
.partner .tabs li .tab-content .partner_logo img.partner_adjust {
  height: 35px;
}
.partner .tabs [id^=tab]:checked + label {
  top: 0;
  background: #000;
  color: #fff;
}
.partner .tabs [id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}

.home_solutions_area {
  text-align: center;
  display: block;
  width: 100%;
  padding: 30px 0 100px;
  width: 1024px;
  margin: auto;
  text-align: left;
}
.home_solutions_area .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.home_solutions_area h1 {
  font-size: 2.25rem;
  font-weight: 400;
  padding-bottom: 40px;
  line-height: 150%;
}
.home_solutions_area h1 span {
  font-weight: 600;
}
.home_solutions_area .partner_list {
  display: block;
  width: 850px;
  margin: 30px auto 50px;
}
.home_solutions_area .partner_list .partner_info {
  padding-bottom: 60px;
  display: flex;
}
.home_solutions_area .partner_list .partner_info .logo {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: left;
}
.home_solutions_area .partner_list .partner_info .logo img {
  height: 65px;
}
.home_solutions_area .partner_list .partner_info .logo img.amplitude_logo {
  height: 60px;
}
.home_solutions_area .partner_list .partner_info .logo img.appsflyer_logo {
  height: 70px;
}
.home_solutions_area .partner_list .partner_info .right {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
.home_solutions_area .partner_list .partner_info .right p {
  font-size: 1.15rem;
  line-height: 150%;
}
.home_solutions_area .partner_list .partner_info .right .link_btn {
  color: #000;
  border: 1px solid #000;
  font-size: 1.05rem;
  font-weight: 500;
  padding: 13px 17px;
  display: inline-block;
  margin-top: 20px;
}
.home_solutions_area .partner_list .partner_info .right .link_btn img {
  display: inline-block;
  margin-left: 3px;
}

.review_area {
  display: block;
  width: 100%;
  padding: 30px 0 100px;
}
.review_area .review_slider {
  text-align: center;
  display: inline-block;
  width: 100%;
  overflow: visible;
  overflow: visible !important;
}
.review_area .review_slider .review_card {
  min-width: 600px;
  height: 700px;
  display: inline-block;
  border: 1px solid #0E51F0;
  text-align: left;
}
.review_area .review_slider .review_card .top_bar {
  background-color: #fff;
  text-align: left;
  padding: 8px 13px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0E51F0;
}
.review_area .review_slider .review_card .top_bar h5 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.7rem;
  color: #0E51F0;
  display: inline-block;
}
.review_area .review_slider .review_card .top_bar h5.title {
  display: inline-block;
}
.review_area .review_slider .review_card .contents {
  padding: 30px;
}
.review_area .review_slider .review_card .contents h5.code_deco {
  font-family: "IBM Plex Mono", serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.8rem;
  color: #fff;
  opacity: 0.8;
  line-height: 130%;
}
.review_area .review_slider .review_card .contents .inner {
  padding: 30px 50px;
}
.review_area .review_slider .review_card .contents .inner img {
  height: 30px;
}
.review_area .review_slider .review_card .contents .inner h5.position {
  color: #fff;
  font-size: 0.9rem;
  padding-top: 15px;
}
.review_area .review_slider .review_card .contents .inner h3.summary {
  color: #fff;
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  line-height: 130%;
  word-break: keep-all;
  padding: 20px 0;
  margin: 35px 0;
}
.review_area .review_slider .review_card .contents .inner p {
  color: #fff;
  line-height: 190%;
  font-size: 0.85rem;
}
.review_area .review_slider .slick-slide {
  height: 500px;
  margin: 0 0.4%;
  opacity: 0.5;
  background-color: #fff;
}
.review_area .review_slider .slick-slide.slick-current {
  opacity: 1;
  z-index: 99;
  position: relative;
  background-color: #0E51F0;
}
.review_area .review_slider .slick-slide.slick-current .contents {
  background-image: url(../img/review_bg.png);
  background-repeat: no-repeat;
  background-size: 240px;
  background-position: right top;
}
.review_area .review_slider .img img {
  width: 100%;
}
.review_area .review_slider .page_no {
  display: block;
  list-style: none;
  margin-top: 25px;
}
.review_area .review_slider .page_no li {
  height: 5px;
  width: 7px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  margin: 0 6px;
  cursor: pointer;
}
.review_area .review_slider .page_no li button {
  border: 0;
  background: transparent;
  background: #0E51F0;
  opacity: 0.2;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.review_area .review_slider .page_no li.slick-active {
  background-color: #0E51F0;
  width: 30px;
}
.review_area .slick-center {
  opacity: 1;
  /* 중앙 슬라이드는 완전하게 보이도록 */
}

.people {
  width: 1024px;
  margin: 100px auto 250px;
}
.people .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.people .align {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
}
.people .align h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.people .align h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.people .align .link_btn {
  color: #000;
  border: 1px solid #000;
  font-size: 1.05rem;
  font-weight: 500;
  padding: 13px 17px;
  display: inline-block;
}
.people .align .link_btn img {
  display: inline-block;
  margin-left: 3px;
}
.people .people_common {
  width: 100%;
  height: 400px;
  display: inline-block;
  border-bottom: 1px solid #0E51F0;
  display: flex;
}
.people .people_common .column_common {
  padding: 30px 0 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
.people .people_common .column_common p {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  line-height: 130%;
}
.people .people_common .column_common p span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  color: #0E51F0;
}
.people .people_common .column_common h3 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #0E51F0;
  margin: 20px 0 0;
}
.people .people_common .column_common h3 span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
}
.people .people_common .column_common .name_area {
  display: block;
  margin-bottom: 25px;
  position: absolute;
  bottom: 0;
}
.people .people_common .column_common .name_area span {
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid #000;
  padding: 5px 10px;
  margin: 0 -2px;
  display: inline-block;
}
.people .people_common .column_common .name_area .mobile {
  display: none;
}
.people .people_common .column_common .name_area .name {
  background-color: #000;
  color: #fff;
}
.people .people_common .column_divide {
  width: 50%;
  display: inline-block;
}
.people .people_common .sunkyu_lee {
  background-image: url(../img/people_sunkyu_lee.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.people .people_common .jaechul_lee {
  background-image: url(../img/people_jaechul_lee.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.people .people_common .gunhee_lee {
  background-image: url(../img/people_gunhee_lee.webp);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}

.story {
  width: 1024px;
  margin: 100px auto 250px;
}
.story .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.story .align {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
}
.story .align h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.story .align h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.story .align .link_btn {
  color: #000;
  border: 1px solid #000;
  font-size: 1.05rem;
  font-weight: 500;
  padding: 13px 17px;
  display: inline-block;
}
.story .align .link_btn img {
  display: inline-block;
  margin-left: 3px;
}
.story .story_area {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.story .story_area a {
  display: inline-block;
  width: 48%;
  border: 1px solid #000;
}
.story .story_area a img {
  vertical-align: middle;
  width: 100%;
}
.story .story_area a span {
  color: #000;
  display: block;
  padding: 20px;
  line-height: 130%;
}

.download_area {
  width: 1024px;
  margin: 100px auto 250px;
}
.download_area .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.download_area h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  display: block;
}
.download_area h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.download_area .inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
}
.download_area .inner .download_icon {
  width: 115px;
  display: inline-block;
}
.download_area .inner .link_area {
  display: inline-block;
}
.download_area .inner .link_area a {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 0 25px;
  margin: -1px -5px 0 0;
  width: 300px;
  height: 78px;
  line-height: 78px;
  position: relative;
}
.download_area .inner .link_area a span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  display: inline-block;
}
.download_area .inner .link_area a img {
  vertical-align: middle;
  position: absolute;
  right: 25px;
  top: 43%;
}

/* about style */
.about_banner .banner_contianer {
  width: 1024px;
  margin: 0 auto;
  padding: 70px 0;
}
.about_banner .banner_contianer h1.title {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 6.625rem;
  vertical-align: middle;
  line-height: 40px;
  line-height: 100%;
}
.about_banner .banner_contianer h1.title span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4.5rem;
  vertical-align: middle;
  margin-left: 15px;
  position: relative;
  top: -10px;
}
.about_banner .banner_contianer .inner {
  display: flex;
  justify-content: space-between;
  margin-top: -100px;
}
.about_banner .banner_contianer .inner .mission_area {
  display: inline-block;
  position: relative;
  text-align: left;
}
.about_banner .banner_contianer .inner .mission_area img.key_graphic {
  width: 320px;
  display: block;
  position: relative;
  left: -50%;
}
.about_banner .banner_contianer .inner .mission_area img.code {
  margin: 10px 0 25px;
}
.about_banner .banner_contianer .inner .mission_area h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.about_banner .banner_contianer .inner .vision_area {
  display: inline-block;
  position: relative;
  text-align: right;
  top: -150px;
}
.about_banner .banner_contianer .inner .vision_area img.key_graphic {
  width: 320px;
  display: block;
  position: relative;
  right: -30%;
}
.about_banner .banner_contianer .inner .vision_area img.code {
  margin: 10px 0 25px;
}
.about_banner .banner_contianer .inner .vision_area h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.about_banner .banner_contianer .slogan {
  text-align: right;
  margin-top: -70px;
}
.about_banner .banner_contianer .slogan h3 {
  background-color: #000000;
  color: #fff;
  display: inline-block;
  padding: 20px 40px;
  text-align: right;
  line-height: 150%;
  font-size: 1.625rem;
}

.about_container {
  width: 1024px;
  margin: 100px auto;
}
.about_container .core_value {
  padding: 100px 0;
}
.about_container .core_value .title_tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  background-color: #005eeb;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.about_container .core_value h1.title {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.about_container .core_value h1.title span {
  font-size: 2.25rem;
  font-weight: 600;
}
.about_container .core_value .value_section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.about_container .core_value .value_section .card {
  display: inline-block;
  width: 30%;
  text-align: center;
}
.about_container .core_value .value_section .card img {
  width: 100%;
}
.about_container .core_value .value_section .card .tag {
  display: block;
  margin-bottom: 20px;
}
.about_container .core_value .value_section .card .tag span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
}
.about_container .core_value .value_section .card .tag span.left {
  background-color: #000000;
  color: #fff;
}
.about_container .core_value .value_section .card h3 {
  display: block;
  font-size: 1.75rem;
  font-weight: 500;
}
.about_container .contents_area {
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_container .contents_area .content {
  display: inline-block;
  vertical-align: middle;
}
.about_container .contents_area .content .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #0E51F0;
  color: #fff;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.about_container .contents_area .content h3 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.about_container .contents_area .content h3 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.about_container .contents_area .content a {
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 25px;
}
.about_container .contents_area .content a span {
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
}
.about_container .contents_area .content a img {
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}
.about_container .contents_area .graphic {
  display: inline-block;
  vertical-align: middle;
}
.about_container .contents_area .graphic img {
  width: 150px;
}
.about_container .recruit_area {
  border-top: 1px solid #000;
  margin-bottom: 150px;
}

.about_part {
  width: 100vw;
  margin: 150px 0 0;
}
.about_part .wrap {
  display: flex;
}
.about_part .wrap .contents {
  display: inline-block;
  background-color: #0E51F0;
  width: 50%;
}
.about_part .wrap .contents .inner {
  width: 512px;
  display: block;
  margin-left: auto;
  padding: 90px 20px;
}
.about_part .wrap .contents .inner .m_graphic {
  display: none;
}
.about_part .wrap .contents .inner .title {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.3rem;
  color: #fff;
}
.about_part .wrap .contents .inner .subdescription {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 140%;
  color: #fff;
  margin: 35px 0 120px;
  word-break: keep-all;
}
.about_part .wrap .contents .inner .code {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 140%;
  color: #fff;
}
.about_part .wrap .contents .inner ul {
  margin-left: 12px;
  margin-top: 20px;
}
.about_part .wrap .contents .inner ul li {
  color: #fff;
  list-style: disc;
  padding: 5px 0;
  font-size: 1rem;
}
.about_part .wrap .graphic {
  display: inline-block;
  width: 50%;
}
.about_part .wrap .graphic img {
  width: 450px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  margin: 0 80px;
}
.about_part .wrap_reversal {
  flex-direction: row-reverse;
}
.about_part .wrap_reversal .contents .inner {
  margin-right: auto;
  margin-left: 100px;
}
.about_part .wrap_reversal .graphic {
  text-align: right;
}

/* works style */
.works_banner .loop_holder {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  padding: 70px 0 40px;
}
.works_banner .loop_holder_text {
  animation: textLoop 100s linear infinite;
  font-size: 6vw;
  font-weight: 500;
  padding-right: 0.35em;
}
.works_banner .loop_holder_text span {
  vertical-align: middle;
}
.works_banner .loop_holder_text span.kr {
  font-weight: 600;
  font-size: 5.6vw;
}
.works_banner .loop_holder_text span.en {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 6.3vw;
}
.works_banner .loop_holder_text span.star {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
  margin: 0 15px;
}
.works_banner .loop_holder_text_recruit {
  animation: textLoop_recruit 20s linear infinite;
}
@keyframes textLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes textLoop_recruit {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.works_banner .banner_contianer {
  width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.works_banner .banner_contianer .works_title {
  font-size: 1.625rem;
  line-height: 150%;
}
.works_banner .banner_contianer .works_title span {
  font-weight: 700;
}
.works_banner .banner_contianer .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.works_banner .banner_contianer .wrap a.link_btn {
  font-size: 1.15rem;
  color: #fff;
  background-color: #000000;
  padding: 15px 20px;
  display: inline-block;
  line-height: 100%;
  margin-bottom: 70px;
}
.works_banner .banner_contianer .wrap a.link_btn span {
  vertical-align: middle;
}
.works_banner .banner_contianer .wrap a.link_btn img {
  vertical-align: middle;
  margin-left: 8px;
}
.works_banner .banner_contianer .wrap .works_banner_graphic {
  display: inline-block;
  position: relative;
  width: 75%;
  text-align: right;
}
.works_banner .banner_contianer .wrap .works_banner_graphic .main_graphic {
  width: 490px;
}
.works_banner .banner_contianer .wrap .works_banner_graphic img.deco_01 {
  position: absolute;
  left: 0;
  top: 50%;
}
.works_banner .banner_contianer .wrap .works_banner_graphic img.deco_02 {
  position: absolute;
  right: 0;
}

.physicianList {
  padding: 100px 0;
  width: 1024px;
  margin: 0 auto;
}
.physicianList ul {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.physicianList ul hr.dividing_line {
  margin: 0;
  border: none;
  border-right: 1px solid red;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 400px;
  margin: 50px 0;
}
.physicianList ul hr.line_1 {
  top: 0;
}
.physicianList ul hr.line_2 {
  top: 500px;
}
.physicianList ul hr.line_3 {
  top: 1000px;
}
.physicianList ul hr.line_4 {
  top: 1500px;
}
.physicianList ul li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  border-bottom: 1px solid #000;
}
.physicianList ul li .work_box {
  width: 100%;
  height: 500px;
  padding: 50px;
  cursor: pointer;
}
.physicianList ul li .work_box .inner .tag span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  color: #0E51F0;
  border: 1px solid #0E51F0;
  padding: 3px 7px;
  margin-right: 3px;
}
.physicianList ul li .work_box .inner h1.brand_name {
  font-size: 2.7rem;
  font-weight: 600;
  color: #000;
  padding: 20px 0;
}
.physicianList ul li .work_box .inner h1.brand_name span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.8rem;
}
.physicianList ul li .work_box .inner h1.en {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.8rem;
}
.physicianList ul li .work_box .inner .category {
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  padding-bottom: 25px;
  line-height: 120%;
}
.physicianList ul li .work_box .inner a.btn {
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  padding: 10px 15px;
}
.physicianList ul li .work_box .inner a.btn span {
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 500;
}
.physicianList ul li .work_box .inner a.btn img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.physicianList ul li .work_box .inner img.list_logo {
  height: 25px;
  margin-top: 190px;
}
.physicianList ul li .work_box .inner img.ohouse_logo {
  height: 30px;
}
.physicianList ul li .work_box .inner img.bucketstore_logo {
  height: 35px;
  margin-top: 175px;
}
.physicianList ul li .work_box .inner img.bkr_logo {
  height: 40px;
  margin-top: 160px;
}
.physicianList ul li .work_box:hover .tag span {
  color: #fff;
  border: 1px solid #fff;
}
.physicianList ul li .work_box:hover h1.brand_name {
  color: #fff;
}
.physicianList ul li .work_box:hover .category {
  color: #fff;
}
.physicianList ul li .work_box:hover a.btn {
  background-color: #000;
  color: #fff;
}
.physicianList ul li .work_box_left {
  border-right: 1px solid #000;
}
.physicianList ul li .work_mustit {
  background-image: url(../img/work_box_default.png);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_mustit:hover {
  background-image: url(../img/work_box_hover.png);
  background-size: cover;
}
.physicianList ul li .work_mustit:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_ssf {
  background-image: url(../img/works_pf/work_ssf.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_ssf:hover {
  background-image: url(../img/works_pf/work_ssf_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_ssf:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_lotteon {
  background-image: url(../img/works_pf/work_lotteon.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_lotteon:hover {
  background-image: url(../img/works_pf/work_lotteon_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_lotteon:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_dunamu {
  background-image: url(../img/works_pf/work_dunamu.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_dunamu:hover {
  background-image: url(../img/works_pf/work_dunamu_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_dunamu:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_musinsa {
  background-image: url(../img/works_pf/work_musinsa.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_musinsa:hover {
  background-image: url(../img/works_pf/work_musinsa_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_musinsa:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_bucketstore {
  background-image: url(../img/works_pf/work_bucketstore.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_bucketstore:hover {
  background-image: url(../img/works_pf/work_bucketstore_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_bucketstore:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_socar {
  background-image: url(../img/works_pf/work_socar.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_socar:hover {
  background-image: url(../img/works_pf/work_socar_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_socar:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_mustit {
  background-image: url(../img/works_pf/work_mustit.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_mustit:hover {
  background-image: url(../img/works_pf/work_mustit_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_mustit:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_ohouse {
  background-image: url(../img/works_pf/work_ohouse.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_ohouse:hover {
  background-image: url(../img/works_pf/work_ohouse_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_ohouse:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_delightroom {
  background-image: url(../img/works_pf/work_delightroom.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_delightroom:hover {
  background-image: url(../img/works_pf/work_delightroom_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_delightroom:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_kfc {
  background-image: url(../img/works_pf/work_kfc.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_kfc:hover {
  background-image: url(../img/works_pf/work_kfc_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_kfc:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_ibk {
  background-image: url(../img/works_pf/work_ibk.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_ibk:hover {
  background-image: url(../img/works_pf/work_ibk_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_ibk:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_dongwon {
  background-image: url(../img/works_pf/work_dongwon.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_dongwon:hover {
  background-image: url(../img/works_pf/work_dongwon_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_dongwon:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_bkr {
  background-image: url(../img/works_pf/work_bkr.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_bkr:hover {
  background-image: url(../img/works_pf/work_bkr_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_bkr:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_hwahae {
  background-image: url(../img/works_pf/work_hwahae.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_hwahae:hover {
  background-image: url(../img/works_pf/work_hwahae_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_hwahae:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_ajd {
  background-image: url(../img/works_pf/work_ajd.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_ajd:hover {
  background-image: url(../img/works_pf/work_ajd_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_ajd:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_ajd {
  background-image: url(../img/works_pf/work_ajd.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_ajd:hover {
  background-image: url(../img/works_pf/work_ajd_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_ajd:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_millie {
  background-image: url(../img/works_pf/work_millie.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_millie:hover {
  background-image: url(../img/works_pf/work_millie_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_millie:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_kakaowebtoon {
  background-image: url(../img/works_pf/work_kakao.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_kakaowebtoon:hover {
  background-image: url(../img/works_pf/work_kakao_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_kakaowebtoon:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_musiccow {
  background-image: url(../img/works_pf/work_musicow.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_musiccow:hover {
  background-image: url(../img/works_pf/work_musicow_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_musiccow:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_sinsung {
  background-image: url(../img/works_pf/work_sinsung.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_sinsung:hover {
  background-image: url(../img/works_pf/work_sinsung_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_sinsung:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_worksout {
  background-image: url(../img/works_pf/work_worksout.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_worksout:hover {
  background-image: url(../img/works_pf/work_worksout_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_worksout:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_myrealtrip {
  background-image: url(../img/works_pf/work_myrealtrip.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_myrealtrip:hover {
  background-image: url(../img/works_pf/work_myrealtrip_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_myrealtrip:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_airpremia {
  background-image: url(../img/works_pf/work_airpremia.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_airpremia:hover {
  background-image: url(../img/works_pf/work_airpremia_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_airpremia:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_lotte_members {
  background-image: url(../img/works_pf/work_lotte_members.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_lotte_members:hover {
  background-image: url(../img/works_pf/work_lotte_members_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_lotte_members:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_baemin {
  background-image: url(../img/works_pf/work_baemin.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_baemin:hover {
  background-image: url(../img/works_pf/work_baemin_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_baemin:hover img.list_logo {
  display: none;
}
.physicianList ul li .work_hecto {
  background-image: url(../img/works_pf/work_hecto.webp);
  background-repeat: no-repeat;
  background-size: 460px;
  background-position: right bottom;
}
.physicianList ul li .work_hecto:hover {
  background-image: url(../img/works_pf/work_hecto_hover.webp);
  background-size: cover;
}
.physicianList ul li .work_hecto:hover img.list_logo {
  display: none;
}
.physicianList .physicianBox {
  position: relative;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
}

/*---------------------
페이지네이션 스타일
-----------------------*/
/*Pagination CSS*/
#page_navigation {
  clear: both;
  display: block;
  text-align: center;
  padding-bottom: 200px;
}
#page_navigation a {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  border: 1.5px solid #000;
  color: black;
  text-decoration: none;
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  margin: 0 7px;
}

.active_page {
  background: #000;
  color: white !important;
}

/*---------------------
팝업 스타일
-----------------------*/
.popup_style {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.popup_style.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.popup-container {
  position: relative;
  top: 80px;
  width: 1000px;
  margin: 0 auto;
  /* Force Hardware Acceleration in WebKit */
  backface-visibility: hidden;
  transition-property: transform;
  transition-duration: 0.3s;
  text-align: right;
}
.popup-container .close {
  background-color: #000;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.popup-container .close img {
  vertical-align: middle;
}
.popup-container .popup_inner {
  background-color: #fff;
  height: 80vh;
  overflow-y: scroll;
  text-align: left;
}
.popup-container .popup_inner .popup_banner {
  border-bottom: 1px solid #000;
  padding: 60px 20px 30px 60px;
  display: flex;
  justify-content: space-between;
}
.popup-container .popup_inner .popup_banner .brand_info {
  display: inline-block;
  position: relative;
}
.popup-container .popup_inner .popup_banner .brand_info .logo {
  height: 50px;
}
.popup-container .popup_inner .popup_banner .brand_info h1 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin: 20px 0;
}
.popup-container .popup_inner .popup_banner .brand_info h1 span {
  font-size: 1rem;
  color: #555555;
  font-weight: 400;
  margin-left: 10px;
  line-height: 130%;
}
.popup-container .popup_inner .popup_banner .brand_info .tag {
  display: block;
  position: absolute;
  bottom: 20px;
}
.popup-container .popup_inner .popup_banner .brand_info .tag span {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  color: #0E51F0;
  font-size: 1.15rem;
  border: 1px solid #0E51F0;
  padding: 5px 8px;
  margin-right: 5px;
  display: inline-block;
}
.popup-container .popup_inner .popup_banner .graphic {
  display: inline-block;
}
.popup-container .popup_inner .popup_banner .graphic img {
  width: 300px;
}
.popup-container .popup_inner .popup_contents {
  padding: 60px;
}
.popup-container .popup_inner .popup_contents .category {
  color: #fff;
  display: inline-block;
  margin-bottom: 25px;
}
.popup-container .popup_inner .popup_contents .category h3 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.15rem;
  padding: 5px 8px;
  background-color: #0E51F0;
  display: inline-block;
  margin-right: 3px;
}
.popup-container .popup_inner .popup_contents .popup_summary {
  display: flex;
  justify-content: space-between;
}
.popup-container .popup_inner .popup_contents .popup_summary ul {
  display: inline-block;
  border-top: 1px solid #000;
  width: 47%;
  vertical-align: top;
  margin: 0;
}
.popup-container .popup_inner .popup_contents .popup_summary ul li {
  font-size: 1rem;
  border-bottom: 1px solid #000;
  padding: 25px 0 25px 20px;
  width: 100%;
  line-height: 135%;
}
.popup-container .popup_inner .popup_contents .data_img {
  margin-top: 30px;
}
.popup-container .popup_inner .popup_contents .data_img img {
  width: 100%;
  margin: 10px 0;
  border: 1px solid #efefef;
}

.office {
  width: 1024px;
  margin: 130px auto;
}
.office .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  background-color: #0E51F0;
  color: #fff;
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.office h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.office h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.office .office_slide {
  margin-top: 50px;
}
.office .office_slide .slider {
  text-align: center;
  display: inline-block;
  width: 100%;
  overflow: visible;
}
.office .office_slide .slider .slick-slide {
  height: auto;
}
.office .office_slide .slider .img img {
  width: 100%;
  transform: scale(1.05);
}
.office .office_slide .slider .page_no {
  display: block;
  list-style: none;
  margin-top: 25px;
}
.office .office_slide .slider .page_no li {
  height: 6px;
  width: 12px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  margin: 0 6px;
  border-radius: 50px;
  cursor: pointer;
}
.office .office_slide .slider .page_no li button {
  border: 0;
  background: transparent;
  background: #0E51F0;
  opacity: 0.2;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.office .office_slide .slider .page_no li.slick-active {
  background-color: #0E51F0;
  width: 40px;
}

.benefits {
  width: 1024px;
  margin: 0 auto;
}
.benefits .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  background-color: #0E51F0;
  color: #fff;
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.benefits h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.benefits h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.benefits .benefits_section {
  display: flex;
  padding: 50px 0;
}
.benefits .benefits_section .category {
  display: inline-block;
  width: 50%;
}
.benefits .benefits_section .category h2 {
  font-family: "IBM Plex Mono", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.6rem;
}
.benefits .benefits_section .category p {
  font-size: 1rem;
  padding: 20px 0;
}
.benefits .benefits_section .category img {
  width: 130px;
}
.benefits .benefits_section .benefits_accordian {
  display: inline-block;
  width: 50%;
}
.benefits .benefits_section .benefits_accordian ul {
  border-bottom: 1px solid #000;
}
.benefits .benefits_section .benefits_accordian ul li {
  margin-bottom: -1px;
}
.benefits .benefits_section .benefits_accordian ul li h3.title {
  border: 1px solid #000;
  border-bottom: none;
  padding: 30px;
  font-size: 1rem;
  font-weight: 600;
}
.benefits .benefits_section .benefits_accordian ul li .ac_contents {
  padding: 0 30px 30px 30px;
  border: 1px solid #000;
  border-top: none;
  line-height: 170%;
  font-size: 1rem;
}

.life {
  width: 1024px;
  margin: 70px auto;
}
.life h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}
.life h1 span {
  font-weight: 600;
}
.life .life_area {
  display: flex;
  margin-top: 50px;
}
.life .life_area a.card {
  display: inline-block;
  width: 33.3%;
  width: 340px;
  border: 1px solid #000;
  text-decoration: none;
  color: #000;
}
.life .life_area a.card img {
  width: 100%;
}
.life .life_area a.card span {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding: 20px;
  color: #000;
}
.life .life_area .card:nth-child(2) {
  margin-left: -1px;
  margin-right: -1px;
}

/* recruit style */
.faq_container {
  width: 1024px;
  margin: 0 auto;
  padding: 100px 0;
}
.faq_container .tag {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  background-color: #0E51F0;
  color: #fff;
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 25px;
}
.faq_container h1 {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 140%;
}
.faq_container h1 span {
  font-size: 2.25rem;
  font-weight: 600;
}
.faq_container .faq_accordian {
  width: 800px;
  width: 100%;
  margin: 60px 0;
  border-bottom: 1px solid #000;
}
.faq_container .faq_accordian ul li {
  margin-bottom: -1px;
}
.faq_container .faq_accordian ul li h3.title {
  border: 1px solid #000;
  border-bottom: none;
  padding: 30px;
  font-size: 1rem;
  font-weight: 600;
}
.faq_container .faq_accordian ul li .ac_contents {
  border: 1px solid #000;
  border-top: none;
  padding: 0 30px 30px 30px;
}
.faq_container .faq_accordian ul li .ac_contents ul {
  padding-left: 20px;
}
.faq_container .faq_accordian ul li .ac_contents ul li {
  list-style: disc;
  line-height: 170%;
  padding: 8px 0;
  font-size: 1rem;
}
.faq_container .recruit_goto_link {
  font-size: 1.15rem;
  color: #fff;
  background-color: #000;
  padding: 15px 20px;
  display: inline-block;
  line-height: 100%;
}
.faq_container .recruit_goto_link span {
  vertical-align: middle;
}
.faq_container .recruit_goto_link img {
  vertical-align: middle;
  margin-left: 8px;
}

.accordian_test {
  width: 500px;
}

/*---------------------
리크루트 아코디언 스타일
-----------------------*/
.accordian {
  margin: 0 auto;
}

.accordian .title {
  margin: 0;
  transition: all 0.25s ease;
}

.accordian .ac_contents {
  display: none;
}

.open {
  transform: rotate(180deg);
  color: red;
}

.arrow-down {
  transition: all 0.5s ease;
  float: right;
}

.accordian h3 {
  cursor: pointer;
  color: #000;
}

.solutions .container .banner {
  background-color: #000;
  color: #fff;
  margin-top: 70px;
  text-align: center;
  overflow-y: hidden;
}
.solutions .container .banner h1 {
  font-size: 3rem;
  font-weight: 600;
  padding-top: 50px;
}
.solutions .container .banner h5 {
  font-size: 1.5rem;
  line-height: 150%;
  font-weight: 300;
  padding: 30px 0 50px;
}
.solutions .container .banner h5 span {
  font-size: 1.5rem;
  font-weight: 600;
}
.solutions .container .banner .contact_btn {
  color: #fff;
  background-color: #0E51F0;
  display: inline-block;
  font-size: 1.2rem;
  width: 230px;
  height: 70px;
  line-height: 70px;
  margin-bottom: 100px;
}
.solutions .container .banner .contact_btn img {
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
}
.solutions .container .banner .screenshot_area img {
  width: 300px;
  border-radius: 20px;
  vertical-align: top;
  margin: 0 20px;
}
.solutions .container .banner .loop_holder {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  position: relative;
  bottom: -45px;
}
.solutions .container .banner .loop_holder_text {
  animation: textLoop 35s linear infinite;
  font-weight: 500;
  padding-right: 0.35em;
}
.solutions .container .banner .loop_holder_text span {
  vertical-align: middle;
}
.solutions .container .banner .loop_holder_text span img {
  width: 300px;
  border-radius: 20px;
  vertical-align: top;
  margin: 0 20px;
}
.solutions .container .banner .loop_holder_text_recruit {
  animation: textLoop_recruit 20s linear infinite;
}
@keyframes textLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes textLoop_recruit {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.solutions .container .banner .amplitude_video {
  display: block;
  margin: 0 auto -3px;
  width: 70%;
  max-width: 1200px;
}
.solutions .container .banner .appsflyer_banner_image {
  display: block;
  max-width: 1100px;
  width: 70%;
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
}
.solutions .container .appsflyter_official_badge {
  background-color: #452783;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 60px;
}
.solutions .container .appsflyter_official_badge img {
  height: 50px;
  vertical-align: middle;
}
.solutions .container .appsflyer_ai {
  position: relative;
  background: linear-gradient(180deg, #82FAE5 0%, #bdf7ee 30%, #ffffff 60%);
  margin-top: 120px;
  padding-bottom: 150px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_symbol {
  display: block;
  text-align: center;
  position: relative;
  top: -75px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_symbol img {
  border-radius: 12px;
  width: 150px;
}
.solutions .container .appsflyer_ai .title_area {
  text-align: center;
  padding: 10px 0 100px;
}
.solutions .container .appsflyer_ai .title_area h3.title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 135%;
}
.solutions .container .appsflyer_ai .title_area h5.description {
  font-size: 1.2rem;
  line-height: 150%;
  padding-top: 30px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents {
  width: 950px;
  margin: 0 auto;
  padding: 0 50px;
  border: 2px solid transparent;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #00B9E9 0%, #00FFB1 40%, #00B9E9 100%) border-box;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(130, 250, 229, 0.5);
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap {
  border-bottom: 1px solid #eeeeee;
  padding: 50px 0;
  display: flex;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .title {
  display: inline-block;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .title h1 {
  font-size: 1.625rem;
  font-weight: 700;
  width: 320px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .title h1 img {
  vertical-align: top;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .description {
  display: inline-block;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .description div {
  padding-bottom: 40px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .description div h5 {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 110%;
  background: linear-gradient(90deg, #00B9E9 0.99%, #6392FF 49.34%, #00DCA9 98.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 20px;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .description div p {
  font-size: 1rem;
  line-height: 160%;
  color: #111111;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap .description div:nth-last-child(1) {
  padding-bottom: 0;
}
.solutions .container .appsflyer_ai .appsflyer_ai_contents .wrap:nth-last-child(1) {
  border-bottom: none;
}
.solutions .container .appsflyer_ai_bottom {
  background: linear-gradient(0deg, rgba(130, 250, 229, 0.3019607843) 0%, rgba(189, 247, 238, 0.3019607843) 25%, #ffffff 50%);
  padding: 60px 0 0;
}
.solutions .container .appsflyer_ai_bottom .title_area {
  text-align: center;
  padding: 10px 0 80px;
}
.solutions .container .appsflyer_ai_bottom .title_area h3.title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 135%;
}
.solutions .container .appsflyer_ai_bottom .title_area h5.description {
  font-size: 1.2rem;
  line-height: 150%;
  padding-top: 30px;
}
.solutions .container .appsflyer_ai_bottom .logo_area {
  text-align: center;
}
.solutions .container .appsflyer_ai_bottom .card_area {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0 120px;
}
.solutions .container .appsflyer_ai_bottom .card_area .card {
  display: inline-block;
  width: 33.33%;
  margin: 0 10px;
  border: 2px solid transparent;
  background: var(--card-bg, none) no-repeat right top/auto 190px, linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #00B9E9 0%, #00FFB1 40%, #00B9E9 100%) border-box;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(130, 250, 229, 0.5);
  padding: 160px 30px 30px;
}
.solutions .container .appsflyer_ai_bottom .card_area .card h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
  padding-bottom: 35px;
}
.solutions .container .appsflyer_ai_bottom .card_area .card p {
  font-size: 1rem;
  line-height: 145%;
  color: #111;
}
.solutions .container .appsflyer_ai_bottom .card_area .card--bg1 {
  --card-bg: url("../img/appsflyer/card_graphic_01.webp");
}
.solutions .container .appsflyer_ai_bottom .card_area .card--bg2 {
  --card-bg: url("../img/appsflyer/card_graphic_02.webp");
}
.solutions .container .appsflyer_ai_bottom .card_area .card--bg3 {
  --card-bg: url("../img/appsflyer/card_graphic_03.webp");
}
.solutions .container .about_martinee {
  text-align: center;
  background-color: #0C6CFF;
  padding: 120px 0;
}
.solutions .container .about_martinee h1.title {
  font-size: 3rem;
  font-weight: 600;
  color: #000;
}
.solutions .container .about_martinee h1.title span {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
}
.solutions .container .about_martinee h5.description {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  padding: 30px 120px;
}
.solutions .container .about_martinee h5.description span {
  font-weight: 600;
}
.solutions .container .about_martinee .card_area {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0;
}
.solutions .container .about_martinee .card_area .card {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  width: 32%;
  padding: 50px 40px;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 170px;
  background-position: top right;
}
.solutions .container .about_martinee .card_area .card h1 {
  color: #0E51F0;
  font-size: 5rem;
  font-weight: 700;
  padding-bottom: 150px;
}
.solutions .container .about_martinee .card_area .card h3 {
  color: #0E51F0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 120%;
}
.solutions .container .about_martinee .card_area .card h5 {
  color: #000;
  font-size: 1.2rem;
  line-height: 140%;
  padding-top: 20px;
}
.solutions .container .about_martinee .card_area .card_01 {
  background-image: url(../img/braze/about_martinee_01.webp);
}
.solutions .container .about_martinee .card_area .card_02 {
  background-image: url(../img/braze/about_martinee_02.webp);
}
.solutions .container .about_martinee .card_area .card_03 {
  background-image: url(../img/braze/about_martinee_03.webp);
}
.solutions .container .about_martinee .braze_partner {
  width: 100%;
  padding: 150px 0 0;
}
.solutions .container .about_martinee .braze_partner h1.title {
  font-size: 3rem;
  font-weight: 600;
  color: #000;
  line-height: 110%;
}
.solutions .container .about_martinee .braze_partner h1.title span {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-top: 10px;
}
.solutions .container .about_martinee .braze_partner .partner_deco {
  display: block;
  margin: 80px auto -10px;
}
.solutions .container .about_martinee .braze_partner .partner_deco_m {
  display: none;
}
.solutions .container .about_martinee .braze_partner .swiper {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
.solutions .container .about_martinee .braze_partner .with-arrows {
  position: relative;
}
.solutions .container .about_martinee .braze_partner .with-arrows .swiper-button-prev {
  left: 10px;
}
.solutions .container .about_martinee .braze_partner .with-arrows .swiper-button-next {
  right: 10px;
}
.solutions .container .about_martinee .braze_partner .with-arrows {
  /* 아이콘 크기 줄이기 */
}
.solutions .container .about_martinee .braze_partner .with-arrows .swiper-button-next::after,
.solutions .container .about_martinee .braze_partner .with-arrows .swiper-button-prev::after {
  font-size: 20px;
  font-weight: 700;
  color: white;
}
.solutions .container .about_martinee .braze_partner {
  /* 공통 화살표 스타일 */
}
.solutions .container .about_martinee .braze_partner .with-arrows .custom-arrow {
  position: absolute;
  top: 52%;
  transform: translateY(-40%);
  z-index: 5;
  /* 카드보다 뒤로 내려가야 함 */
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  background-color: #000;
  border-radius: 50px;
}
.solutions .container .about_martinee .braze_partner .swiper-slide {
  background-color: #eee;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  transform: scale(0.95);
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transition: all 0.3s ease-in-out;
  align-items: center;
  border: 1px solid #000;
  text-align: center;
  background-color: #fff;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .head {
  background-color: #0E51F0;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .head h5 {
  color: #AAC3FF;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9rem;
  display: inline-block;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content {
  display: flex;
  align-items: center;
  padding: 85px 60px;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content .left {
  text-align: left;
  display: inline-block;
  width: 50%;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content .left h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0;
  line-height: 140%;
  padding: 0 0 20px;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content .left p {
  font-size: 1.2rem;
  line-height: 150%;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content .right {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding-right: 30px;
}
.solutions .container .about_martinee .braze_partner .swiper-slide .item .content .right img {
  width: 300px;
  display: inline-block;
}
.solutions .container .about_martinee .braze_partner .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.solutions .container .about_martinee .braze_partner .slider {
  text-align: center;
  padding: 0;
  margin: -20px auto 0;
}
.solutions .container .amplitude_strategy {
  text-align: center;
  background-color: #0C6CFF;
}
.solutions .container .amplitude_strategy .amplitude_partner {
  width: 100%;
  padding: 150px 0;
}
.solutions .container .amplitude_strategy .amplitude_partner h1.title {
  font-size: 3rem;
  font-weight: 600;
  color: #000;
  line-height: 110%;
}
.solutions .container .amplitude_strategy .amplitude_partner h1.title span {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.solutions .container .amplitude_strategy .amplitude_partner .partner_deco {
  display: block;
  margin: 80px auto -10px;
}
.solutions .container .amplitude_strategy .amplitude_partner .partner_deco_m {
  display: none;
}
.solutions .container .amplitude_strategy .card_area {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.solutions .container .amplitude_strategy .card_area .card {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  width: 32%;
  padding: 40px 30px;
  text-align: left;
  position: relative;
  height: 420px;
}
.solutions .container .amplitude_strategy .card_area .card h3 {
  color: #0E51F0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
}
.solutions .container .amplitude_strategy .card_area .card h5 {
  color: #000;
  font-size: 1.1rem;
  line-height: 140%;
  padding-top: 20px;
}
.solutions .container .amplitude_strategy .card_area .card img {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.solutions .container .amplitude_strategy .card_area .card_01 img {
  height: 130px;
}
.solutions .container .amplitude_strategy .card_area .card_02 img {
  height: 110px;
}
.solutions .container .amplitude_strategy .card_area .card_03 img {
  height: 135px;
}
.solutions .container .with_martinee {
  background-color: #F4F4F4;
  text-align: center;
  padding: 150px 0;
}
.solutions .container .with_martinee .section_title .tag {
  display: inline-block;
  margin-bottom: 40px;
}
.solutions .container .with_martinee .section_title .tag h3 {
  background-color: #000;
  color: #fff;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  padding: 10px 20px;
}
.solutions .container .with_martinee .section_title h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 135%;
}
.solutions .container .with_martinee .section_title h1 span {
  font-weight: 600;
}
.solutions .container .with_martinee .section_title h5 {
  font-size: 1.2rem;
  line-height: 150%;
  padding-top: 30px;
}
.solutions .container .with_martinee .amplitude_slider {
  padding: 70px 0;
}
.solutions .container .with_martinee .amplitude_slider .sub_title {
  background-color: #0C6CFF;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  display: inline-block;
  padding: 7px 12px;
  margin-bottom: 50px;
}
.solutions .container .with_martinee .amplitude_slider .swiper {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
}
.solutions .container .with_martinee .amplitude_slider .with-arrows {
  position: relative;
}
.solutions .container .with_martinee .amplitude_slider .with-arrows .swiper-button-prev {
  left: 10px;
}
.solutions .container .with_martinee .amplitude_slider .with-arrows .swiper-button-next {
  right: 10px;
}
.solutions .container .with_martinee .amplitude_slider .with-arrows {
  /* 아이콘 크기 줄이기 */
}
.solutions .container .with_martinee .amplitude_slider .with-arrows .swiper-button-next::after,
.solutions .container .with_martinee .amplitude_slider .with-arrows .swiper-button-prev::after {
  font-size: 20px;
  font-weight: 700;
  color: white;
}
.solutions .container .with_martinee .amplitude_slider {
  /* 공통 화살표 스타일 */
}
.solutions .container .with_martinee .amplitude_slider .with-arrows .custom-arrow {
  position: absolute;
  top: 52%;
  transform: translateY(-40%);
  z-index: 5;
  /* 카드보다 뒤로 내려가야 함 */
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  background-color: #000;
  border-radius: 50px;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide {
  width: 700px;
  background-color: #eee;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide .item {
  opacity: 1;
  transition: all 0.3s ease-in-out;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide .item img {
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide .item .content {
  text-align: left;
  padding: 30px 40px;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide .item .content h3 {
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 12px;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide .item .content h5 {
  font-size: 1rem;
  color: #555;
}
.solutions .container .with_martinee .amplitude_slider .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.solutions .container .with_martinee .amplitude_slider .slider {
  text-align: center;
  padding: 0;
  margin: -20px auto 0;
}
.solutions .container .braze_comment {
  padding: 120px 0 150px;
}
.solutions .container .braze_comment h1 {
  color: #000;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
}
.solutions .container .braze_comment h1 span {
  background-color: #0E51F0;
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  display: inline-block;
  margin-top: 15px;
  padding: 5px 10px;
}
.solutions .container .braze_comment .comment_wrap {
  width: 1024px;
  margin: 70px auto 0;
  display: flex;
  justify-content: space-between;
}
.solutions .container .braze_comment .comment_wrap .comment_card {
  display: inline-block;
  width: 45%;
  position: relative;
  padding: 160px 20px 0;
}
.solutions .container .braze_comment .comment_wrap .comment_card img.logo {
  height: 45px;
}
.solutions .container .braze_comment .comment_wrap .comment_card img.symbol {
  height: 220px;
  position: absolute;
  top: 0;
  right: 0;
}
.solutions .container .braze_comment .comment_wrap .comment_card h5 {
  color: #000;
  line-height: 160%;
  font-size: 1.2rem;
  display: inline-block;
  padding: 15px 0 30px;
}
.solutions .container .braze_comment .comment_wrap .comment_card h5 span {
  color: #fff;
  background-color: #0E51F0;
}
.solutions .container .braze_comment .comment_wrap .comment_card p {
  font-weight: 600;
}
.solutions .container .braze_comment .comment_wrap .comment_kfc {
  margin-top: 200px;
}
.solutions .container .migration {
  text-align: center;
  background-color: #F4F8FF;
  padding: 120px 0 150px;
}
.solutions .container .migration h1 {
  color: #000;
  font-size: 3rem;
  font-weight: 600;
}
.solutions .container .migration h1 span {
  background-color: #0E51F0;
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  display: inline-block;
  margin-top: 15px;
  padding: 5px 10px;
}
.solutions .container .migration h5 {
  font-size: 1.75rem;
  line-height: 150%;
  padding: 40px 0;
}
.solutions .container .migration h5 span {
  font-weight: 600;
}
.solutions .container .migration img {
  width: 1100px;
}
.solutions .container .migration .pc {
  display: block;
  margin: 0 auto;
}
.solutions .container .migration .mobile {
  display: none;
}
.solutions .container .about_braze {
  text-align: center;
  padding: 120px 0;
}
.solutions .container .about_braze .section_title .tag {
  display: inline-block;
  margin-bottom: 40px;
}
.solutions .container .about_braze .section_title .tag h3 {
  background-color: #0C6CFF;
  color: #fff;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  padding: 10px 20px;
}
.solutions .container .about_braze .section_title h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 135%;
}
.solutions .container .about_braze .section_title h1 span {
  font-weight: 600;
}
.solutions .container .about_braze .inner {
  width: 1200px;
  margin: 0 auto;
}
.solutions .container .about_braze .inner .section {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.solutions .container .about_braze .inner .section .graphic {
  display: inline-block;
  width: 60%;
  text-align: left;
}
.solutions .container .about_braze .inner .section .graphic img {
  width: 90%;
}
.solutions .container .about_braze .inner .section .description {
  display: inline-block;
  width: 40%;
  text-align: left;
}
.solutions .container .about_braze .inner .section .description .tag h5 {
  display: inline-block;
  border: 1px solid #000;
  font-size: 0.9rem;
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  margin-right: 5px;
  padding: 3px 5px;
}
.solutions .container .about_braze .inner .section .description h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 130%;
  padding: 15px 0 35px;
}
.solutions .container .about_braze .inner .section .description p {
  font-size: 1.1rem;
  line-height: 150%;
}
.solutions .container .about_braze .inner .reverse {
  flex-direction: row-reverse;
}
.solutions .container .about_braze .inner .reverse .graphic {
  text-align: right;
}
.solutions .container .consulting_area {
  text-align: center;
  background-color: #f4f4f4;
  padding: 130px 0;
}
.solutions .container .consulting_area .section_title .tag {
  display: inline-block;
  margin-bottom: 40px;
}
.solutions .container .consulting_area .section_title .tag h3 {
  background-color: #000;
  color: #fff;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  padding: 10px 20px;
}
.solutions .container .consulting_area .section_title h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 135%;
}
.solutions .container .consulting_area .section_title h1 span {
  font-weight: 600;
}
.solutions .container .consulting_area .section_title h5.appsflyer_subtitle {
  font-size: 1.2rem;
  line-height: 150%;
  padding-top: 40px;
}
.solutions .container .consulting_area .appsflyer_partners_logo {
  padding: 50px 0 100px;
}
.solutions .container .consulting_area .appsflyer_partners_logo img {
  vertical-align: middle;
  margin: 20px 18px;
}
.solutions .container .consulting_area .logo_slider {
  margin: 85px 0 170px;
}
.solutions .container .consulting_area .logo_slider .loop_holder {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  position: relative;
  margin: 30px 0;
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo {
  animation: imageLoop 40s linear infinite;
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo span {
  vertical-align: middle;
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo span img {
  height: 50px;
  vertical-align: middle;
  margin: 0 35px;
}
@keyframes imageLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo_second {
  animation: imageLoop_second 60s linear infinite;
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo_second span {
  vertical-align: middle;
}
.solutions .container .consulting_area .logo_slider .loop_holder_logo_second span img {
  height: 50px;
  vertical-align: middle;
  margin: 0 35px;
}
@keyframes imageLoop_second {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.solutions .container .consulting_area .consulting_container {
  width: 1024px;
  margin: 0 auto;
}
.solutions .container .consulting_area .support {
  margin-top: 100px;
}
.solutions .container .consulting_area .support .title_area {
  text-align: left;
}
.solutions .container .consulting_area .support .title_area .title_tag {
  color: #fff;
  background-color: #0C6CFF;
  display: inline-block;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  padding: 10px 20px;
}
.solutions .container .consulting_area .support .title_area h3.title {
  font-size: 2.8rem;
  font-weight: 600;
  padding: 30px 0;
}
.solutions .container .consulting_area .support .title_area h5.description {
  font-size: 1.7rem;
  line-height: 140%;
  padding-bottom: 70px;
}
.solutions .container .consulting_area .support .card_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.solutions .container .consulting_area .support .card_area .card {
  display: inline-block;
  width: 48%;
  text-align: center;
  margin-bottom: 60px;
}
.solutions .container .consulting_area .support .card_area .card .inner {
  background-color: #fff;
  position: relative;
}
.solutions .container .consulting_area .support .card_area .card .inner .number {
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9rem;
  display: inline-block;
  width: 40px;
  padding: 5px 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  color: #fff;
}
.solutions .container .consulting_area .support .card_area .card .inner img {
  height: 220px;
}
.solutions .container .consulting_area .support .card_area .card h3 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 130%;
  padding-top: 25px;
}
.solutions .container .consulting_area .consulting {
  padding-top: 120px;
}
.solutions .container .consulting_area .consulting .title_area {
  text-align: left;
}
.solutions .container .consulting_area .consulting .title_area .title_tag {
  color: #fff;
  background-color: #0C6CFF;
  display: inline-block;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  padding: 10px 20px;
}
.solutions .container .consulting_area .consulting .title_area h3.title {
  font-size: 2.8rem;
  font-weight: 600;
  padding: 30px 0;
}
.solutions .container .consulting_area .consulting .title_area h5.description {
  font-size: 1.7rem;
  line-height: 140%;
  padding-bottom: 40px;
}
.solutions .container .consulting_area .consulting .list {
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}
.solutions .container .consulting_area .consulting .list .inner {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 0 0 50px;
}
.solutions .container .consulting_area .consulting .list .inner .tag h5 {
  display: inline-block;
  border: 1px solid #000;
  font-size: 0.95rem;
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
  padding: 4px 8px;
  margin-right: 6px;
}
.solutions .container .consulting_area .consulting .list .inner h3 {
  font-size: 2rem;
  font-weight: 600;
  margin: 20px 0 35px;
}
.solutions .container .consulting_area .consulting .list .inner p {
  font-size: 1.25rem;
  line-height: 140%;
}
.solutions .container .consulting_area .consulting .list .image {
  display: inline-block;
  vertical-align: middle;
}
.solutions .container .consulting_area .consulting .list .image img {
  width: 270px;
}
.solutions .container .consulting_area .consulting .list:nth-last-child(1) {
  border: none;
}
.solutions .container .consulting_area .consulting .amplitude_data {
  margin: 30px 0 0;
}
.solutions .container .consulting_area .consulting .amplitude_data img {
  width: 100%;
}
.solutions .container .consulting_area .consulting .amplitude_data img.amplitude_consulting_pc {
  display: block;
}
.solutions .container .consulting_area .consulting .amplitude_data img.amplitude_consulting_m {
  display: none;
}
.solutions .container .amplitude_ai_agent {
  text-align: center;
  padding-top: 160px;
  background-image: url(../img/amplitude/amplitude_ai_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: -3px;
}
.solutions .container .amplitude_ai_agent .section_title h1 {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  padding: 0 0 30px;
}
.solutions .container .amplitude_ai_agent .section_title h5 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 100px;
}
.solutions .container .amplitude_ai_agent .section_title h5 span {
  font-weight: 500;
}
.solutions .container .amplitude_ai_agent .section_title video {
  width: 70%;
  max-width: 1000px;
}
.solutions .container .business_impact {
  text-align: center;
  padding: 140px 0 180px;
  border-top: 1px solid #eee;
}
.solutions .container .business_impact .section_title .tag {
  display: inline-block;
  margin-bottom: 40px;
}
.solutions .container .business_impact .section_title .tag h3 {
  background-color: #000;
  color: #fff;
  font-family: "IBM Plex Mono", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  padding: 10px 20px;
}
.solutions .container .business_impact .section_title h1 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 135%;
}
.solutions .container .business_impact .section_title h1 span {
  font-weight: 600;
}
.solutions .container .business_impact .section_title h5 {
  font-size: 1.2rem;
  line-height: 150%;
  padding-top: 30px;
}
.solutions .container .business_impact .section_title .content {
  width: 90%;
  max-width: 1000px;
  margin: 100px auto 0;
}
.solutions .container .business_impact .section_title .content img {
  width: 100%;
}
.solutions .container .footer_banner {
  text-align: center;
  background-color: #0C6CFF;
  padding: 70px 0;
  position: relative;
}
.solutions .container .footer_banner .deco {
  position: absolute;
  width: 300px;
}
.solutions .container .footer_banner .deco_left {
  left: 0;
  bottom: 20px;
}
.solutions .container .footer_banner .deco_right {
  right: 0;
  top: 10px;
}
.solutions .container .footer_banner .footer_common {
  padding: 40px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  width: 900px;
}
.solutions .container .footer_banner .footer_common h1 {
  color: #000;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  display: inline-block;
}
.solutions .container .footer_banner .footer_common h1 span {
  display: block;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left;
}
.solutions .container .footer_banner .footer_common .btn_area {
  display: inline-block;
}
.solutions .container .footer_banner .footer_common .btn_area a {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 1.05rem;
  width: 230px;
  height: 70px;
  line-height: 70px;
}
.solutions .container .footer_banner .footer_common .btn_area a img {
  vertical-align: middle;
}
.solutions .container .footer_banner .amplitude_footer {
  text-align: center;
  display: block;
}
.solutions .container .footer_banner .amplitude_footer h1 {
  font-size: 2.7rem;
  text-align: center;
}
.solutions .container .footer_banner .amplitude_footer h5 {
  font-size: 1.4rem;
  padding: 20px 0 60px;
  font-family: "IBM Plex Mono", serif;
  font-weight: 500;
  font-style: normal;
}/*# sourceMappingURL=style.css.map */