@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 400;
  src: url("../font/400_AppleSDGothicNeo-Medium.woff2") format("woff2"), url("../font/400_AppleSDGothicNeo-Medium.otf") format("otf");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 500;
  src: url("../font/500_AppleSDGothicNeo-Regular.woff2") format("woff2"), url("../font/500_AppleSDGothicNeo-Regular.otf") format("otf");
}
@font-face {
  font-family: AppleSDGothicNeo;
  font-weight: 700;
  src: url("../font/700_AppleSDGothicNeo-Bold.woff2") format("woff2"), url("../font/700_AppleSDGothicNeo-Bold.otf") format("otf");
}
#header {
  background: #262626;
  position: sticky;
  top: 0;
  z-index: 5;
  overflow: hidden;
}
#header .header_top {
  padding-top: 25px;
  padding-bottom: 12px;
}
@media screen and (max-width: 1920px) {
  #header .header_top {
    padding-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .header_top {
    padding-bottom: 0.625vw;
  }
}
#header .header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 40px;
}
@media screen and (max-width: 1920px) {
  #header .header_wrap {
    padding: 0vw 2.0833333333vw;
  }
}
#header .header_logo .logo_img {
  width: 175px;
}
@media screen and (max-width: 1920px) {
  #header .header_logo .logo_img {
    width: 9.1145833333vw;
  }
}
#header .nav_wrap {
  display: flex;
  align-items: center;
}
#header .nav_list {
  display: flex;
  align-items: center;
}
#header .nav_item {
  margin-right: 38px;
}
@media screen and (max-width: 1920px) {
  #header .nav_item {
    margin-right: 1.9791666667vw;
  }
}
#header .nav_item::last-child {
  margin-right: 0;
}
#header .nav_item .section_name {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #FFFFFF;
}
@media screen and (max-width: 1920px) {
  #header .nav_item .section_name {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .nav_item .section_name {
    line-height: 1.25vw;
  }
}
#header .nav_item .section_name:hover {
  cursor: pointer;
}
#header .nav_copyright {
  margin-right: 20px;
  font-size: 14px;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #header .nav_copyright {
    margin-right: 1.0416666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .nav_copyright {
    font-size: 0.7291666667vw;
  }
}
#header .toggle_switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  vertical-align: middle;
  border: 1px solid #707070;
  border-radius: 13px;
}
@media screen and (max-width: 1920px) {
  #header .toggle_switch {
    width: 2.7083333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .toggle_switch {
    height: 1.3541666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .toggle_switch {
    border: 0.0520833333vw solid #707070;
  }
}
@media screen and (max-width: 1920px) {
  #header .toggle_switch {
    border-radius: 0.6770833333vw;
  }
}
#header .toggle_switch input {
  display: none;
}
#header .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/header/toggle_bg.png") no-repeat center/cover;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#header .slider::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1920px) {
  #header .slider::before {
    width: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .slider::before {
    height: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #header .slider::before {
    left: 0.2083333333vw;
  }
}
#header input:checked + .slider:before {
  left: initial;
  transform: translate(151%, -50%);
}
#header .slider.round {
  border-radius: 50%;
}
#header .slider.round::before {
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  #header .header_top {
    padding: 38px 0px;
    padding: 5.2777777778vw 0vw;
  }
  #header .header_wrap {
    padding: 0px 40px;
    padding: 0vw 5.5555555556vw;
  }
  #header .header_logo .logo_img {
    width: 256px;
    width: 35.5555555556vw;
  }
  #header .header_menu {
    display: flex;
    flex-flow: column nowrap;
    gap: 8px;
    gap: 1.1111111111vw;
  }
  #header .header_menu_bar {
    display: inline-block;
    width: 60px;
    width: 8.3333333333vw;
    height: 6px;
    height: 0.8333333333vw;
    border-radius: 3px;
    border-radius: 0.4166666667vw;
    background-color: #fff;
  }
  #header .nav_wrap {
    z-index: 3;
    flex-flow: column nowrap;
    gap: 80px;
    gap: 11.1111111111vw;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    width: 55.5555555556vw;
    height: 100vh;
    padding-top: 110px;
    padding-top: 15.2777777778vw;
    transform: translateX(100%);
    background-color: #E6E4E0;
    transition: all 0.3s;
  }
  #header .nav_wrap.menuing {
    transform: translateX(0);
  }
  #header .nav_list {
    flex-flow: column nowrap;
    gap: 70px;
    gap: 9.7222222222vw;
  }
  #header .nav_item {
    margin-right: 0;
  }
  #header .nav_item .section_name {
    font-size: 38px;
    font-size: 5.2777777778vw;
    font-weight: 700;
    line-height: 47px;
    line-height: 6.5277777778vw;
    color: #000;
  }
  #header .nav_copyright {
    position: absolute;
    bottom: 50px;
    bottom: 6.9444444444vw;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 0;
    font-size: 18px;
    font-size: 2.5vw;
    color: #444;
  }
  #header .toggle_switch {
    width: 104px;
    width: 14.4444444444vw;
    height: 52px;
    height: 7.2222222222vw;
    border: none;
    border-radius: 26px;
    border-radius: 3.6111111111vw;
  }
  #header .toggle_switch input {
    display: none;
  }
  #header .toggle_switch input:checked + .slider:before {
    transform: translate(170%, -50%);
  }
  #header .slider {
    background: url("../img/header/toggle_bg_mo.png") no-repeat center/cover;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  #header .slider::before {
    width: 36px;
    width: 5vw;
    height: 36px;
    height: 5vw;
    left: 8px;
    left: 1.1111111111vw;
  }
  #header .slider.round {
    border-radius: 26px;
    border-radius: 3.6111111111vw;
  }
  #adstorm.dark #header .nav_wrap {
    background-color: #1E1E1E;
  }
  #adstorm.dark #header .section_name {
    color: #ffffff;
  }
  #adstorm.dark #header .nav_copyright {
    color: #B3B3B3;
  }
}
#adstorm .sec_cover {
  margin-top: 59px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover {
    margin-top: 3.0729166667vw;
  }
}
#adstorm .sec_cover .section_inner {
  height: 100%;
}
#adstorm .sec_cover .section_inner .contents_box {
  height: 100%;
}
#adstorm .sec_cover .title_box {
  margin: 0px -40px 59px -40px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box {
    margin: 0vw -2.0833333333vw 3.0729166667vw -2.0833333333vw;
  }
}
#adstorm .sec_cover .title_box .gsap--rolling-wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 352px;
  white-space: nowrap;
  will-change: transform;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box .gsap--rolling-wrap {
    height: 18.3333333333vw;
  }
}
#adstorm .sec_cover .title_box .gsap--rolling {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 0px 75px 0px 75px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box .gsap--rolling {
    padding: 0vw 3.90625vw 0vw 3.90625vw;
  }
}
#adstorm .sec_cover .title_box .gsap--rolling__img {
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
}
#adstorm .sec_cover .title_box .gsap--rolling__img.img-front {
  width: 976px;
  background-image: url(../img/cover/title_front_dark.png);
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-front {
    width: 50.8333333333vw;
  }
}
#adstorm .sec_cover .title_box .gsap--rolling__img.img-center {
  width: 339px;
  background-image: url(../img/cover/title_circle_dark.gif);
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-center {
    width: 17.65625vw;
  }
}
#adstorm .sec_cover .title_box .gsap--rolling__img.img-end {
  width: 525px;
  background-image: url(../img/cover/title_end_dark.png);
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-end {
    width: 27.34375vw;
  }
}
#adstorm .sec_cover .text_wrap {
  display: flex;
  justify-content: space-between;
  color: #ffffff;
}
#adstorm .sec_cover .text_wrap .department_box {
  margin-top: 25px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .department_box {
    margin-top: 1.3020833333vw;
  }
}
#adstorm .sec_cover .text_wrap .department_name {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .department_name {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .department_name {
    line-height: 1.6666666667vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box {
  position: relative;
  width: 1280px;
  margin-right: -40px;
  padding-left: 22px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box {
    width: 66.6666666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box {
    margin-right: -2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box {
    padding-left: 1.1458333333vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .sec_title {
  margin-top: 20px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .sec_title {
    margin-top: 1.0416666667vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .sec_desc {
  margin-bottom: 235px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .sec_desc {
    margin-bottom: 12.2395833333vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 35px;
  right: 58px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box {
    bottom: 1.8229166667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box {
    right: 3.0208333333vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box .scroll_txt {
  font-weight: 500;
}
#adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box .scroll_txt::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -18px;
  width: 13px;
  height: 15px;
  background: url("../img/cover/scroll_down_arrow.png") no-repeat center/cover;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box .scroll_txt::after {
    right: -0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box .scroll_txt::after {
    width: 0.6770833333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .scroll_txt__box .scroll_txt::after {
    height: 0.78125vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .point-color {
  color: #FC3552;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding: 0px 18px;
  color: #FC3552;
  font-size: 76px;
  border: 2px solid #FC3552;
  transform: translateZ(0);
  transition: transform 0.3s;
  pointer-events: auto;
  vertical-align: -14px;
  line-height: 1;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point {
    padding: 0vw 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point {
    font-size: 3.9583333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point {
    vertical-align: -0.7291666667vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point .hover-point--bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #FC3552;
  border-radius: 100% 100% 0 0;
  transform: translateY(110%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1), border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point .hover-point--txt {
  display: block;
  position: relative;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point .hover-point--txt span {
  display: block;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point .hover-point--txt span::after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 110%;
  left: 0;
  color: #1e1e1e;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point:hover {
  transform: scaleX(1.02);
  transition: transform 0.6s cubic-bezier(0.34, 5.56, 0.64, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point:hover .hover-point--bg {
  border-radius: 0;
  transform: translateY(0);
  transition-duration: 0.5s, 0.9s;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point:hover .hover-point--txt span {
  transform: translateY(-110%);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding: 0px 5px;
  color: #1e1e1e;
  font-size: 76px;
  border: 2px solid #FC3552;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse {
    padding: 0vw 0.2604166667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse {
    font-size: 3.9583333333vw;
  }
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse .hover-point--bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 100%;
  background-color: #FC3552;
  border-radius: 0;
  transform: translateY(0%);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1), border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse .hover-point--txt {
  display: block;
  position: relative;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse .hover-point--txt span {
  display: block;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse .hover-point--txt span::after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 110%;
  left: 0;
  color: #FC3552;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse:hover {
  transform: scaleX(1.02);
  transition: transform 0.6s cubic-bezier(0.34, 5.56, 0.64, 1);
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse:hover .hover-point--bg {
  border-radius: 0 0 100% 100%;
  transform: translateY(-110%);
  transition-duration: 0.5s, 0.9s;
}
#adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse:hover .hover-point--txt span {
  transform: translateY(-110%);
}
#adstorm .sec_cover .text_wrap .sec_title {
  margin-bottom: 18px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_cover .text_wrap .sec_title {
    margin-bottom: 0.9375vw;
  }
}
#adstorm.light .sec_cover .dark_title {
  display: none;
}
#adstorm.light .sec_cover .gsap--rolling__img.img-front {
  background-image: url(../img/cover/title_front_light.png);
}
#adstorm.light .sec_cover .gsap--rolling__img.img-center {
  background-image: url(../img/cover/title_circle_light.gif);
}
#adstorm.light .sec_cover .gsap--rolling__img.img-end {
  background-image: url(../img/cover/title_end_light.png);
}
#adstorm.light .sec_cover .text_wrap {
  color: #444;
}
#adstorm.light .sec_cover .slogun_box {
  background: transparent;
  transition: background-color 0.4s;
}
#adstorm.light .sec_cover .slogun_box .scroll_txt__box .scroll_txt::after {
  background: url("../img/cover/scroll_down_arrow_light.png") no-repeat center/cover;
}
#adstorm.dark .light_title {
  display: none;
}

@media (max-width: 768px) {
  #adstorm .sec_cover {
    padding-top: 100px;
    padding-top: 13.8888888889vw;
    margin-top: 0;
  }
  #adstorm .sec_cover .title_box {
    margin: 0px -40px 100px -40px;
    margin: 0vw -5.5555555556vw 13.8888888889vw -5.5555555556vw;
  }
  #adstorm .sec_cover .title_box .gsap--rolling-wrap {
    height: 231px;
    height: 32.0833333333vw;
  }
  #adstorm .sec_cover .title_box .gsap--rolling {
    padding: 0px 75px 0px 75px;
    padding: 0vw 10.4166666667vw 0vw 10.4166666667vw;
  }
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-front {
    width: 488px;
    width: 67.7777777778vw;
    background-image: url(../img/cover/title_front_dark_mo.png);
  }
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-center {
    width: 197px;
    width: 27.3611111111vw;
  }
  #adstorm .sec_cover .title_box .gsap--rolling__img.img-end {
    width: 262px;
    width: 36.3888888889vw;
    background-image: url(../img/cover/title_end_dark_mo.png);
  }
  #adstorm .sec_cover .text_wrap {
    display: flex;
    justify-content: space-between;
    color: #ffffff;
  }
  #adstorm .sec_cover .text_wrap .department_name {
    font-size: 18px;
    font-size: 2.5vw;
    line-height: 32px;
    line-height: 4.4444444444vw;
  }
  #adstorm .sec_cover .text_wrap .slogun_box {
    padding-right: 0px;
    padding-right: 0vw;
    padding-top: 40px;
    padding-top: 5.5555555556vw;
    width: 100%;
    border-top: 20px solid #ffffff;
    border-top: 2.7777777778vw solid #ffffff;
    background: transparent;
  }
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point {
    display: inline-block;
    margin-top: 10px;
    margin-top: 1.3888888889vw;
    padding: 0px 10px;
    padding: 0vw 1.3888888889vw;
    font-size: 88px;
    font-size: 12.2222222222vw;
    vertical-align: -14px;
    vertical-align: -1.9444444444vw;
    vertical-align: 0;
  }
  #adstorm .sec_cover .text_wrap .slogun_box .hover-point.reverse {
    display: inline-block;
    margin-top: 10px;
    margin-top: 1.3888888889vw;
    padding: 0px 5px;
    padding: 0vw 0.6944444444vw;
    font-size: 88px;
    font-size: 12.2222222222vw;
    vertical-align: -14px;
    vertical-align: -1.9444444444vw;
    vertical-align: 0;
  }
  #adstorm .sec_cover .text_wrap .slogun_desc {
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 42px;
    line-height: 5.8333333333vw;
    letter-spacing: -0.025em;
  }
  #adstorm .sec_cover .text_wrap .sec_title {
    margin-bottom: 18px;
    margin-bottom: 2.5vw;
  }
  #adstorm.light .text_wrap .slogun_box {
    border-top: 20px solid #262626;
    border-top: 2.7777777778vw solid #262626;
  }
  #adstorm.light .sec_cover .title_box .gsap--rolling__img.img-front {
    background-image: url(../img/cover/title_front_light.png);
  }
  #adstorm.light .sec_cover .title_box .gsap--rolling__img.img-center {
    background-image: url(../img/cover/title_circle_light.gif);
  }
  #adstorm.light .sec_cover .title_box .gsap--rolling__img.img-end {
    background-image: url(../img/cover/title_end_light.png);
  }
}
#adstorm .sec_depart {
  margin: 72px 0px 40px;
  height: 1079px;
  background-image: url("../img/ad_bg_dark.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 1665px auto;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart {
    margin: 3.75vw 0vw 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart {
    height: 56.1979166667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart {
    background-size: 86.71875vw auto;
  }
}
#adstorm .sec_depart .section_inner {
  height: 100%;
  padding-top: 36px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .section_inner {
    padding-top: 1.875vw;
  }
}
#adstorm .sec_depart .depart_item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item {
    gap: 0.5208333333vw;
  }
}
#adstorm .sec_depart .depart_item-title {
  font-size: 72px;
  font-weight: 700;
  line-height: 98px;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item-title {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item-title {
    line-height: 5.1041666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item-title {
    letter-spacing: -0.0104166667vw;
  }
}
#adstorm .sec_depart .depart_item-desc {
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item-desc {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item-desc {
    letter-spacing: -0.0104166667vw;
  }
}
#adstorm .sec_depart .depart .sec_title {
  position: absolute;
  right: 40px;
  bottom: 40px;
  margin: 0;
  text-align: right;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart .sec_title {
    right: 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart .sec_title {
    bottom: 2.0833333333vw;
  }
}
#adstorm .sec_depart .depart_item + .depart_item {
  margin-top: 10px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_depart .depart_item + .depart_item {
    margin-top: 0.5208333333vw;
  }
}
#adstorm.light .sec_depart {
  background-image: url("../img/ad_bg_light.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 1665px auto;
}
@media screen and (max-width: 1920px) {
  #adstorm.light .sec_depart {
    background-size: 86.71875vw auto;
  }
}
#adstorm.light .depart_item-title {
  color: #444;
}
#adstorm.light .depart_item-desc {
  color: #444;
}

