@import url(https://lwres.nexon.com/css/mabinogim/brand/common/font.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/common.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/modal.css);
@import url(https://lwres.nexon.com/css/mabinogim/brand/common/loading.css);
#mabinogim .creators .content_wrap,
#mabinogim .container .content_wrap {
  padding-top: 60px;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap img,
#mabinogim .container .content_wrap img {
  width: 100%;
}
#mabinogim .creators .content_wrap h1,
#mabinogim .container .content_wrap h1 {
  max-width: 1000px;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap .content_1,
#mabinogim .container .content_wrap .content_1 {
  position: relative;
  margin-top: 72px;
}
#mabinogim .creators .content_wrap .content_1 .inner,
#mabinogim .container .content_wrap .content_1 .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
}
#mabinogim .creators .content_wrap .content_1 .inner .title,
#mabinogim .container .content_wrap .content_1 .inner .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
}
#mabinogim .creators .content_wrap .content_1 .inner .title span,
#mabinogim .container .content_wrap .content_1 .inner .title span {
  font-family: "Pretendard-Bold";
  font-size: 30px;
  line-height: 42px;
  color: #3e444b;
  letter-spacing: -0.6px;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area,
#mabinogim .container .content_wrap .content_1 .inner .text_area {
  position: absolute;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area p,
#mabinogim .container .content_wrap .content_1 .inner .text_area p {
  text-align: center;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area p:nth-child(1),
#mabinogim .container .content_wrap .content_1 .inner .text_area p:nth-child(1) {
  color: #3d3d3d;
  font-size: 20px;
  line-height: 26px;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area p:nth-child(2),
#mabinogim .container .content_wrap .content_1 .inner .text_area p:nth-child(2) {
  color: #737373;
  font-size: 14px;
  margin-top: 16px;
  line-height: 20px;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area_1,
#mabinogim .container .content_wrap .content_1 .inner .text_area_1 {
  top: 71.4%;
  left: 5.2%;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area_2,
#mabinogim .container .content_wrap .content_1 .inner .text_area_2 {
  top: 71.4%;
  left: 41%;
}
#mabinogim .creators .content_wrap .content_1 .inner .text_area_3,
#mabinogim .container .content_wrap .content_1 .inner .text_area_3 {
  top: 71.4%;
  left: 72.2%;
}
#mabinogim .creators .content_wrap .content_2,
#mabinogim .container .content_wrap .content_2 {
  position: relative;
  margin-top: 80px;
}
#mabinogim .creators .content_wrap .content_2 .inner,
#mabinogim .container .content_wrap .content_2 .inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap .content_2 .inner .title,
#mabinogim .container .content_wrap .content_2 .inner .title {
  position: absolute;
  width: 100%;
  top: 5px;
  text-align: center;
}
#mabinogim .creators .content_wrap .content_2 .inner .title span,
#mabinogim .container .content_wrap .content_2 .inner .title span {
  font-family: "Pretendard-Bold";
  margin-top: 12px;
  font-size: 30px;
  color: #3E444B;
  letter-spacing: -0.6px;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area,
#mabinogim .container .content_wrap .content_2 .inner .text_area {
  position: absolute;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area p,
#mabinogim .container .content_wrap .content_2 .inner .text_area p {
  text-align: center;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area p:nth-child(1),
#mabinogim .container .content_wrap .content_2 .inner .text_area p:nth-child(1) {
  color: #304265;
  font-size: 20px;
  line-height: 26px;
  background: #e3ebf4;
  border-radius: 20px;
  width: 185px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area p:nth-child(2),
#mabinogim .container .content_wrap .content_2 .inner .text_area p:nth-child(2) {
  color: #737373;
  font-size: 14px;
  margin-top: 16px;
  line-height: 20px;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area p b,
#mabinogim .container .content_wrap .content_2 .inner .text_area p b {
  font-family: "Pretendard-Bold";
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_1,
#mabinogim .container .content_wrap .content_2 .inner .text_area_1 {
  top: 34.2%;
  left: 17.1%;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_1 a,
