@charset "UTF-8";
.inflate_icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1,0,0,1,-1503.27,-161.136)'%3E%3Cpath d='M1506.91,171.779L1521.62,186.492L1535.64,172.478' style='fill:none;stroke:white;stroke-width:2px;'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}

.g_arrow_icon {
  display: inline-block;
  width: 102px;
  height: 546px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='543' viewBox='0 0 102 543' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M89.3936 0.439339C89.9793 -0.146446 90.9289 -0.146447 91.5146 0.439339L101.061 9.98524C101.646 10.571 101.646 11.5206 101.061 12.1063L91.5146 21.6522C90.9289 22.2379 89.9793 22.2379 89.3936 21.6522C88.8078 21.0665 88.8078 20.1169 89.3936 19.5311L96.3789 12.5458H3V269.546H96.3789L89.3936 262.56C88.8078 261.975 88.8078 261.025 89.3936 260.439C89.9793 259.854 90.9289 259.854 91.5146 260.439L101.061 269.985C101.646 270.571 101.646 271.521 101.061 272.106L91.5146 281.652C90.9289 282.238 89.9793 282.238 89.3936 281.652C88.8078 281.066 88.8078 280.117 89.3936 279.531L96.3789 272.546H3V529.546H96.3789L89.3936 522.56C88.8078 521.975 88.8078 521.025 89.3936 520.439C89.9793 519.854 90.9289 519.854 91.5146 520.439L101.061 529.985C101.646 530.571 101.646 531.521 101.061 532.106L91.5146 541.652C90.9289 542.238 89.9793 542.238 89.3936 541.652C88.8078 541.066 88.8078 540.117 89.3936 539.531L96.3789 532.546H0V9.54578H96.3789L89.3936 2.56043C88.8078 1.97467 88.8078 1.02513 89.3936 0.439339Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
}

.arrow_icon {
  display: inline-block;
  width: 100px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='22' viewBox='0 0 100 22' fill='none'%3E%3Cpath d='M88.0726 0.437518C88.6497 -0.145839 89.5852 -0.14584 90.1623 0.437518L99.5672 9.94385C100.144 10.5272 100.144 11.4728 99.5672 12.0562L90.1623 21.5625C89.5852 22.1458 88.6497 22.1458 88.0726 21.5625C87.4954 20.9791 87.4954 20.0335 88.0726 19.4502L94.9547 12.4938H0V9.50622H94.9547L88.0726 2.54982C87.4954 1.96646 87.4954 1.02088 88.0726 0.437518Z' fill='black'/%3E%3C/svg%3E") no-repeat center center;
}