@media screen and (max-width: 768px) {
  #adstorm .sec_depart {
    padding: 72px 0px 40px;
    padding: 10vw 0vw 5.5555555556vw;
    margin-bottom: 188px;
    margin-bottom: 26.1111111111vw;
    background: unset;
  }
  #adstorm .sec_depart .section_inner {
    height: 100%;
  }
  #adstorm .sec_depart .depart {
    display: flex;
    flex-direction: column;
  }
  #adstorm .sec_depart .depart_list {
    padding-top: 40px;
    padding-top: 5.5555555556vw;
    margin-top: 90px;
    margin-top: 12.5vw;
    border-top: 2px solid #fff;
    border-top: 0.2777777778vw solid #fff;
  }
  #adstorm .sec_depart .depart_item {
    flex-flow: column nowrap;
    gap: 10px;
    gap: 1.3888888889vw;
    margin-bottom: 40px;
    margin-bottom: 5.5555555556vw;
  }
  #adstorm .sec_depart .depart_item:last-child {
    margin-bottom: 0;
  }
  #adstorm .sec_depart .depart_item-title {
    font-size: 64px;
    font-size: 8.8888888889vw;
    line-height: 64px;
    line-height: 8.8888888889vw;
    letter-spacing: -0.25px;
    letter-spacing: -0.0347222222vw;
  }
  #adstorm .sec_depart .depart_item-desc {
    font-size: 24px;
    font-size: 3.3333333333vw;
    line-height: 32px;
    line-height: 4.4444444444vw;
    letter-spacing: -0.25px;
    letter-spacing: -0.0347222222vw;
  }
  #adstorm .sec_depart .depart .sec_title {
    position: static;
    text-align: left;
  }
  #adstorm .sec_depart .depart_item + .depart_item {
    margin-top: 0;
  }
  #adstorm.light .sec_depart {
    background: unset;
  }
  #adstorm.light .depart_list {
    border-color: #262626;
  }
}
#adstorm .sec_portfolio {
  height: 1080px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio {
    height: 56.25vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio {
    padding-bottom: 2.0833333333vw;
  }
}
#adstorm .sec_portfolio .bold {
  font-weight: 700;
}
#adstorm .sec_portfolio .section_inner {
  padding: 0;
}
#adstorm .sec_portfolio .portfolio_title {
  position: relative;
  padding: 0px 40px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title {
    padding: 0vw 2.0833333333vw;
  }
}
#adstorm .sec_portfolio .portfolio_title .link_btn {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn {
    margin-top: 1.0416666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn {
    line-height: 1.25vw;
  }
}
#adstorm .sec_portfolio .portfolio_title .link_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 12px;
  height: 10px;
  background: url("../img/portfolio/portfolio_seemore_arrow.svg") no-repeat center/cover;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn::after {
    right: -1.0416666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn::after {
    width: 0.625vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_title .link_btn::after {
    height: 0.5208333333vw;
  }
}
#adstorm .sec_portfolio .portfolio_num {
  display: flex;
  position: absolute;
  right: 881px;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_num {
    right: 45.8854166667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_num {
    font-size: 0.7291666667vw;
  }
}
#adstorm .sec_portfolio .portfolio_num i + i {
  margin-left: 10px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_num i + i {
    margin-left: 0.5208333333vw;
  }
}
#adstorm .sec_portfolio .portfolio_box {
  width: 100%;
  height: 540px;
  margin-top: 30px;
  padding: 20px 40px 40px;
  background: linear-gradient(90deg, #2C2C2C, #1E1E1E);
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_box {
    height: 28.125vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_box {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_box {
    padding: 1.0416666667vw 2.0833333333vw 2.0833333333vw;
  }
}
#adstorm .sec_portfolio .portfolio_swiper {
  overflow: visible;
  height: 100%;
}
#adstorm .sec_portfolio .portfolio_item {
  position: relative;
}
#adstorm .sec_portfolio .portfolio_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 600px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_img {
    width: 31.25vw;
  }
}
#adstorm .sec_portfolio .portfolio_main_title {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.25px;
  color: #fff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_title {
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_title {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_title {
    letter-spacing: -0.0130208333vw;
  }
}
#adstorm .sec_portfolio .portfolio_main_list {
  width: 800px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_list {
    width: 41.6666666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_list {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_list {
    line-height: 1.25vw;
  }
}
#adstorm .sec_portfolio .portfolio_main_item {
  display: flex;
}
#adstorm .sec_portfolio .portfolio_main_item.gray {
  margin-top: 18px;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_item.gray {
    margin-top: 0.9375vw;
  }
}
#adstorm .sec_portfolio .portfolio_main_item dt {
  width: 104px;
  flex-shrink: 0;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_item dt {
    width: 5.4166666667vw;
  }
}
#adstorm .sec_portfolio .portfolio_main_item__desc dd {
  margin-left: 104px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_main_item__desc dd {
    margin-left: 5.4166666667vw;
  }
}
#adstorm .sec_portfolio .portfolio_collab {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_collab {
    font-size: 0.7291666667vw;
  }
}
#adstorm .sec_portfolio .portfolio_pagi {
  position: static;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  width: auto;
}
#adstorm .sec_portfolio .portfolio_pagi_box {
  z-index: 1;
  position: absolute;
  left: auto;
  right: 640px;
  top: 0;
  font-size: 14px;
  line-height: 25px;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_pagi_box {
    right: 33.3333333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_pagi_box {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_pagi_box {
    line-height: 1.3020833333vw;
  }
}
#adstorm .sec_portfolio .portfolio_pagi_title {
  margin-bottom: 40px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_portfolio .portfolio_pagi_title {
    margin-bottom: 2.0833333333vw;
  }
}
#adstorm .sec_portfolio .portfolio .swiper-pagination-bullet {
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
  opacity: 1;
  border-radius: 0%;
}
#adstorm .sec_portfolio .portfolio .swiper-pagination-bullet-active {
  color: #fff;
}
#adstorm.light .portfolio_num {
  color: #272727;
}
#adstorm.light .portfolio_title .link_btn {
  color: #272727;
}
#adstorm.light .portfolio_title .link_btn::after {
  background: url("../img/portfolio/portfolio_seemore_arrow_light.svg") no-repeat center/cover;
}