#mabinogim .container .content_wrap .content_2 .inner .text_area_1 a {
  display: flex;
  align-items: center;
  position: absolute;
  top: 115%;
  left: 8%;
  background: #2b56ff;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  padding: 4px 20px;
  border-radius: 10px;
  color: #fff;
  white-space: nowrap;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_1 a::after,
#mabinogim .container .content_wrap .content_2 .inner .text_area_1 a::after {
  display: block;
  content: "";
  width: 5px;
  min-width: 5px;
  height: 6px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='6' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1.5 1 2 2-2 2'/%3E%3C/svg%3E") no-repeat;
  margin-left: 10px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_1 a:hover,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_1 a:hover {
    background: #0e32c5;
  }
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_2,
#mabinogim .container .content_wrap .content_2 .inner .text_area_2 {
  top: 34.2%;
  left: 63.3%;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_2 p:nth-child(1),
#mabinogim .container .content_wrap .content_2 .inner .text_area_2 p:nth-child(1) {
  width: 208px;
  height: 58px;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_3,
#mabinogim .container .content_wrap .content_2 .inner .text_area_3 {
  top: 86.2%;
  left: 64.4%;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_3 p:nth-child(1),
#mabinogim .container .content_wrap .content_2 .inner .text_area_3 p:nth-child(1) {
  color: #3d3d3d;
  font-size: 20px;
  line-height: 11px;
  background: #e3ebf4;
  border-radius: 20px;
  width: 185px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_3 p:nth-child(1) span,
#mabinogim .container .content_wrap .content_2 .inner .text_area_3 p:nth-child(1) span {
  font-size: 14px;
  margin-top: -4px;
}
#mabinogim .creators .content_wrap .content_2 .inner .text_area_4,
#mabinogim .container .content_wrap .content_2 .inner .text_area_4 {
  top: 86.2%;
  left: 17%;
}
#mabinogim .creators .content_wrap .content_3,
#mabinogim .container .content_wrap .content_3 {
  position: relative;
  margin-top: 80px;
}
#mabinogim .creators .content_wrap .content_3 .inner,
#mabinogim .container .content_wrap .content_3 .inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap .content_3 .inner .title,
#mabinogim .container .content_wrap .content_3 .inner .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
}
#mabinogim .creators .content_wrap .content_3 .inner .title span,
#mabinogim .container .content_wrap .content_3 .inner .title span {
  font-family: "Pretendard-Bold";
  font-size: 30px;
  line-height: 42px;
  color: #3e444b;
  letter-spacing: -0.6px;
}
#mabinogim .creators .content_wrap .content_3 .inner .sub_title,
#mabinogim .container .content_wrap .content_3 .inner .sub_title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 112px;
}
#mabinogim .creators .content_wrap .content_3 .inner .sub_title span,
#mabinogim .container .content_wrap .content_3 .inner .sub_title span {
  font-size: 16px;
  line-height: 22px;
  color: #3d3d3d;
  letter-spacing: -0.6px;
}
#mabinogim .creators .content_wrap .content_3 .inner .sub_title span b,
#mabinogim .container .content_wrap .content_3 .inner .sub_title span b {
  font-weight: 400;
  color: #f65606;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area,