.left_btn_icon {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M10 1.32069L2.33323 10L10 18.6793L8.83339 20L0 10L8.83339 0L10 1.32069Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.right_btn_icon {
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'%3E%3Cpath d='M-1.15458e-07 18.6793L7.66677 10L-1.633e-06 1.32069L1.16661 7.72239e-07L10 10L1.16661 20L-1.15458e-07 18.6793Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.bottom_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8L11.2526 16.1592C11.6504 16.6067 12.3496 16.6067 12.7474 16.1592L20 8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
}

.play_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle opacity='0.3' cx='12' cy='12' r='12' fill='black'/%3E%3Cpath d='M17 12L9.5 16.3301L9.5 7.66987L17 12Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.stop_btn_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle opacity='0.3' cx='12' cy='12' r='12' fill='black'/%3E%3Crect x='9' y='7' width='2' height='10' fill='white'/%3E%3Crect x='13' y='7' width='2' height='10' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

@font-face {
  font-family: "Pretendard Variable";
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Pretendard";
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-user-drag: none;
  color: #262626;
}

img {
  display: block;
  vertical-align: top;
  max-width: 100%;
  -webkit-user-drag: none;
}

body {
  background: #fff;
}

.row_c {
  max-width: 1720px;
  margin: 0 100px;
}

a,
button,
img,
nav,
header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

figure {
  overflow: hidden;
}

/* ////////////////////////////////////////// */
header {
  position: fixed;
  width: 100%;
  height: 100px;
  z-index: 10000;
  align-items: center;
}
header .header_wrap {
  width: 100%;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: transparent;
  height: 100px;
}
header .header_wrap.state-on-hover {
  background: #fff;
}
header .header_wrap.state-on-hover .logo_white {
  opacity: 0;
}
header .header_wrap.state-on-hover .logo_color {
  opacity: 1;
}
header .header_wrap.state-on-hover .main_nav > li > a {
  color: #222;
}
header .header_wrap.state-on-hover .sub_nav_wrap {
  transform: translateY(0);
}
header .header_wrap h1 {
  position: relative;
}
header .header_wrap h1 a {
  display: block;
  width: 125px;
  height: 35px;
  position: relative;
}
header .header_wrap h1 img {
  position: absolute;
  top: 0;
  left: 0;
}
header .header_wrap h1 .logo_white {
  opacity: 1;
}
header .header_wrap h1 .logo_color {
  opacity: 0;
}
header .header_wrap nav {
  position: relative;
  height: 100px;
  width: 429px;
}
header .header_wrap .main_nav {
  display: flex;
  height: 100%;
  width: 100%;
}
header .header_wrap .main_nav > li {
  width: 143px;
  height: 100%;
}
header .header_wrap .main_nav > li:hover > a::after, header .header_wrap .main_nav > li.on > a::after {
  width: 143px;
  opacity: 1;
}
header .header_wrap .main_nav > li > a.on::after {
  width: 143px;
  opacity: 1;
}
header .header_wrap .main_nav > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}
header .header_wrap .main_nav > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 74px;
  height: 2px;
  background: linear-gradient(90deg, #e60012 0%, #2e3192 100%);
  opacity: 0;
}
header .header_wrap .main_nav > li:hover > a::after {
  opacity: 1;
}
header .header_wrap.state-on-hover {
  background: #fff;
}
header .header_wrap.state-on-hover .logo_white {
  opacity: 0;
}
header .header_wrap.state-on-hover .logo_color {
  opacity: 1;
}
header .header_wrap.state-on-hover .main_nav > li > a {
  color: #222;
}
header .header_wrap.state-on-hover .sub_nav_wrap {
  transform: translateY(0);
}
header .sub_nav_wrap {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: calc(100% + 100px);
  margin-left: -50px;
  height: 244px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  padding: 0 50px;
  flex: 0 0 calc(100% + 100px);
  z-index: 999;
}
header .bg_text {
  position: absolute;
  left: 60px;
  bottom: 0;
  z-index: 0;
}
header .bg_text svg {
  margin-left: 60px;
}
header .sub_nav {
  position: relative;
  width: 429px;
  height: 100%;
  margin-left: auto;
  margin-right: 50px;
  padding: 38px 0;
  display: flex;
}
header .sub_nav > ul {
  width: 143px;
  height: 100%;
}
header .sub_nav > ul.empty {
  width: 143px;
}
header .sub_nav > ul > li:hover a {
  color: #e60012;
}
header .sub_nav > ul > li a {
  display: block;
  color: #454545;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  /*  line-height: 140%; */
  letter-spacing: -0.4px;
  padding: 10px 0;
  width: 143px;
}

.mb_menu_btn,
.mb_nav {
  display: none;
  background: none;
  border: 0;
  padding: 0;
}

.mb_close {
  border: 0;
}