@media screen and (max-width: 768px) {
  #adstorm .sec_portfolio {
    height: auto;
    padding: 72px 0px 40px;
    padding: 10vw 0vw 5.5555555556vw;
    margin-bottom: 260px;
    margin-bottom: 36.1111111111vw;
  }
  #adstorm .sec_portfolio .portfolio_title {
    padding: 0px 40px;
    padding: 0vw 5.5555555556vw;
  }
  #adstorm .sec_portfolio .portfolio_title .link_btn {
    margin-top: 21px;
    margin-top: 2.9166666667vw;
    font-size: 24px;
    font-size: 3.3333333333vw;
    line-height: 24px;
    line-height: 3.3333333333vw;
  }
  #adstorm .sec_portfolio .portfolio_title .link_btn::after {
    right: -32px;
    right: -4.4444444444vw;
    width: 20px;
    width: 2.7777777778vw;
    height: 17px;
    height: 2.3611111111vw;
  }
  #adstorm .sec_portfolio .portfolio_num {
    display: none;
  }
  #adstorm .sec_portfolio .portfolio_box {
    width: 100%;
    height: auto;
    margin-top: 106px;
    margin-top: 14.7222222222vw;
    padding: 0px 40px;
    padding: 0vw 5.5555555556vw;
    background: transparent;
  }
  #adstorm .sec_portfolio .portfolio_list {
    display: flex;
    flex-flow: column nowrap;
  }
  #adstorm .sec_portfolio .portfolio_item {
    max-height: 69px;
    max-height: 9.5833333333vw;
    overflow: hidden;
    border-top: 2px solid #fff;
    border-top: 0.2777777778vw solid #fff;
  }
  #adstorm .sec_portfolio .portfolio_item:last-child {
    border-bottom: 2px solid #fff;
    border-bottom: 0.2777777778vw solid #fff;
  }
  #adstorm .sec_portfolio .portfolio_item.active {
    max-height: 100%;
    padding-bottom: 80px;
    padding-bottom: 11.1111111111vw;
  }
  #adstorm .sec_portfolio .portfolio_item.active .portfolio_main_title::after {
    transform: translateY(-50%) rotate(180deg);
  }
  #adstorm .sec_portfolio .portfolio_img {
    position: static;
    display: block;
    width: 447px;
    width: 62.0833333333vw;
    margin-left: auto;
  }
  #adstorm .sec_portfolio .portfolio_main_title {
    position: relative;
    margin-bottom: 0;
    padding: 13px 0px 15px;
    padding: 1.8055555556vw 0vw 2.0833333333vw;
    font-size: 32px;
    font-size: 4.4444444444vw;
    letter-spacing: -0.25px;
    letter-spacing: -0.0347222222vw;
  }
  #adstorm .sec_portfolio .portfolio_main_title::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    width: 3.6111111111vw;
    height: 30px;
    height: 4.1666666667vw;
    background: url("../img/portfolio/portfolio_arrow.svg") no-repeat right center/cover;
    transition: all 0.3s;
  }
  #adstorm .sec_portfolio .portfolio_main_list {
    width: 100%;
    margin: 23px 0px 45px;
    margin: 3.1944444444vw 0vw 6.25vw;
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 42px;
    line-height: 5.8333333333vw;
    letter-spacing: -0.25px;
    letter-spacing: -0.0347222222vw;
    color: #B3B3B3;
  }
  #adstorm .sec_portfolio .portfolio_main_item {
    display: flex;
  }
  #adstorm .sec_portfolio .portfolio_main_item.gray {
    margin-top: 18px;
    margin-top: 2.5vw;
    color: #B3B3B3;
  }
  #adstorm .sec_portfolio .portfolio_main_item dt {
    width: 223px;
    width: 30.9722222222vw;
    flex-shrink: 0;
  }
  #adstorm .sec_portfolio .portfolio_btn {
    color: #fff;
    font-size: 40px;
    font-size: 5.5555555556vw;
  }
  #adstorm .sec_portfolio .portfolio_collab {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    font-size: 1.9444444444vw;
    color: #fff;
  }
  #adstorm .sec_portfolio .portfolio_pagi {
    position: static;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    width: auto;
  }
  #adstorm .sec_portfolio .portfolio_pagi_box {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 640px;
    right: 88.8888888889vw;
    top: 0;
    font-size: 14px;
    font-size: 1.9444444444vw;
    line-height: 24px;
    line-height: 3.3333333333vw;
    color: #B3B3B3;
  }
  #adstorm .sec_portfolio .portfolio_pagi_title {
    margin-bottom: 40px;
    margin-bottom: 5.5555555556vw;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
  }
  #adstorm .sec_portfolio .portfolio .swiper-pagination-bullet {
    width: auto;
    height: auto;
    margin: 0;
    background-color: transparent;
    opacity: 1;
  }
  #adstorm .sec_portfolio .portfolio .swiper-pagination-bullet-active {
    color: #fff;
  }
  #adstorm.light .portfolio_item {
    border-color: #262626;
  }
  #adstorm.light .portfolio_item:last-child {
    border-color: #262626;
  }
  #adstorm.light .portfolio_main_title {
    color: #262626;
  }
  #adstorm.light .portfolio_main_title::after {
    background-image: url("../img/portfolio/portfolio_arrow_light.svg");
  }
  #adstorm.light .portfolio_main_list {
    color: #444;
  }
}
#adstorm .sec_welfare .section_inner {
  padding: 0;
  margin-top: 72px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_welfare .section_inner {
    margin-top: 3.75vw;
  }
}
#adstorm .sec_welfare .title_box {
  padding: 0px 40px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_welfare .title_box {
    padding: 0vw 2.0833333333vw;
  }
}
#adstorm .carousel-inner {
  position: absolute;
  bottom: -75px;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