#mabinogim .container .content_wrap .content_3 .inner .benefit_area {
  position: absolute;
  width: 100%;
  top: 34.4%;
  height: 49.4%;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1,
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 {
  position: absolute;
  top: 0%;
  left: 430px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p,
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p {
  line-height: 140%;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(1),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(1) {
  color: #8c8c8c;
  font-size: 14px;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(2),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(2) {
  color: #3D3D3D;
  font-size: 13px;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2,
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 {
  position: absolute;
  top: 0;
  left: 64%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p,
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p {
  line-height: 140%;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(1),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(1) {
  color: #8c8c8c;
  font-size: 14px;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(2),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(2) {
  color: #3d3d3d;
  font-size: 18px;
  font-weight: bold;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(3),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(3) {
  margin-top: 22px;
  color: #8c8c8c;
  font-size: 14px;
}
#mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(4),
#mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(4) {
  color: #3d3d3d;
  font-size: 13px;
}
#mabinogim .creators .content_wrap .content_3 .inner .button_area,
#mabinogim .container .content_wrap .content_3 .inner .button_area {
  position: absolute;
  width: 100%;
  top: 93.2%;
  display: flex;
  justify-content: center;
}
#mabinogim .creators .content_wrap .content_3 .inner .button_area a,
#mabinogim .container .content_wrap .content_3 .inner .button_area a {
  padding: 7px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #8C8C8C;
  background: #FFF;
  font-size: 12px;
  color: #8C8C8C;
  height: 30px;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creators .content_wrap .content_3 .inner .button_area a:hover,
  #mabinogim .container .content_wrap .content_3 .inner .button_area a:hover {
    border: 1px solid #A9A9A9;
    color: #4E4E4E;
  }
}
#mabinogim .creators .content_wrap .content_4,
#mabinogim .container .content_wrap .content_4 {
  position: relative;
  background: #30394d;
  width: 100%;
  margin-top: 80px;
}
#mabinogim .creators .content_wrap .content_4 .inner,
#mabinogim .container .content_wrap .content_4 .inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
#mabinogim .creators .content_wrap .content_4 .inner .title,
#mabinogim .container .content_wrap .content_4 .inner .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 71px;
}
#mabinogim .creators .content_wrap .content_4 .inner .title span,
#mabinogim .container .content_wrap .content_4 .inner .title span {
  font-family: "Pretendard-Bold";
  font-size: 30px;
  line-height: 42px;
  color: #D6E9FF;
  letter-spacing: -0.6px;
}
#mabinogim .creators .content_wrap .content_4 .inner .title br,
#mabinogim .container .content_wrap .content_4 .inner .title br {
  display: none;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area,
#mabinogim .container .content_wrap .content_4 .inner .text_area {
  position: relative;
  width: 90%;
  height: 27.4%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .caption,
#mabinogim .container .content_wrap .content_4 .inner .text_area .caption {
  position: absolute;
  top: -11%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .caption span,
#mabinogim .container .content_wrap .content_4 .inner .text_area .caption span {
  font-family: "Pretendard-Bold";
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.4px;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .caption span b,
#mabinogim .container .content_wrap .content_4 .inner .text_area .caption span b {
  color: #39A7FF;
  font-family: "Pretendard-Bold";
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1,
#mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 {
  position: absolute;
  top: 17.8%;
  left: 5%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2,
#mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 {
  position: absolute;
  top: 50.6%;
  left: 5%;
  height: 28.2%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 .caption,
#mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 .caption {
  position: absolute;
  top: -10%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item {
  width: 100%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item .text_item_1,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item .text_item_1 {
  position: absolute;
  top: 56.4%;
  left: 0.4%;
  width: 30%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item .text_item_2,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item .text_item_2 {
  position: absolute;
  top: 56.4%;
  left: 35%;
  width: 30%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item .text_item_3,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item .text_item_3 {
  position: absolute;
  top: 56.4%;
  left: 69.4%;
  width: 30%;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item p,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item p {
  text-align: center;
  color: #fff;
  font-weight: 400;
  letter-spacing: -0.2px;
  font-size: 14px;
  line-height: 19.6px;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item p:nth-child(2),
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item p:nth-child(2) {
  margin-top: 5%;
  font-size: 12px;
  line-height: 16.8px;
}
#mabinogim .creators .content_wrap .content_4 .inner .text_area .text_item br.only_mobile,
#mabinogim .container .content_wrap .content_4 .inner .text_area .text_item br.only_mobile {
  display: none;
}
#mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap,
#mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap {
  position: absolute;
  top: 81.4%;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap p,
#mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap p {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
#mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap p span.creators_logo,
#mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap p span.creators_logo {
  width: 119px;
  height: 28px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='28' fill='none'%3E%3Cpath fill='url(%23a)' d='M11.442 10.76.922 8.396a.117.117 0 0 0-.143.113v14.826c0 .053.038.101.091.113l13.308 2.96c.028.006.058 0 .084-.012l10.097-5.581c.094-.051.072-.189-.033-.212l-12.795-2.81v-6.922a.116.116 0 0 0-.091-.113h.002Z'/%3E%3Cpath fill='url(%23b)' d='M24.3 4.504 11.25 1.591a.126.126 0 0 0-.082.011L.838 7.073a.115.115 0 0 0 .029.214l12.867 3.024a.112.112 0 0 0 .082-.011l10.511-5.584c.096-.05.075-.191-.03-.214l.002.002Z'/%3E%3Cpath fill='%23fff' d='M94.726 16.219h-9.277v8.265h9.277v-8.265ZM92.48 22.73h-4.773v-4.76h4.773v4.76ZM32.734 17.97h6.815v-1.753h-9.067v8.272h9.067v-1.753h-6.815V17.97ZM63.586 16.219v8.265h2.251v-2.78h4.9v2.78h2.245v-8.265h-9.396Zm2.251 3.725v-1.966h4.9v1.966h-4.9ZM48.063 24.49h2.504l-2.37-3.028h1.886v-5.243H41.07v8.265h2.252v-3.029h2.389l2.345 3.029.007.007Zm-4.734-6.586h4.575v1.863h-4.575v-1.863ZM104.135 24.49h2.504l-2.371-3.028h1.887v-5.243h-9.012v8.265h2.25v-3.029h2.393l2.344 3.029.007.007h-.002Zm-4.734-6.586h4.575v1.863h-4.575v-1.863ZM61.159 17.969v-1.75h-9.06v8.272h9.06v-1.753h-6.813v-1.51h6.813v-1.753h-6.813V17.97h6.813ZM83.918 16.219h-9.402v1.75h3.574v6.522h2.247v-6.522h3.581v-1.75ZM117.445 17.976v-1.76h-9.277v4.931h7.032v1.583h-7.032v1.759h9.277v-5.101h-7.026v-1.414h7.026v.002ZM50.768 9.684h-6.345V8.097h6.345V6.335h-6.345V4.92h6.345V3.164h-8.596v8.272h8.596V9.684ZM78.106 6.434l5.33 5.002h1.698v-8.27h-2.249v5.002l-5.33-5.002h-1.698v8.27h2.25V6.434ZM73.437 3.166H64.16v8.272h9.277V3.166Zm-2.25 6.52H66.41V4.918h4.779v4.768ZM32.72 6.434l5.33 5.002h1.697v-8.27h-2.246v5.002l-5.33-5.002h-1.7v8.27h2.249V6.434ZM57.47 8.881l2.305 2.555h2.842l-3.726-4.133 3.733-4.139H59.78l-2.31 2.564-2.307-2.564h-2.847l3.733 4.14-3.724 4.132h2.843l2.302-2.555Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7.248' x2='14.658' y1='9.269' y2='27.522' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.02' stop-color='%232B3EFF'/%3E%3Cstop offset='.49' stop-color='%2326BDFF'/%3E%3Cstop offset='.89' stop-color='%2317FF81'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1.779' x2='24.659' y1='8.101' y2='3.354' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230057FF'/%3E%3Cstop offset='.47' stop-color='%2326BDFF'/%3E%3Cstop offset='1' stop-color='%2317FF81'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% auto;
  margin: 0 1%;
}
#mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap a,
#mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap a {
  width: fit-content;
  margin: 2% auto 0;
  background: #2b56ff;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  padding: 14px 44px;
  border-radius: 10px;
  color: #fff;
}
@media (hover: hover) and (min-width: 1281px) {
  #mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap a:hover,
  #mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap a:hover {
    background: #0e32c5;
  }
}

@media (max-width: 1000px) {
  #mabinogim .creators .content_wrap,
  #mabinogim .container .content_wrap {
    padding-top: 20px;
    margin: 0 auto;
  }
  #mabinogim .creators .content_wrap h1,
  #mabinogim .container .content_wrap h1 {
    position: relative;
    margin: 0 auto;
    max-width: 780px;
  }
  #mabinogim .creators .content_wrap .content_1,
  #mabinogim .container .content_wrap .content_1 {
    position: relative;
    margin: 0 auto;
  }
  #mabinogim .creators .content_wrap .content_1 .inner,
  #mabinogim .container .content_wrap .content_1 .inner {
    position: relative;
    margin: 0 auto;
    max-width: 390px;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .title,
  #mabinogim .container .content_wrap .content_1 .inner .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 3.8%;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .title span,
  #mabinogim .container .content_wrap .content_1 .inner .title span {
    font-size: min(5vw, 20px);
    line-height: min(5vw, 26px);
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area,
  #mabinogim .container .content_wrap .content_1 .inner .text_area {
    position: absolute;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area p,
  #mabinogim .container .content_wrap .content_1 .inner .text_area p {
    text-align: center;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area p:nth-child(1),
  #mabinogim .container .content_wrap .content_1 .inner .text_area p:nth-child(1) {
    color: #3d3d3d;
    font-size: min(4vw, 16px);
    line-height: min(4vw, 20px);
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area p:nth-child(2),
  #mabinogim .container .content_wrap .content_1 .inner .text_area p:nth-child(2) {
    color: #737373;
    margin-top: 1.9%;
    font-size: min(3.2vw, 12px);
    line-height: min(3.2vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area_1,
  #mabinogim .container .content_wrap .content_1 .inner .text_area_1 {
    top: 29.8%;
    left: 20.2%;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area_2,
  #mabinogim .container .content_wrap .content_1 .inner .text_area_2 {
    top: 59.5%;
    left: 32%;
  }
  #mabinogim .creators .content_wrap .content_1 .inner .text_area_3,
  #mabinogim .container .content_wrap .content_1 .inner .text_area_3 {
    top: 89.2%;
    left: 32.2%;
  }
  #mabinogim .creators .content_wrap .content_2,
  #mabinogim .container .content_wrap .content_2 {
    position: relative;
    margin-top: 0px;
  }
  #mabinogim .creators .content_wrap .content_2 .inner,
  #mabinogim .container .content_wrap .content_2 .inner {
    position: relative;
    max-width: 390px;
    margin: 0 auto;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .title,
  #mabinogim .container .content_wrap .content_2 .inner .title {
    position: absolute;
    width: 100%;
    top: 4.8%;
    text-align: center;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .title span,
  #mabinogim .container .content_wrap .content_2 .inner .title span {
    margin-top: 0px;
    font-size: min(5vw, 20px);
    line-height: min(5vw, 26px);
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area,
  #mabinogim .container .content_wrap .content_2 .inner .text_area {
    position: absolute;
    width: 48%;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area p,
  #mabinogim .container .content_wrap .content_2 .inner .text_area p {
    text-align: center;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area p:nth-child(1),
  #mabinogim .container .content_wrap .content_2 .inner .text_area p:nth-child(1) {
    color: #304265;
    font-size: min(4vw, 16px);
    line-height: min(4.2vw, 20px);
    padding: 4% 0;
    width: 100%;
    height: 50%;
    border-radius: 12px;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area p:nth-child(2),
  #mabinogim .container .content_wrap .content_2 .inner .text_area p:nth-child(2) {
    margin-top: 7.2%;
    font-size: min(3.2vw, 12px);
    line-height: min(3.2vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_1,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_1 {
    top: 12.8%;
    left: 44.8%;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_1 a,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_1 a {
    font-size: min(3.2vw, 12px);
    top: 120.6%;
    left: 9%;
    padding: 2% 10%;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_2,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_2 {
    top: 38.2%;
    left: 44.8%;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_3,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_3 {
    top: 60.4%;
    left: 44.8%;
  }
  #mabinogim .creators .content_wrap .content_2 .inner .text_area_4,
  #mabinogim .container .content_wrap .content_2 .inner .text_area_4 {
    top: 83.2%;
    left: 44.8%;
  }
  #mabinogim .creators .content_wrap .content_3,
  #mabinogim .container .content_wrap .content_3 {
    position: relative;
    margin-top: 0px;
  }
  #mabinogim .creators .content_wrap .content_3 .inner,
  #mabinogim .container .content_wrap .content_3 .inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 390px;
    margin: 0 auto;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .title,
  #mabinogim .container .content_wrap .content_3 .inner .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 10%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .title span,
  #mabinogim .container .content_wrap .content_3 .inner .title span {
    font-size: min(5vw, 20px);
    line-height: min(7.4vw, 26px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .sub_title,
  #mabinogim .container .content_wrap .content_3 .inner .sub_title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .sub_title span,
  #mabinogim .container .content_wrap .content_3 .inner .sub_title span {
    font-size: min(3vw, 12px);
    line-height: min(3vw, 14px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area,
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area {
    position: absolute;
    width: 100%;
    top: 32.6%;
    height: 46%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1,
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 {
    position: absolute;
    top: 0;
    left: 38%;
    height: 100%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p,
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p {
    line-height: min(4.4vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(1),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(1) {
    font-size: min(4vw, 12px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(2),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_1 p:nth-child(2) {
    font-size: min(4vw, 12px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2,
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 {
    position: absolute;
    top: 52.2%;
    left: 38%;
    height: 48%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p,
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p {
    line-height: min(4.4vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(1),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(1) {
    font-size: min(4vw, 12px);
    margin-bottom: 6%;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(2),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(2) {
    font-size: min(4vw, 14px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(3),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(3) {
    margin-top: 10%;
    font-size: min(4vw, 12px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(4),
  #mabinogim .container .content_wrap .content_3 .inner .benefit_area .benefit_2 p:nth-child(4) {
    font-size: min(4vw, 12px);
  }
  #mabinogim .creators .content_wrap .content_3 .inner .button_area,
  #mabinogim .container .content_wrap .content_3 .inner .button_area {
    position: absolute;
    width: 100%;
    top: 82.8%;
    display: flex;
    justify-content: center;
  }
  #mabinogim .creators .content_wrap .content_3 .inner .button_area a,
  #mabinogim .container .content_wrap .content_3 .inner .button_area a {
    font-size: min(4vw, 12px);
  }
  #mabinogim .creators .content_wrap .content_4,
  #mabinogim .container .content_wrap .content_4 {
    margin-top: 0px;
  }
  #mabinogim .creators .content_wrap .content_4 .inner,
  #mabinogim .container .content_wrap .content_4 .inner {
    position: relative;
    max-width: 375px;
    margin: 0 auto;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .title,
  #mabinogim .container .content_wrap .content_4 .inner .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 2.4%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .title span,
  #mabinogim .container .content_wrap .content_4 .inner .title span {
    font-size: min(5vw, 20px);
    line-height: min(7.4vw, 26px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .title br,
  #mabinogim .container .content_wrap .content_4 .inner .title br {
    display: block;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area,
  #mabinogim .container .content_wrap .content_4 .inner .text_area {
    position: relative;
    width: 90%;
    height: 36.8%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area .caption,
  #mabinogim .container .content_wrap .content_4 .inner .text_area .caption {
    position: absolute;
    top: -5.8%;
    width: 100%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area .caption span,
  #mabinogim .container .content_wrap .content_4 .inner .text_area .caption span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: min(4.6vw, 18px);
    line-height: min(6.2vw, 22px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 {
    position: absolute;
    top: 10.4%;
    left: 5%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item {
    width: 100%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_1,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_1 {
    position: absolute;
    top: 8.6%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_2,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_2 {
    position: absolute;
    top: 47.4%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_3,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item .text_item_3 {
    position: absolute;
    top: 80.8%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p {
    text-align: left;
    font-size: min(4vw, 12px);
    line-height: min(4.4vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p:nth-child(2),
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p:nth-child(2) {
    margin-top: 8.2%;
    font-size: min(3.6vw, 11px);
    line-height: min(4.2vw, 14px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p br.only_mobile,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_1 .text_item p br.only_mobile {
    display: block;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 {
    position: absolute;
    top: 53.6%;
    left: 5%;
    height: 36.8%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 .caption,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 .caption {
    position: absolute;
    top: -5.8%;
    width: 100%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_1,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_1 {
    position: absolute;
    top: 13.6%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_2,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_2 {
    position: absolute;
    top: 46.2%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_3,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 .text_item_3 {
    position: absolute;
    top: 76.2%;
    left: 50.8%;
    width: 50%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 p,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 p {
    text-align: left;
    font-size: min(4vw, 12px);
    line-height: min(4.4vw, 16px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 p:nth-child(2),
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 p:nth-child(2) {
    margin-top: 8.2%;
    font-size: min(3.6vw, 11px);
    line-height: min(4.2vw, 14px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 p br,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 p br {
    display: none;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .text_area.text_area_2 p br.only_mobile,
  #mabinogim .container .content_wrap .content_4 .inner .text_area.text_area_2 p br.only_mobile {
    display: block;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap,
  #mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap {
    position: absolute;
    top: 92.2%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap p,
  #mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap p {
    display: flex;
    font-size: min(3.4vw, 14px);
  }
  #mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap p span.creators_logo,
  #mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap p span.creators_logo {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='28' fill='none'%3E%3Cpath fill='url(%23a)' d='M11.442 10.76.922 8.396a.117.117 0 0 0-.143.113v14.826c0 .053.038.101.091.113l13.308 2.96c.028.006.058 0 .084-.012l10.097-5.581c.094-.051.072-.189-.033-.212l-12.795-2.81v-6.922a.116.116 0 0 0-.091-.113h.002Z'/%3E%3Cpath fill='url(%23b)' d='M24.3 4.504 11.25 1.591a.126.126 0 0 0-.082.011L.838 7.073a.115.115 0 0 0 .029.214l12.867 3.024a.112.112 0 0 0 .082-.011l10.511-5.584c.096-.05.075-.191-.03-.214l.002.002Z'/%3E%3Cpath fill='%23fff' d='M94.726 16.219h-9.277v8.265h9.277v-8.265ZM92.48 22.73h-4.773v-4.76h4.773v4.76ZM32.734 17.97h6.815v-1.753h-9.067v8.272h9.067v-1.753h-6.815V17.97ZM63.586 16.219v8.265h2.251v-2.78h4.9v2.78h2.245v-8.265h-9.396Zm2.251 3.725v-1.966h4.9v1.966h-4.9ZM48.063 24.49h2.504l-2.37-3.028h1.886v-5.243H41.07v8.265h2.252v-3.029h2.389l2.345 3.029.007.007Zm-4.734-6.586h4.575v1.863h-4.575v-1.863ZM104.135 24.49h2.504l-2.371-3.028h1.887v-5.243h-9.012v8.265h2.25v-3.029h2.393l2.344 3.029.007.007h-.002Zm-4.734-6.586h4.575v1.863h-4.575v-1.863ZM61.159 17.969v-1.75h-9.06v8.272h9.06v-1.753h-6.813v-1.51h6.813v-1.753h-6.813V17.97h6.813ZM83.918 16.219h-9.402v1.75h3.574v6.522h2.247v-6.522h3.581v-1.75ZM117.445 17.976v-1.76h-9.277v4.931h7.032v1.583h-7.032v1.759h9.277v-5.101h-7.026v-1.414h7.026v.002ZM50.768 9.684h-6.345V8.097h6.345V6.335h-6.345V4.92h6.345V3.164h-8.596v8.272h8.596V9.684ZM78.106 6.434l5.33 5.002h1.698v-8.27h-2.249v5.002l-5.33-5.002h-1.698v8.27h2.25V6.434ZM73.437 3.166H64.16v8.272h9.277V3.166Zm-2.25 6.52H66.41V4.918h4.779v4.768ZM32.72 6.434l5.33 5.002h1.697v-8.27h-2.246v5.002l-5.33-5.002h-1.7v8.27h2.249V6.434ZM57.47 8.881l2.305 2.555h2.842l-3.726-4.133 3.733-4.139H59.78l-2.31 2.564-2.307-2.564h-2.847l3.733 4.14-3.724 4.132h2.843l2.302-2.555Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7.248' x2='14.658' y1='9.269' y2='27.522' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.02' stop-color='%232B3EFF'/%3E%3Cstop offset='.49' stop-color='%2326BDFF'/%3E%3Cstop offset='.89' stop-color='%2317FF81'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='1.779' x2='24.659' y1='8.101' y2='3.354' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230057FF'/%3E%3Cstop offset='.47' stop-color='%2326BDFF'/%3E%3Cstop offset='1' stop-color='%2317FF81'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 2%;
  }
  #mabinogim .creators .content_wrap .content_4 .inner .creators_apply_wrap a,
  #mabinogim .container .content_wrap .content_4 .inner .creators_apply_wrap a {
    margin: 5.1% auto 0;
    font-size: min(3.6vw, 16px);
    padding: 4% 15%;
  }
}