/* footer//////////////////////////////////////////////// */
footer {
  border-top: 1px solid #AAA;
  background: #FFF;
  height: 350px;
}
footer .f_wrap {
  padding: 61px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* border-top: 1px solid #AAA; */
  background: #FFF;
  justify-content: center;
  align-items: center;
}
footer .f_wrap .f_logo a img {
  width: 231px;
  height: 70px;
  aspect-ratio: 33/10;
}
footer .f_wrap .f_company {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-bottom: 1px solid #AAA;
}
footer .f_wrap .f_company .add {
  color: #262626;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
  text-align: center;
}
footer .f_wrap .f_company .f_info {
  display: flex;
  justify-content: center;
  gap: 12px;
}
footer .f_wrap .f_company .f_info p {
  color: #262626;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}
footer .f_wrap .f_copy {
  color: #AAA;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}

@media (min-width: 2000px) and (max-width: 3840px) {
  footer .f_wrap {
    max-width: 1720px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .row_c {
    margin: 0 20px;
  }
  .mb_menu .mb_nav {
    display: block;
  }
  .mb_menu .mb_gnb {
    display: block;
  }
  header .header_wrap > nav {
    display: none;
  }
  header {
    height: 60.3px;
  }
  header .header_wrap {
    padding: 10px 20px;
    height: 60.3px;
  }
  /* 딤 */
  .mb_dim {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.68);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .mb_dim.active {
    opacity: 1;
    visibility: visible;
  }
  /* 메뉴 패널 */
  .mb_menu {
    display: block;
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    transition: 0.3s;
  }
  .mb_menu.active {
    right: 0;
  }
  /* 닫기 버튼 */
  .mb_close {
    width: 100%;
    height: 60px;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 20px;
  }
  .mb_close svg {
    width: 28px;
    height: 28px;
    display: block;
  }
  /* 리스트 초기화 */
  .mb_gnb,
  .depth2 {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .mb_gnb > li {
    border-bottom: 1px solid #d9d9d9;
  }
  /* 1차 메뉴 */
  .depth1 {
    position: relative;
    width: 100%;
    height: 44px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    color: #262626;
    text-align: left;
    cursor: pointer;
    z-index: 1;
  }
  .depth1 a {
    width: 100%;
  }
  .depth1 .icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
  }
  .depth1 .icon svg {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
  }
  .depth1 .icon .minus {
    opacity: 0;
  }
  .mb_gnb > li.active .plus {
    opacity: 0;
  }
  .mb_gnb > li.active .minus {
    opacity: 1;
  }
  a.depth1 {
    text-decoration: none;
  }
  /* 서브 없는 메뉴 */
  .no_depth {
    display: flex;
    align-items: center;
  }
  /* 2차 메뉴 */
  .depth2 {
    overflow: hidden;
    transition: height 0.3s ease;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  .depth2 .depth2_inner {
    padding: 10px 0;
    width: 100%;
  }
  .depth2 li {
    align-items: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
  .depth2 a {
    color: #898989;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.325px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
  }
  .mb_gnb > li {
    position: relative;
  }
  .mb_menu .mb_gnb li .depth1 span {
    color: #262626;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 21px */
    letter-spacing: -0.375px;
  }
  .mb_menu .mb_gnb li .depth2 li a {
    color: #898989;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.325px;
  }
  .mb_menu_btn {
    display: flex;
    width: 34px;
    height: 28px;
    padding: 4px;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    z-index: 10001;
  }
  .mb_menu_btn span {
    display: block;
    width: 26px;
    height: 2px;
    background: #fff;
    transition: 0.3s;
    transform-origin: center;
  }
  .mb_menu_btn.active {
    position: fixed;
    top: 16px;
    right: 20px;
  }
  .mb_menu_btn.active span {
    background: #262626;
  }
  .mb_menu_btn.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  .mb_menu_btn.active span:nth-child(2) {
    opacity: 0;
  }
  .mb_menu_btn.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
  header .header_wrap.state-on-hover .mb_menu_btn span {
    background: black;
  }
  header.scrolled {
    background: #fff;
  }
  header.scrolled .header_wrap {
    background: #fff;
  }
  header.scrolled .header_wrap h1 .logo_white {
    opacity: 0;
  }
  header.scrolled .header_wrap h1 .logo_color {
    opacity: 1;
  }
  header.scrolled .mb_menu_btn span {
    background: #262626;
  }
  /* 스크롤 막기 */
  body.mb_open {
    overflow: hidden;
  }
  footer .f_wrap {
    padding: 40px 0;
  }
  footer .f_wrap .f_copy {
    color: #AAA;
    text-align: center;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 18.2px */
    letter-spacing: -0.325px;
  }
  footer .f_wrap .f_company .f_info {
    flex-direction: column;
    gap: 0;
    align-items: center;
  }
}
.main_img img {
  width: 100%;
}

.visual {
  position: relative;
  height: 500px;
  align-self: stretch;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), url("../img/contact/main_img.jpg") lightgray 50%/cover no-repeat;
  background-blend-mode: multiply, normal;
}
.visual .inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
.visual .txt_box {
  position: absolute;
  left: 100px;
  bottom: 122px;
  color: #fff;
}
.visual .txt_box .sub_title {
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 39.2px */
  letter-spacing: -0.7px;
  background: linear-gradient(93deg, #E60012 10%, #2D33FF 75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin-bottom: 20px;
}
.visual .txt_box h2 {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 600;
}
.visual .bottom_area {
  position: absolute;
  width: 100%;
  height: 72px;
  left: 0px;
  bottom: 0px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 100px;
}
.visual .bottom_area .breadcrumb {
  display: flex;
  gap: 12px;
  font-size: 13px;
  align-items: center;
  height: 72px;
}
.visual .bottom_area .breadcrumb .home {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
}
.visual .bottom_area .breadcrumb .select_wrap {
  position: relative;
  width: 140px;
}
.visual .bottom_area .breadcrumb .select_wrap select {
  width: 100%;
  height: 32px;
  padding: 0 32px 0 0;
  background: transparent;
  border: none;
  color: white;
  outline: none;
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.45px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.visual .bottom_area .breadcrumb .select_wrap select:focus {
  color: white;
}
.visual .bottom_area .breadcrumb .select_wrap select option {
  color: black;
}
.visual .bottom_area .breadcrumb .select_wrap::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 10px;
  height: 7px;
  transform: translateY(-50%);
  z-index: 100;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/cover;
  background-blend-mode: multiply;
}
.visual .bottom_area .breadcrumb .lnb {
  padding: 0 20px;
  display: flex;
  justify-content: center;
}
.visual .bottom_area .breadcrumb .lnb a {
  display: block;
  padding: 23.5px 20px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.45px;
  opacity: 0.6;
  height: 72px;
}
.visual .bottom_area .breadcrumb .lnb a.active {
  position: relative;
  opacity: 1;
}
.visual .bottom_area .breadcrumb .lnb a.active::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0px;
}

.sub_content {
  margin: 150px 100px;
}

.lnb_select {
  display: none;
}

.mb {
  display: none;
}

@media (max-width: 768px) {
  .sub_content {
    margin: 50px 20px;
  }
  .mb {
    display: flex;
    width: 13px;
    height: 13px;
  }
  .visual .bottom_area .breadcrumb .lnb,
  .pc {
    display: none;
  }
  .visual .txt_box {
    left: 20px;
    bottom: 82px;
  }
  .visual .txt_box h2 {
    color: #FFF;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 28px */
    letter-spacing: -0.5px;
  }
  .visual .txt_box .sub_title {
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
    letter-spacing: -0.4px;
    width: 66px;
  }
  .visual .bottom_area {
    height: 52px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 20px;
  }
  .visual .bottom_area .breadcrumb {
    height: 52px;
    gap: 8px;
  }
  .visual .bottom_area .breadcrumb .select_wrap select {
    letter-spacing: -0.35px;
    font-size: 14px;
  }
  .lnb_select {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    padding-right: 18px;
  }
  .lnb_select select {
    width: 100%;
    height: 32px;
    padding: 0 64px 0 24px;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 19.6px */
    letter-spacing: -0.35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 0 0;
    appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }
  .lnb_select::after {
    content: "";
    position: absolute;
    right: 21px;
    top: 50%;
    width: 10px;
    height: 7px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
  }
  .lnb_select option {
    color: #000;
  }
}
.visual {
  position: relative;
  height: 500px;
  align-self: stretch;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), url("../img/products/main_img.jpg") lightgray 50%/cover no-repeat;
  background-blend-mode: multiply, normal;
  filter: brightness(0.9) contrast(1.2);
}

.sub_content {
  margin-bottom: 234px;
}
.sub_content .top_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 50px;
}
.sub_content .top_div .num_txt {
  display: flex;
  gap: 8px;
}
.sub_content .top_div .num_txt .text {
  color: #262626;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}
.sub_content .top_div .num_txt .number {
  color: #E60012;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}
.sub_content .top_div .sh_box {
  padding: 4px 0px;
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #262626;
  gap: 12px;
}
.sub_content .top_div .control {
  position: relative;
  flex: 0 0 110px;
  height: 100%;
}
.sub_content .top_div .control select {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 700;
  color: #262626;
  cursor: pointer;
}
.sub_content .top_div .control select option {
  color: #262626;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}
.sub_content .top_div .control::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 7px;
  transform: translateY(-50%);
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23262626' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.sub_content .top_div input {
  width: 356px;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0 24px;
  font-size: 16px;
  color: #262626;
}
.sub_content .top_div input::placeholder {
  color: #AAA;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.4px;
}
.sub_content .top_div .sh_icon {
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sub_content .top_div .sh_icon svg {
  display: block;
}
.sub_content article {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.sub_content article .box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sub_content article .box .group_title {
  color: #E60012;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 28px */
  letter-spacing: -0.5px;
  flex: 1 0 0;
  border-bottom: 2px solid #E60012;
}
.sub_content article .box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sub_content article .box ul li {
  box-sizing: border-box;
  flex: 0 0 24.1%;
}
.sub_content article .box ul li figure {
  display: flex;
  width: 415px;
  height: 480px;
  padding: 50px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #F5F5F5;
  border: 3px solid transparent;
}
.sub_content article .box ul li figure > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.sub_content article .box ul li figure:hover {
  border: 3px solid;
  /* 두께 설정 */
  border-image: linear-gradient(to bottom right, #E60012, #1D2088) 1;
  /* 블루 2컬러 그라디언트 */
}
.sub_content article .box ul li .name {
  display: flex;
  padding: 20px 0;
  flex-direction: column;
  gap: 8px;
  color: #262626;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: -0.6px;
}

@media (min-width: 2000px) and (max-width: 3840px) {
  /*    .sub_content {
      margin: 150px auto;
      max-width: 1720px;
  } */
  .row_c {
    max-width: 1720px;
    margin: 150px auto;
  }
}
@media (max-width: 768px) {
  .sub_content {
    margin-bottom: 50px;
  }
  .sub_content .top_div {
    flex-direction: column;
    align-items: start;
    gap: 10px;
    width: 100%;
  }
  .sub_content .top_div .sh_box {
    width: 100%;
  }
  .sub_content .top_div input {
    width: 0;
    flex: 1;
  }
  .sub_content article .box .group_title {
    color: #E60012;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.4px;
  }
  .sub_content article .box ul {
    flex-direction: column;
  }
  .sub_content article .box ul li .name {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .sub_content article .box ul li figure {
    width: 100%;
  }
}/*# sourceMappingURL=products1.css.map */