@media screen and (max-width: 1920px) {
  #adstorm .carousel-inner {
    bottom: -3.90625vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .carousel-inner {
    height: 28.6458333333vw;
  }
}
#adstorm .carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  background: #2C2C2C;
}
#adstorm .carousel-item:first-child {
  z-index: 1;
  padding: 40px 40px 0px 40px;
}
@media screen and (max-width: 1920px) {
  #adstorm .carousel-item:first-child {
    padding: 2.0833333333vw 2.0833333333vw 0vw 2.0833333333vw;
  }
}
#adstorm .carousel-item:last-child {
  z-index: 2;
  transform: translateY(100%);
}
#adstorm .welfare_list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: initial;
}
#adstorm .welfare_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10%;
  height: 164px;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item {
    height: 8.5416666667vw;
  }
}
#adstorm .welfare_item .welfare_icon {
  margin-bottom: 18px;
  height: 60px;
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .welfare_icon {
    margin-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .welfare_icon {
    height: 3.125vw;
  }
}
#adstorm .welfare_item .welfare_icon img {
  height: 100%;
}
#adstorm .welfare_item .welfare_name {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #B3B3B3;
  text-align: center;
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .welfare_name {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .welfare_name {
    line-height: 1.25vw;
  }
}
#adstorm .welfare_item .wefare_item__last {
  padding-top: 25px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .wefare_item__last {
    padding-top: 1.3020833333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .wefare_item__last {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .welfare_item .wefare_item__last {
    line-height: 1.25vw;
  }
}
#adstorm .recruit_list {
  display: flex;
  width: 100%;
  height: 100%;
}
#adstorm .recruit_item {
  padding: 0px 40px;
  padding-top: 40px;
  min-width: 384px;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_item {
    padding: 0vw 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_item {
    padding-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_item {
    min-width: 20vw;
  }
}
#adstorm .recruit_item:nth-child(even) {
  background: #1E1E1E;
}
#adstorm .recruit_name {
  min-height: 113px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #ffffff;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_name {
    min-height: 5.8854166667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_name {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_name {
    line-height: 1.9791666667vw;
  }
}
#adstorm .recruit_apply {
  padding-top: 18px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply {
    padding-top: 0.9375vw;
  }
}
#adstorm .recruit_apply__desc {
  margin-bottom: 36px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply__desc {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply__desc {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply__desc {
    line-height: 1.25vw;
  }
}
#adstorm .recruit_apply .apply_btn {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 18px;
  letter-spacing: -0.025em;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply .apply_btn {
    font-size: 0.9375vw;
  }
}
#adstorm .recruit_apply .apply_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  width: 10px;
  height: 13px;
  background: url("../img/welfare/apply_btn__arrow.png") no-repeat center/cover;
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply .apply_btn::after {
    right: 0vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply .apply_btn::after {
    width: 0.5208333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .recruit_apply .apply_btn::after {
    height: 0.6770833333vw;
  }
}
#adstorm.light .recruit_item:nth-child(odd) {
  background: #262626;
  transition: background 0.4s;
}
#adstorm.light .recruit_item:nth-child(even) {
  background: transparent;
  transition: background 0.4s;
}

@media (max-width: 768px) {
  #adstorm .sec_welfare {
    height: initial;
    margin-bottom: 260px;
    margin-bottom: 36.1111111111vw;
  }
  #adstorm .sec_welfare .title_box {
    padding: 0px 40px;
    padding: 0vw 5.5555555556vw;
  }
  #adstorm .sec_welfare .sec_desc {
    margin-bottom: 101px;
    margin-bottom: 14.0277777778vw;
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 42px;
    line-height: 5.8333333333vw;
    letter-spacing: -0.055em;
  }
  #adstorm .sec_welfare .carousel-inner {
    overflow: visible;
    position: relative;
    height: initial;
  }
  #adstorm .sec_welfare .carousel-item {
    position: initial;
    transform: initial;
    height: initial;
  }
  #adstorm .sec_welfare .carousel-item:first-child {
    overflow: hidden;
    padding: 0;
    padding-top: 80px;
    padding-top: 11.1111111111vw;
    min-height: 359px;
    min-height: 49.8611111111vw;
  }
  #adstorm .sec_welfare .welfare_swiper .swiper-pagination {
    bottom: 60px;
    bottom: 8.3333333333vw;
  }
  #adstorm .sec_welfare .welfare_swiper .swiper-pagination.welfare_pagination .swiper-pagination-bullet {
    margin: 0px 10px;
    margin: 0vw 1.3888888889vw;
    width: 20px;
    width: 2.7777777778vw;
    height: 20px;
    height: 2.7777777778vw;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
    border: 0.1388888889vw solid #FFFFFF;
    background: transparent;
    transition: width 0.4s;
  }
  #adstorm .sec_welfare .welfare_swiper .swiper-pagination.welfare_pagination .swiper-pagination-bullet-active {
    width: 52px;
    width: 7.2222222222vw;
    height: 20px;
    height: 2.7777777778vw;
    border-radius: 100px;
    border-radius: 13.8888888889vw;
    background: #FFFFFF;
    transition: width 0.4s;
  }
  #adstorm .sec_welfare .welfare_icon {
    height: 73px;
    height: 10.1388888889vw;
  }
  #adstorm .sec_welfare .welfare_list {
    flex-wrap: nowrap;
  }
  #adstorm .sec_welfare .welfare_item {
    width: auto;
    width: auto;
    height: initial;
  }
  #adstorm .sec_welfare .welfare_item .welfare_icon {
    margin-bottom: 17px;
    margin-bottom: 2.3611111111vw;
    height: 73px;
    height: 10.1388888889vw;
  }
  #adstorm .sec_welfare .welfare_item .welfare_icon img {
    height: 100%;
  }
  #adstorm .sec_welfare .welfare_item .welfare_name {
    font-size: 20px;
    font-size: 2.7777777778vw;
    line-height: 29px;
    line-height: 4.0277777778vw;
  }
  #adstorm .sec_welfare .welfare_item .wefare_item__last {
    padding-top: 25px;
    padding-top: 3.4722222222vw;
    font-size: 21px;
    font-size: 2.9166666667vw;
    line-height: 28px;
    line-height: 3.8888888889vw;
  }
  #adstorm .sec_welfare .carousel-item.carousel-recruit {
    transform: initial !important;
  }
  #adstorm .sec_welfare .recruit_list {
    display: block;
  }
  #adstorm .sec_welfare .recruit_item {
    padding: 40px;
    padding: 5.5555555556vw;
  }
  #adstorm .sec_welfare .recruit_item:nth-child(even) {
    background: transparent;
  }
  #adstorm .sec_welfare .recruit_item:nth-child(odd) {
    background: #1E1E1E;
  }
  #adstorm .sec_welfare .recruit_name {
    margin-bottom: 20px;
    margin-bottom: 2.7777777778vw;
    font-size: 64px;
    font-size: 8.8888888889vw;
    line-height: 64px;
    line-height: 8.8888888889vw;
    color: #B3B3B3;
  }
  #adstorm .sec_welfare .recruit_apply {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 35px;
    padding-top: 4.8611111111vw;
  }
  #adstorm .sec_welfare .recruit_apply__desc {
    margin-bottom: 0;
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 42px;
    line-height: 5.8333333333vw;
  }
  #adstorm .sec_welfare .recruit_apply .btn_wrap .apply_btn {
    padding-right: 32px;
    padding-right: 4.4444444444vw;
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 28px;
    line-height: 3.8888888889vw;
  }
  #adstorm .sec_welfare .recruit_apply .btn_wrap .apply_btn::after {
    width: 16px;
    width: 2.2222222222vw;
    height: 20px;
    height: 2.7777777778vw;
  }
}
#adstorm .sec_contact {
  height: 100%;
}
#adstorm .sec_contact .section_inner_grbg {
  width: 100%;
  height: 530px;
  padding-top: 72px;
  background-color: #262626;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg {
    height: 27.6041666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg {
    padding-top: 3.75vw;
  }
}
#adstorm .sec_contact .section_inner_grbg .contents_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#adstorm .sec_contact .section_inner_grbg .contents_box .slogun_box {
  color: #fff;
}
#adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
  margin-top: 0px;
  margin-bottom: 38px;
  font-size: 108px;
  font-weight: 700;
  line-height: 108px;
  letter-spacing: -0.025em;
  color: #fff;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
    margin-bottom: 1.9791666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
    font-size: 5.625vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
    line-height: 5.625vw;
  }
}
#adstorm .sec_contact .section_inner_grbg .contents_box .slogun_desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #B3B3B3;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_desc {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_desc {
    line-height: 1.25vw;
  }
}
#adstorm .sec_contact .section_inner_grbg .map_box {
  width: 600px;
  height: 438px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .map_box {
    width: 31.25vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_grbg .map_box {
    height: 22.8125vw;
  }
}
#adstorm .sec_contact .section_inner_imbg {
  position: relative;
  width: 100%;
  height: 550px;
  padding-top: 20px;
  background-color: #1E1E1E;
  background: url(../img/contact/ad_contact_bg_pc.png) no-repeat;
  background-size: 920px 180px;
  background-position: 920px 330px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg {
    height: 28.6458333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg {
    padding-top: 1.0416666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg {
    background-size: 47.9166666667vw 9.375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg {
    background-position: 47.9166666667vw 17.1875vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 339px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .list {
    gap: 17.65625vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .item_title {
  margin-bottom: 10px;
  color: #fff;
  font-size: 32px;
  line-height: 32px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_title {
    margin-bottom: 0.5208333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_title {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_title {
    line-height: 1.6666666667vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .item_desc {
  color: #b3b3b3;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_desc {
    font-size: 0.7291666667vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_desc {
    line-height: 1.25vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo {
  position: relative;
  width: 132px;
  height: 24px;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo {
    width: 6.875vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo {
    height: 1.25vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -25px;
  width: 15px;
  height: 13px;
  background: url("../img/contact/family_arrow_dark.png") no-repeat center/cover;
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
    right: -1.3020833333vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
    width: 0.78125vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
    height: 0.6770833333vw;
  }
}
#adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo:hover::after {
  transform: translateY(-50%) rotate(360deg);
  transition: 0.5s;
}
#adstorm .sec_contact .section_inner_imbg .contents_box .light_mode {
  display: none;
}
#adstorm.light .sec_contact .section_inner_imbg {
  background-color: #1E1E1E;
  background: url(../img/contact/ad_contact_bg_light_pc.png) no-repeat;
  background-size: 920px 180px;
  background-position: 920px 330px;
}
@media screen and (max-width: 1920px) {
  #adstorm.light .sec_contact .section_inner_imbg {
    background-size: 47.9166666667vw 9.375vw;
  }
}
@media screen and (max-width: 1920px) {
  #adstorm.light .sec_contact .section_inner_imbg {
    background-position: 47.9166666667vw 17.1875vw;
  }
}
#adstorm.light .sec_contact .section_inner_imbg .contents_box .item_title {
  color: #272727;
}
#adstorm.light .sec_contact .section_inner_imbg .contents_box .item_desc {
  color: #444;
}
#adstorm.light .sec_contact .section_inner_imbg .contents_box .dark_mode {
  display: none;
}
#adstorm.light .sec_contact .section_inner_imbg .contents_box .light_mode {
  display: block;
}
#adstorm.light .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
  background: url("../img/contact/family_arrow_light.png") no-repeat center/cover;
}

@media (max-width: 768px) {
  #adstorm .sec_contact .section_inner_grbg {
    height: 436px;
    height: 60.5555555556vw;
    padding-top: 40px;
    padding-top: 5.5555555556vw;
    background-color: transparent;
  }
  #adstorm .sec_contact .section_inner_grbg .contents_box {
    display: block;
    text-align: left;
  }
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_title {
    overflow: visible;
    margin-bottom: 35px;
    margin-bottom: 4.8611111111vw;
    font-size: 85px;
    font-size: 11.8055555556vw;
    line-height: 85px;
    line-height: 11.8055555556vw;
  }
  #adstorm .sec_contact .section_inner_grbg .contents_box .slogun_desc {
    font-size: 28px;
    font-size: 3.8888888889vw;
    font-weight: 500;
    line-height: 42px;
    line-height: 5.8333333333vw;
    letter-spacing: -0.04em;
  }
  #adstorm .sec_contact .section_inner_imbg {
    height: 1450px;
    height: 201.3888888889vw;
    padding-top: 40px;
    padding-top: 5.5555555556vw;
    background: url(../img/contact/ad_contact_bg_mo.png) no-repeat;
    background-size: 670px 131px;
    background-size: 93.0555555556vw 18.1944444444vw;
    background-position: center 1241px;
    background-position: center 172.3611111111vw;
    background-color: #272727;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box {
    height: 100%;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 61px;
    gap: 8.4722222222vw;
    margin-bottom: 61px;
    margin-bottom: 8.4722222222vw;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_title {
    margin-bottom: 15px;
    margin-bottom: 2.0833333333vw;
    color: #fff;
    font-size: 64px;
    font-size: 8.8888888889vw;
    line-height: 64px;
    line-height: 8.8888888889vw;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .item_desc {
    color: #b3b3b3;
    font-size: 28px;
    font-size: 3.8888888889vw;
    line-height: 42px;
    line-height: 5.8333333333vw;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .map_box {
    width: 100%;
    height: 489px;
    height: 67.9166666667vw;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo {
    width: 175px;
    width: 24.3055555556vw;
    height: 32px;
    height: 4.4444444444vw;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -44px;
    right: -6.1111111111vw;
    width: 30px;
    width: 4.1666666667vw;
    height: 26px;
    height: 3.6111111111vw;
    background: url("../img/contact/family_arrow_dark_mo.png") no-repeat center/cover;
  }
  #adstorm .sec_contact .section_inner_imbg .contents_box .bstones_logo:hover::after {
    transform: translateY(-50%) scaleX(100%);
  }
  #adstorm.light .sec_contact .section_inner_grbg .contents_box .slogun_title {
    color: #272727;
  }
  #adstorm.light .sec_contact .section_inner_grbg .contents_box .slogun_desc {
    color: #444;
  }
  #adstorm.light .sec_contact .section_inner_imbg {
    background-color: #1E1E1E;
    background: url(../img/contact/ad_contact_bg_light_mo.png) no-repeat;
    background-size: 670px 131px;
    background-size: 93.0555555556vw 18.1944444444vw;
    background-position: center 1241px;
    background-position: center 172.3611111111vw;
  }
  #adstorm.light .sec_contact .section_inner_imbg .bstones_logo.light_mode::after {
    background: url("../img/contact/family_arrow_light_mo.png") no-repeat center/cover;
  }
}
#footer {
  position: relative;
}
#footer .copyright {
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: #b3b3b3;
  font-size: 14px;
}
@media screen and (max-width: 1920px) {
  #footer .copyright {
    bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #footer .copyright {
    left: 2.0833333333vw;
  }
}
@media screen and (max-width: 1920px) {
  #footer .copyright {
    font-size: 0.7291666667vw;
  }
}

#adstorm.light #footer .copyright {
  color: #444;
}

@media screen and (max-width: 768px) {
  #footer .copyright {
    bottom: 25px;
    bottom: 3.4722222222vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-size: 1.9444444444vw;
  }
}

/*# sourceMappingURL=main.css.map */