@charset "utf-8";
/* *******************************************************
 * filename : new.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2024-04-01
******************************************************** */

:root {
  --primary-color: #db1c21;
  --secondary-color: #291e98;
  --primary-button-color: #291e98;
  --primary-button-hover-color: #5938b7;
  --secondary-button-color: #111;
  --secondary-button-hover-color: #291e98;
  --disabled-button-color: #e1e1e1;
  --disabled-button-text-color: #989898;
  --point-button-color: #db1c21;
  --point-button-hover-color: #ed2928;
  --point-color: #1c0c81;
  --arrow-disabled: #e1e1e1;
  --line-color: #ddd;
  --input-line-color: #ccc;
  --line-color-dark: #333;
  --line-color-gray: #767676;
  --text-color: #626262;
  --text-color-light: #989898;
  --text-color-lightest: #e1e1e1;
  --text-color-darken: #111;
  --text-color-sub2: #8bf3f5;
  --error-color: #db1c21;
  --color-light-gray: #f7f7f7;

  --form-size-default: 200px;

  --bg-color-selected: #0075ff;
  --bg-color-hovered: #edf0f8;
  --bg-color-dark-gray: #898989;

  --color-placeholder-opacity: rgba(152, 152, 152, 0.5);
}

/* typography */
h2 {
  font-size: 54px;
  font-weight: 600;
}
h3 {
  font-size: 48px;
  font-weight: 600;
}
h4 {
  font-size: 36px;
  font-weight: 600;
}
h5 {
  font-size: 34px;
  font-weight: 600;
}
h6 {
  font-size: 30px;
  font-weight: 600;
}
.text-xxl {
  font-size: 28px !important;
  font-weight: 600 !important;
}
.text-xl {
  font-size: 24px !important;
}
.text-lg {
  font-size: 22px !important;
}
.text-md {
  font-size: 18px !important;
}
.text-rg {
  font-size: 16px !important;
}
.text-sm {
  font-size: 15px !important;
}
.text-xs {
  font-size: 14px !important;
}
.text-xxs {
  font-size: 13px !important;
}

strong,
.strong {
  font-weight: 600;
}
.text-normal {
  font-weight: 400;
}

.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}

#contentInfoCon .content-tit {
  font-weight: 600;
}
#contentInfoCon .content-tit.no-deco {
  margin-bottom: 0;
}
#contentInfoCon .content-tit.no-deco:after {
  display: none;
}

/* color */
.text-white {
  color: white !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.text-secondary {
  color: var(--secondary-color) !important;
}
.text-point {
  color: var(--point-color) !important;
}
.text-darken {
  color: var(--text-color-darken) !important;
}

.fill-primary {
  background-color: var(--primary-color) !important;
}
.fill-point {
  background-color: var(--point-color) !important;
}
.fill-darken {
  background-color: var(--text-color-darken) !important;
}

/* button */
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 28px;
  min-height: 42px;
  border-radius: 2px;
  background-color: var(--primary-button-color);
  color: white;
  font-size: 16px;
  white-space: nowrap;
  box-sizing: border-box;
}
.button:hover {
  background-color: var(--primary-button-hover-color);
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button.type-secondary {
  background-color: var(--secondary-button-color);
}
.button.type-secondary:hover {
  background-color: var(--secondary-button-hover-color);
}
.button.type-point {
  background-color: var(--point-button-color);
}
.button.type-point:hover {
  background-color: var(--point-button-hover-color);
}
.button .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.button:disabled,
.button.disabled {
  background-color: var(--disabled-button-color);
  color: var(--disabled-button-text-color);
  pointer-events: none;
}

.button.type-round {
  min-height: unset;
  padding: unset;
  border-radius: 100%;
}

.button.type-line {
  background-color: transparent;
  border: 1px solid white;
}

.button.fluid {
  width: 100%;
}

.button.size-sm {
  padding: 0 24px;
  min-height: 32px;
  font-size: 13px;
}
.button.size-lg {
  padding: 0 48px;
}
.button.size-xl {
  min-height: 66px;
  font-size: 24px;
  font-weight: 600;
  border-width: 2px;
}

.more-view {
  position: relative;
  width: 24px;
  height: 24px;
}
.more-view::before,
.more-view::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}
.more-view::before {
  width: 1px;
  height: 7px;
}
.more-view::after {
  width: 7px;
  height: 1px;
}

/* button-layout */
.button-layout {
  display: flex;
}
.button-layout.center {
  justify-content: center;
}
.button-layout.align-center {
  align-items: center;
}
.button-layout.bottom-buttons {
  justify-content: center;
  gap: 10px;
  margin-top: 32px;
}
.button-layout.bottom-buttons .button {
  width: 150px;
}
.button-layout.type-vertical {
  flex-direction: column;
}

/* 테이블 */
.table-wrapper + .table-wrapper {
  margin-top: 36px;
}
.table-wrapper:last-child {
  margin-bottom: 64px;
}

.table-title {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 10px;
  padding: 9px 0;
}
.table-title .title {
  font-size: 24px;
  color: var(--text-color-darken);
}

.table-wrapper .bbs-list-head span {
  padding: 19px 8px;
  background-color: transparent;
  font-weight: 400;
  color: var(--text-color-darken);
  box-sizing: border-box;
}
.table-wrapper .bbs-list-row .button {
  min-height: 32px;
}
.table-wrapper .bbs-list-row .column {
  padding: 22px 8px 21px;
  height: 76px;
  color: var(--text-color);
  box-sizing: border-box;
}
.table-wrapper .bbs-list-row .column .button {
  max-width: 100%;
  font-size: 13px;
}
.table-wrapper .bbs-subject-con .bbs-subject-txt {
  font-size: 16px;
}
.table-wrapper .bbs-subject-con .bbs-subject-icons {
  margin-top: -9px;
}

.table-wrapper.type-trend {
  margin-top: 60px;
}
.table-wrapper.type-trend .bbs-list-row:nth-child(odd) {
  background-color: var(--color-light-gray);
}

/* form */
table .ox {
  height: 38px;
  display: inline-flex;
  align-items: center;
}
.ox input[type="radio"] {
  display: none;
}
.ox label {
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  color: var(--text-color-light);
}
.ox label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid var(--line-color-gray);
}
.ox input[type="radio"] + label::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #333;
}
.ox input[type="radio"]:checked + label::after {
  display: block;
}

.ox-group {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* switch */
.switch {
  display: flex;
  align-items: center;
  height: 40px;
  border: 2px solid var(--secondary-color);
  background-color: var(--secondary-color);
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.switch input[type="radio"] {
  display: none;
}
.switch label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 0 12px;
  color: white;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 600;
}
.switch input[type="radio"]:checked + label {
  background-color: white;
  color: var(--secondary-color);
  font-weight: 600;
}

/* contact-dl */
.contact {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 16px;
  font-size: 16px;
}
.contact dt {
  color: var(--text-color-darken);
  font-weight: 400;
}

/* result-count */
.result-count {
  font-size: 16px;
  color: var(--text-color-darken);
}

/* helper */
.extra {
  flex-shrink: 0;
  margin-left: auto;
}
.split-container {
  display: flex;
}
.split-container.align-center {
  align-items: center;
}
.split-container > :first-child {
  flex-grow: 1;
}

.margin-top-xxl {
  margin-top: 60px !important;
}
.margin-center {
  margin-right: auto;
  margin-left: auto;
}

.gap-sm {
  gap: 4px !important;
}
.gap-md {
  gap: 8px !important;
}
.gap-rg {
  gap: 10px !important;
}
.gap-lg {
  gap: 12px !important;
}
.gap-xl {
  gap: 16px !important;
}

.paging a {
  color: var(--text-color-light);
  font-weight: 600;
}

/*****************************************************************************************************************/

/* header */
#gnb.each-menu > ul > li .gnb-2dep ul li .gnb-3dep {
  margin-top: 18px;
}
#gnb.each-menu > ul > li .gnb-2dep ul li .gnb-3dep li {
  position: relative;
  margin-top: 8px;
  padding: unset;
  padding-left: 17px;
  color: white;
  opacity: 0.6;
  transition: unset;
}
#gnb.each-menu > ul > li .gnb-2dep ul li .gnb-3dep li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 4.3px;
  height: 4.3px;
  border-radius: 1px;
  transform: translateY(-50%) rotateZ(-45deg);
  background-color: #fff;
}
#gnb.each-menu > ul > li .gnb-2dep ul li .gnb-3dep li:hover {
  opacity: 1;
}

/* sitemap */
#siteMapCon.footer-modal-content {
  max-width: 1088px;
}
#siteMapCon.footer-modal-content h1 {
  background-color: var(--secondary-color);
}
.sitemap-wrapper {
  padding: 30px 28px;
}
.sitemap-wrapper > ul > li .sitemap-2dep {
  padding-bottom: 0;
}
.sitemap-wrapper > ul > li > h2 {
  background-color: #dce4f9;
}
.sitemap-wrapper > ul > li > h2,
.sitemap-wrapper > ul > li .sitemap-2dep a em,
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep li a {
  font-weight: 600;
}
.sitemap-wrapper > ul > li .sitemap-2dep a {
  color: var(--text-color);
}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover {
  color: var(--text-color-darken);
}
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep {
  padding: 15px 20px;
  background-color: var(--color-light-gray);
}
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep li:not(:first-child) {
  margin-top: 12px;
}
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep li a {
  position: relative;
  padding: unset;
  padding-left: 10px;
  text-align: left;
}
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep li a::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
  font-weight: bold;
}
.sitemap-wrapper > ul > li .sitemap-2dep .gnb-3dep li a:hover {
  color: var(--primary-color);
}

.side-menu-inner .gnb-3dep {
  display: none;
}

/* main */
section {
  position: relative;
  width: 100%;
}
section.full-height {
  height: 100dvh;
}
.main-visual-items {
  position: relative;
  width: 100%;
  height: 100%;
}
.visual-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  color: #fff;
  opacity: 0;
  filter: Alpha(opacity=0);
  visibility: hidden;
  transition: opacity 2.5s cubic-bezier(0.23, 1, 0.32, 1),
    visibility 2.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.visual-item .item-bg {
  width: 100%;
  height: 100%;
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: transform 5000ms ease-in-out;
  -moz-transition: transform 5000ms ease-in-out;
  -o-transition: transform 5000ms ease-in-out;
  -ms-transition: transform 5000ms ease-in-out;
  transition: transform 3000ms ease-in-out;
  background: #fff url() no-repeat 50% 50% / cover;
}
.visual-item .bg1 {
  background-image: url("/images/main/main_visual_01.jpg");
}
.visual-item .bg2 {
  background-image: url("/images/main/main_visual_02.jpg");
}
.visual-item .bg3 {
  background-image: url("/images/main/main_visual_03.jpg");
}
.visual-item .bg4 {
  background-image: url("/images/main/main_visual_04.jpg");
}
.visual-item .bg5 {
  background-image: url("/images/main/main_visual_05.jpg");
}

.visual-item .text-wrap {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 15px);
}
.visual-item .deco-icon,
.visual-item .sub-title,
.visual-item h3,
.visual-item .desc,
.visual-item .line,
.visual-item .video-btn {
  opacity: 0;
  filter: Alpha(opacity=0);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: opacity 0.5s, transform 1s;
  -moz-transition: opacity 0.5s, transform 1s;
  -o-transition: opacity 0.5s, transform 1s;
  -ms-transition: opacity 0.5s, transform 1s;
  transition: opacity 0.5s, transform 1.3s;
}

.visual-item .deco-icon {
  display: inline-block;
  margin-bottom: 30px;
}
.visual-item .sub-title {
  font-size: 24px;
  margin-bottom: 14px;
}
.visual-item h3 {
  margin-bottom: 14px;
}
.visual-item .desc {
  font-size: 18px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  line-height: 1.5;
  word-break: keep-all;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.visual-item .line {
  display: inline-block;
  width: 3px;
  height: 35px;
  margin-bottom: 24px;
  background-color: #fff;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.7s;
}

.visual-item .video-btn {
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  -ms-transition-delay: 0.7s;
  transition-delay: 1s;
}

.visual-item .video-btn a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: white;
  font-size: 16px;
}

.visual-item.active {
  opacity: 1;
  filter: Alpha(opacity=100);
  visibility: visible;
}
.visual-item.active .item-bg {
  opacity: 1;
  filter: Alpha(opacity=100);
  visibility: visible;
  z-index: 3;
  -ms-transform: scale(1, 1) rotate(0.002deg);
  -o-transform: scale(1, 1) rotate(0.002deg);
  -moz-transform: scale(1, 1) rotate(0.002deg);
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
  opacity: 1;
  filter: Alpha(opacity=100);
  visibility: visible;
}

.visual-item.active .deco-icon,
.visual-item.active .sub-title,
.visual-item.active h3,
.visual-item.active .desc,
.visual-item.active .line,
.visual-item.active .video-btn {
  opacity: 1;
  filter: Alpha(opacity=100);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.side-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 14%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1112px;
  box-sizing: border-box;
}
.side-menu-item {
  position: relative;
  flex: 1 1 23.7%;
  max-width: 263px;
  padding-top: 13.4%;
  max-height: 149px;
  background: url() no-repeat 50% 50%;
  overflow: hidden;
}
.side-menu-item .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.side-menu-item .item-bg img {
  width: 100%;
  height: 100%;
}
.side-menu-item p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

/* 사이드 컨텐츠 :: 이미지 확대  */
/* @media all and (min-width:800px){
	.side-menu-item .item-bg img {
		-ms-transform: scale(1.0,1.0) rotate(0.002deg);
		-o-transform: scale(1.0,1.0) rotate(0.002deg);
		-moz-transform: scale(1.0,1.0) rotate(0.002deg);
		-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
	}
  .side-menu-item:hover .item-bg img {
		-ms-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1); 
		-moz-transform: scale(1.1,1.1); 
		-webkit-transform: scale(1.1,1.1); 
    transform: scale(1.1,1.1);
		-webkit-transition:transform 800ms  ease-in-out ;
		-moz-transition:transform 800ms ease-in-out ;
		-o-transition:transform 800ms ease-in-out ;
		-ms-transition:transform 800ms ease-in-out ;
		transition:transform 800ms ease-in-out ;	
	}
} */

.main-search-wrap {
  bottom: 2px;
}
.main-search-box {
  display: flex;
  align-items: center;
  gap: 3px;
  max-width: 1112px;
}
.main-search-box .main-search-select {
  flex: 1 1;
  max-width: 270px;
  box-sizing: border-box;
  border: 1px solid var(--line-color);
}
.main-search-box input {
  color: var(--text-color);
  flex: 1 1;
  max-width: 100%;
  border: 1px solid var(--line-color);
}
.main-search-box button {
  flex: 1 1;
  max-width: 193px;
}
.main-search-box .main-search-select > a span em {
  color: var(--text-color);
}

#mainAbout .about-con .tit-txt {
  color: inherit;
  line-height: 1.5;
}
#mainAbout .notice-con .notice-item {
  padding: 30px 36px 30px 20px;
}
#mainAbout .notice-con .notice-item .notice-subject {
  color: var(--text-color-darken);
}
#mainAbout .notice-con .notice-item .notice-date {
  color: var(--text-color);
}
#mainAbout .about-con .detail-btn span {
  font-size: 18px;
  padding-bottom: 8px;
  font-weight: 600;
  color: var(--text-color-darken);
  border-color: var(--primary-color);
}

.about-slides {
  display: flex;
  justify-content: center;
  margin-top: 134px;
}
.autoplay-slider {
  flex: 1 1 50%;
  position: relative;
  padding-bottom: 30px;
  max-width: 50%;
}
.autoplay-slider .slider {
  display: flex;
  align-items: center;
  gap: 10px;
}
.autoplay-slider .item {
  flex-grow: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 300px;
  overflow: hidden;
}
.autoplay-slider .item img {
  width: 100%;
  height: 100%;
}
.autoplay-slider .slick-arrow {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.autoplay-slider .material-icons {
  font-size: 40px;
  color: var(--arrow-disabled);
}
.autoplay-slider .material-icons:hover {
  color: var(--primary-color);
}
.autoplay-slider .controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
}
.autoplay-slider .progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  margin-top: -2px;
}
.autoplay-slider .progress li {
  width: 70px;
  height: 5px;
  line-height: 0;
}
.autoplay-slider .progress li button {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
.autoplay-slider .progress li button .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: var(--primary-color);
}
.autoplay-slider .player {
  width: 20px;
  height: 20px;
}
.autoplay-slider .player:hover .material-icons {
  color: var(--primary-color);
}
.autoplay-slider .player .material-icons {
  display: none;
  color: #989898;
  font-size: 20px;
}
.autoplay-slider .player.play .play {
  display: block;
}
.autoplay-slider .player.pause .pause {
  display: block;
}
.total-results-wrap {
  width: 100%;
  padding: 28px 0 40px;
  background-color: var(--color-light-gray);
}
.total-results {
  margin-bottom: 20px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line-color);
  font-weight: 600;
}

#mainGlobalCon .global-con .global-tit span {
  color: var(--text-color);
}

/* 메인 문의하기 */
.main-inquiry {
  display: flex;
  gap: 70px;
  margin-top: 32px;
  color: white;
}
.main-inquiry .inquiry-wrapper {
  flex: 1 1;
  max-width: 680px;
}
.main-inquiry .inquiry-wrapper .extra-info {
  margin-top: 20px;
}

.main-inquiry .agreement-wrapper {
  flex: 1 1;
  max-width: 750px;
}
.main-inquiry .forms {
  padding-right: 32px;
}

.main-inquiry .forms {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.main-inquiry .forms.required label::after {
  content: "*";
  font-size: 16px;
  color: var(--text-color-sub2);
}

.main-inquiry .forms label {
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  width: 70px;
  margin-right: 15px;
  font-size: 16px;
  font-weight: 600;
  color: white;
}

.main-inquiry-cn .main-inquiry .extra-info .forms label,
.main-inquiry-en .main-inquiry .extra-info .forms label {
  width: 102px;
}

.main-inquiry .forms i {
  display: inline-block;
  font-size: 24px;
  color: white;
  margin-right: 15px;
}
.main-inquiry .forms input,
.main-inquiry .forms select {
  flex: 1 1;
  background-color: transparent;
  border: 0;
  height: 38px;
  padding: 6px 0;
  font-size: 16px;
  color: white;
  box-sizing: border-box;
}
.main-inquiry .forms select option {
  color: var(--text-color);
}
.main-inquiry .forms input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  letter-spacing: -0.5px;
}
.main-inquiry .forms input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  letter-spacing: -0.5px;
}
.main-inquiry .forms input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  letter-spacing: -0.5px;
}

.main-inquiry .forms fieldset {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.main-inquiry .forms fieldset em {
  font-size: 15px;
  font-weight: 500;
  color: white;
}
.main-inquiry .forms fieldset input,
.main-inquiry .forms fieldset select {
  flex: 0 1;
  max-width: 150px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.4);
}

.main-inquiry .forms fieldset select {
  flex: 1 1;
  max-width: 200px;
}

.main-inquiry .forms.flag-error fieldset input,
.main-inquiry .forms.flag-error fieldset select {
  border-color: var(--error-color);
  color: rgba(219, 28, 33, 0.5);
}

.form-group {
  display: flex;
  gap: 16px;
}
.form-group > .forms {
  flex: 1 1 auto;
}

.main-inquiry .agreement-tit-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-inquiry .ox input[type="checkbox"] {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.main-inquiry .ox label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  position: relative;
  padding: unset;
  font-size: 16px;
  font-weight: 600;
  color: white;
  opacity: 0.7;
}
.main-inquiry .ox label::before,
.main-inquiry .ox label::after {
  display: none;
}
.main-inquiry .ox input[type="checkbox"]:checked + label {
  color: #21c4cc;
  opacity: 1;
}
.main-inquiry .text-area {
  margin-top: 20px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.33);
  border: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-border-radius: ;
  -moz-border-radius: ;
  -o-border-radius: ;
  border-radius: 10px;
  width: 100%;
  height: 278px;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.main-inquiry .text-area .main-textarea-txt {
  position: absolute;
  top: 24px;
  left: 24px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.75px;
  z-index: 0;
}
.main-inquiry .text-area .main-textarea-txt i {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 6px;
}
.main-inquiry .text-area .main-textarea-txt span {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.75);
  margin-left: 7px;
}
.main-inquiry .text-area textarea:focus + .main-textarea-txt,
.main-inquiry .text-area textarea:placeholder-shown + .main-textarea-txt {
  display: none;
}
.main-inquiry .text-area textarea {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: transparent;
  border: 0;
  resize: none;
}
.main-inquiry .contact {
  margin-top: 12px;
  color: white;
}
.main-inquiry .contact dt {
  color: white;
  font-weight: 600;
}
.main-inquiry .contact dd a {
  color: white;
}
.main-inquiry .main-form-btn {
  margin-top: 30px;
}
.main-inquiry .main-form-btn:hover {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* 문의 팝업 */
.inquiry-popup {
  overflow-y: auto;
}
.inquiry-popup .modal-inner-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 60px;
  background-color: var(--secondary-color);
}
.inquiry-popup .modal-title {
  font-weight: 600;
  font-size: 22px;
  color: white;
}
.inquiry-popup .modal-close-btn {
  top: 50%;
  transform: translateY(-50%);
}
.inquiry-popup .modal-fixed-pop-inner {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1088px;
  height: unset;
  background-color: white;
}
.inquiry-popup .modal-inner-content {
  height: 640px;
  padding: 30px 28px 36px;
  overflow-y: auto;
  box-sizing: border-box;
}
.inquiry-popup .agree-tit {
  font-weight: 600;
}
.inquiry-popup .bbs-write-tbl td {
  padding-right: 114px;
}
.inquiry-popup .bbs-write-tbl td.size-full {
  padding-right: 8px;
}

/* .inquiry-popup .inquiry-form td{padding-right: 10px;}
.inquiry-popup .inquiry-form .input.fluid{max-width: 650px;} */

/* 문의 하기 폼 */
/* .inquiry-form th{color: var(--text-color-darken);}
.inquiry-form td{padding-right: 86px;}
.inquiry-form .inquiry-essential-txt{font-size: 14px; color: var(--text-color-darken)} */

/* .input, .select{width: 100%; max-width: var(--form-size-default); height: 38px; background-color: #fff; border: 1px solid var(--input-line-color); font-size: 14px; color: var(--text-color-light); vertical-align: middle; box-sizing: border-box;}
.input.fluid{max-width: unset;}
.input.hight-sm{height: 32px;} */

/* fieldset{display: flex; align-items: center; gap: 4px;}
fieldset.fieldset-email .select{max-width: calc(var(--form-size-default) + 15px);}
fieldset em{margin-left: 5.5px; margin-right: 2.5px; font-weight: 600; letter-spacing: 1.5px; text-align: center;} */

/* ******************   게시판 :: 쓰기, 문의폼  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 작성영역 */

.bbs-write-tbl {
  width: 100%;
  border-top: 1px solid #333;
}
.bbs-write-tbl th,
.bbs-write-tbl td {
  padding: 8px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.bbs-write-tbl th {
  padding-top: 18px;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  color: var(--text-color-darken);
}
.bbs-write-tbl td {
  padding-right: 6.9%;
}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea {
  height: 38px;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  font-size: 14px;
  vertical-align: middle;
  border: 1px solid var(--input-line-color);
  color: var(--text-color-light);
  box-sizing: border-box;
}
.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select {
  width: 100%;
  max-width: 200px;
}
.bbs-write-tbl .email-fieldset .write-select {
  margin-left: 4px;
  max-width: 215px;
}
.bbs-write-tbl .write-input:focus {
  border-color: #333;
}
.bbs-write-tbl .write-input {
  text-indent: 10px;
}
.bbs-write-tbl .write-select {
  height: 38px;
}
.bbs-write-tbl .write-textarea {
  width: 100%;
  height: 200px;
  resize: none;
  padding: 16px;
}
.bbs-write-tbl .write-textarea::placeholder {
  color: var(--color-placeholder-opacity);
}
.bbs-write-tbl td input[type="file"] {
  height: auto;
  padding: 10px 0;
  text-indent: 0;
  border: 0;
}
.bbs-write-tbl td .write-sub-txt {
  color: #888;
  margin-left: 10px;
  font-size: 11px;
  color: #aaa;
  font-family: "돋움", dotum, sans-serif;
  letter-spacing: -0.5px;
}
.bbs-write-tbl td .write-sub-txt2 {
  display: block;
  color: #888;
  margin-top: 5px;
  font-size: 11px;
  color: #aaa;
  font-family: "돋움", dotum, sans-serif;
  letter-spacing: -0.5px;
}
.bbs-write-tbl .hypen {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  text-align: center;
  color: var(--text-color);
  font-weight: 600;
}
/* .bbs-write-tbl .email-fieldset .hypen{margin: 0;} */
.bbs-write-tbl fieldset {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bbs-write-tbl fieldset .write-input {
  flex: 1 1;
}

.bbs-write-tbl .write-input.width-full,
.bbs-write-tbl .write-select.width-full {
  max-width: 100%;
}

/* 게시판 :: 쓰기, 문의폼 :: 기타 */
.bbs-write-tbl .input-check {
  padding: 10px 0;
}
.bbs-write-tbl .input-check span {
  margin-right: 30px;
}
.bbs-write-tbl .input-check span label {
  vertical-align: middle;
  font-size: 14px;
}
.address-fieldset .write-input {
  margin-top: 6px;
}
.address-fieldset .write-input:first-child {
  margin-top: 0;
}
.bbs-write-tbl .address-btn {
  display: inline-block;
  min-width: 114px;
  padding: 0 10px;
  height: 38px;
  border: 1px solid #464646;
  vertical-align: middle;
  text-align: center;
  color: #464646;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}
.bbs-write-tbl .address-btn:hover {
  background-color: #464646;
  color: #fff;
}

.bbs-inquiry-agree-con .agree-txt {
  color: var(--text-color-light);
}
.bbs-inquiry-agree-con .agree-txt input {
  border-color: var(--line-color-gray);
}

.essential-icon {
  display: inline-block;
  margin-right: 4px;
}

/* product search - tab */
.tabs {
  display: flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto 60px;
  box-sizing: border-box;
}
.tabs .tab {
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-height: 60px;
  padding: 20px 16px;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color-light);
  white-space: nowrap;
  border-bottom: 1px solid var(--line-color-dark);
}
.tabs .tab:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 28px;
  transform: translateY(-50%);
  background-color: var(--line-color);
}
.tabs .tab:hover,
.tabs .tab.active {
  background-color: var(--secondary-color);
  color: white;
}
.tabs .tab:hover::before,
.tabs .tab.active::before {
  display: none;
}
.tabs .tab.active + .tab::before,
.tabs .tab:hover + .tab::before {
  display: none;
}

/* product search - replacement-search-box */

.replacement-search-box {
  display: flex;
  gap: 3px;
  position: relative;
  max-width: 1112px;
  width: 100%;
  margin: 56px auto 0;
  height: 80px;
}
.replacement-search-box .replacement-search-select {
  flex: 1 0 24.108%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid var(--line-color);
  background: #fff url("/images/icon/main_search_select_icon.png") 90% 50%
    no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.replacement-search-box .replacement-search-select.open-icon {
  background: #fff url("/images/icon/main_search_select_open_icon.png") 90% 50%
    no-repeat;
}
.replacement-search-box .replacement-search-select > a {
  position: relative;
  display: block;
  padding: 0 40px 0 30px;
  height: 100%;
}
.replacement-search-box .replacement-search-select > a span {
  display: table;
  width: 100%;
  height: 100%;
}
.replacement-search-box .replacement-search-select > a span em {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: -0.75px;
  color: var(--text-color);
  word-break: keep-all;
}
.replacement-search-box .replacement-search-select .replacement-select-con {
  display: none;
  position: absolute;
  z-index: 3;
  width: 100%;
  border: 1px solid var(--line-color);
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.replacement-search-box
  .replacement-search-select
  .replacement-select-con
  li
  a {
  display: block;
  width: 100%;
  padding: 30px 25px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.replacement-search-box
  .replacement-search-select
  .replacement-select-con
  li
  a
  span {
  font-size: 16px;
  letter-spacing: -0.75px;
  color: var(--text-color);
}
.replacement-search-box
  .replacement-search-select
  .replacement-select-con
  li
  a:hover {
  background-color: #edf0f8;
  -webkit-transition: all s;
  -moz-transition: all s;
  -o-transition: all s;
  transition: all 0.3s;
}

.replacement-search-box input {
  flex: 1 1 100%;
  height: 100%;
  border: 1px solid var(--line-color);
  font-size: 16px;
  letter-spacing: -0.75px;
  color: var(--text-color);
  padding: 30px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.replacement-search-box button {
  flex: 1 0 17.233%;
  height: 100%;
  background: linear-gradient(153deg, #b80007, #ff2429);
}

/* 메모리 대치품 검색 - search-results */
.search-results-header {
  display: flex;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid var(--line-color);
}
.search-results-header.type-category {
  border-bottom: none;
}
.search-results-header.type-category p {
  font-size: 22px;
}
.search-results-header > :first-child {
  flex-grow: 1;
}
.search-results-header p {
  font-size: 16px;
  color: var(--text-color-darken);
}

/* product search - no-result-box */
.no-result-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 28px;
  padding: 62px 0;
  background-color: var(--color-light-gray);
}
.no-result-box p {
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  color: black;
  line-height: 1.4;
}
.no-result-box .button {
  width: 150px;
  margin-top: 40px;
}

/* 대치품 검색 리스트 */
.search-utility {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 16px;
}
.search-utility .search-box {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.search-utility .search-box .input {
  max-width: 260px;
  height: 40px;
}
.search-utility .search-box .search-button {
  margin: 0px;
  border: 0;
  min-width: 40px;
  padding: 0 5px;
  height: 40px;
  margin-left: -4px;
  margin-right: 16px;
  background: #333;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
  font-size: 14px;
}
.search-utility .search-box .search-button i {
  line-height: 40px;
}
.search-utility .search-box .result-count {
  font-weight: 400;
}
.search-utility .switch-box {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search-utility .switch-box p {
  font-size: 16px;
  color: var(--text-color-darken);
}

/* search-filters */
.search-filters {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 28px;
  padding: 20px;
  border: 1px solid var(--line-color-gray);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.16);
  overflow-x: scroll;
}
.filter {
  flex-shrink: 0;
  width: 220px;
  border: 1px solid var(--input-line-color);
}
.filter .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-color-darken);
  border-bottom: 1px solid var(--input-line-color);
}
.filter .filter-header .button-reset {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--text-color-light);
}
.filter .filter-header .button-reset:hover {
  color: var(--text-color-darken);
}
.filter .filter-body .input-box {
  padding: 8px;
}
.filter .filter-body .input-box input {
  width: 100%;
}
.checkable-items {
  width: 100%;
  height: 250px;
  overflow-y: auto;
}
.checkable-item input[type="checkbox"] {
  display: none;
}
.checkable-item label {
  display: inline-block;
  width: 100%;
  padding: 4px 12px;
  box-sizing: border-box;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkable-item label:hover {
  background-color: var(--bg-color-hovered);
  color: var(--text-color);
}
.checkable-item input[type="checkbox"]:checked + label {
  background-color: var(--bg-color-selected);
  color: white;
}
.checkable-item input[type="checkbox"]:disabled + label {
  color: var(--text-color-lightest);
  pointer-events: none;
}

/* filter-options */
.filter-options {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 60px;
}
.filter-options .options {
  display: flex;
}
.filter-options .option {
  width: 160px;
  padding: 0 10px 12px;
  border-right: 1px solid var(--line-color);
}
.filter-options .option:last-child {
  border-right: none;
}
.filter-options .option dt {
  margin-bottom: 17px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color-darken);
}
.filter-options .option dd {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
}
.filter-options .option dd label {
  font-size: 15px;
  color: var(--text-color-light);
}
.filter-options .button {
  width: 150px;
  margin-right: 16px;
}

/* replacement-table-wrap */
.replacement-table-wrap .result-count {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.replacement-table-wrap .result-count em {
  margin: 0 5px;
}
.replacement-table-wrap .result-count strong {
  margin-right: 16px;
}
.replacement-table-wrap .result-count .input {
  width: 160px;
  height: 40px;
  border: 1px solid var(--input-line-color);
  box-sizing: border-box;
}
.replacement-table-wrap .result-count .input::placeholder {
  color: var(--text-color-light);
}
.replacement-table-wrap .paging {
  margin: 0;
  text-align: left;
}
.search-results-body .button {
  width: 100px;
}
.replacement-table .button-layout {
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.replacement-table-header {
  display: flex;
  align-items: center;
}
.replacement-table-footer {
  margin-top: 12px;
}
.replacement-table-footer .button {
  margin-top: 12px;
}
.view-select {
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color-darken);
}

/* replacement-table */
.replacement-table {
  margin-top: 12px;
  overflow-x: auto;
}
.replacement-table th,
.replacement-table td,
.replacement-table tr {
  box-sizing: border-box;
}
.replacement-table table {
  min-width: 100%;
  box-sizing: border-box;
}
.replacement-table tr:hover td {
  background-color: #edf0f8;
}
.replacement-table th {
  min-width: 150px;
}
.replacement-table .check {
  min-width: 30px;
}
.replacement-table .title {
  min-width: 300px;
}
.replacement-table thead {
  background-color: var(--bg-color-dark-gray);
}
.replacement-table thead tr:not(:last-child) {
  border-bottom: 1px solid #cfcfcf;
}
/* .replacement-table thead td{text-align: center; vertical-align: middle; border-right: 1px solid var(--line-color);} */
.replacement-table tbody tr {
  border-bottom: 1px solid var(--line-color);
  border-left: 1px solid var(--line-color);
}
.replacement-table thead th {
  height: 56px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  border-right: 1px solid #cfcfcf;
  color: white;
}
.replacement-table thead th:first-child {
  border-left: 1px solid var(--bg-color-dark-gray);
}
.replacement-table thead th:last-child {
  border-right: 1px solid var(--bg-color-dark-gray);
}
.replacement-table tbody td {
  height: 56px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid var(--line-color);
  word-break: break-all;
  box-sizing: border-box;
}
.replacement-table .product-info {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 560px;
}
.replacement-table .product-info .img-box {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  overflow: hidden;
  background: url("/images/content/no-img.svg");
  background-size: contain;
  line-height: 0;
}
.replacement-table .product-info .text-wrap {
  position: relative;
  padding-right: 34px;
}
.replacement-table td p {
  margin-top: 8px;
}
.replacement-table .product-info .delete-button {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -6px;
  right: 0px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--disabled-button-color);
}
.replacement-table .product-info .delete-button i {
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

.replacement-table tr.current-result {
  background-color: #f7f7f7;
  border-bottom-color: var(--text-color-darken);
}
.replacement-table tr.current-result .product-info strong {
  color: var(--primary-color);
}

.replacement-table.type-detail th {
  width: 138px;
  background-color: var(--bg-color-dark-gray);
  text-align: left;
  border-bottom: 1px solid #cfcfcf;
  box-sizing: border-box;
  color: white;
}
.replacement-table.type-detail tr:last-child th {
  border-color: var(--bg-color-dark-gray);
}
.replacement-table.type-detail tr:first-child th {
  border-top: 1px solid var(--bg-color-dark-gray);
}
.replacement-table.type-detail tr:first-child td {
  border-top: 1px solid var(--line-color);
}
.replacement-table.type-detail th,
.replacement-table.type-detail td {
  height: unset;
  padding: 16px;
}
.replacement-table.type-detail tr {
  border: none;
}
.replacement-table.type-detail td {
  width: 170px;
  border-bottom: 1px solid var(--line-color);
  box-sizing: border-box;
}
.replacement-table.type-detail .product-info {
  position: relative;
  display: inline-block;
  padding-right: 0;
}
.replacement-table.type-detail .product-info img {
  width: 100%;
}
.replacement-table.type-detail .product-info .delete-button {
  right: -10px;
  transform: translateX(100%);
}

.replacement-table.type-info {
  margin-top: 0;
}
.replacement-table.type-info th {
  background-color: var(--bg-color-dark-gray);
  text-align: left;
  border-bottom: 1px solid #cfcfcf;
  box-sizing: border-box;
  color: white;
}
.replacement-table.type-info tr:last-child th {
  border-color: var(--bg-color-dark-gray);
}
.replacement-table.type-info tr:first-child th {
  border-top: 1px solid var(--bg-color-dark-gray);
}
.replacement-table.type-info tr:first-child td {
  border-top: 1px solid var(--line-color);
}
.replacement-table.type-info th,
.replacement-table.type-info td {
  height: 50px;
  padding: 16px;
  font-size: 14px;
  text-align: left;
}
.replacement-table.type-info td a {
  color: var(--point-color);
  text-decoration: underline;
  font-weight: 700;
}

.added-box {
  width: 100%;
  padding: 28px 20px 32px;
  background-color: var(--color-light-gray);
  line-height: 1.5;
  box-sizing: border-box;
}
.added-box .box-header {
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-size: 18px;
  border-bottom: 1px solid #333;
  color: var(--text-color-darken);
}

.search-detail-header {
  display: flex;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid var(--line-color-dark);
  color: var(--text-color-darken);
}
.replacement-table.type-detail {
  margin-top: 28px;
}
.replacement-table.type-detail + .replacement-table-footer {
  margin-top: 32px;
}
.replacement-table.type-detail + .replacement-table-footer .button {
  margin-top: 0;
}

/* datasheet_category */
.category-matched {
  display: flex;
  align-items: center;
  margin-top: 16px;
  padding: 40px;
  border: 1px solid var(--line-color);
}
.category-matched img {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.category-matched .text-wrap {
  margin-left: 32px;
}
.category-matched .tit {
  font-size: 22px;
  color: var(--text-color-darken);
}
.category-matched .info-wrap {
  margin-top: 16px;
  font-size: 16px;
}
.category-matched .price {
  margin-top: 8px;
}

.category-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* grid-template-rows: repeat(3, 1fr); */
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 16px;
}
.category-list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  /* width: 197px; */
  min-height: 200px;
  padding: 20px;
  border: 1px solid var(--line-color);
  box-sizing: border-box;
  line-height: 1.2;
}
.category-list .item:hover {
  border-color: var(--text-color-darken);
}
.category-list .item img {
  max-width: 80px;
}
.category-list .tit {
  font-size: 18px;
  color: var(--text-color-darken);
  text-align: center;
}
.category-list .info-wrap {
  margin-top: 8px;
  text-align: center;
  line-height: 1.5;
}

/* datasheet_detail */
.replacement-detail {
  padding: 48px;
  border-top: 1px solid var(--line-color-dark);
  border-bottom: 1px solid var(--line-color-dark);
  box-sizing: border-box;
}
.replacement-detail .info-wrapper {
  display: flex;
  gap: 36px;
}
.replacement-detail img {
  max-width: 100px;
  max-height: 100px;
}
.replacement-detail .info-list dl {
  display: flex;
  align-items: center;
}
.replacement-detail .info-list dl:not(:first-child) {
  margin-top: 4px;
}
.replacement-detail .info-list dl dt {
  position: relative;
  width: 184px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-color-darken);
}
.replacement-detail .info-list dl dt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: var(--line-color);
}
.replacement-detail .info-list dl dd {
  margin-left: 20px;
  font-size: 16px;
  line-height: 38px;
}
.replacement-detail .info-list dl dd a {
  font-weight: 700;
  color: var(--point-color);
  text-decoration: underline;
}
.replacement-detail .info-list dl dd .icon {
  margin-right: 12px;
}
.replacement-detail .info-list dl dd input {
  width: 300px;
  height: 38px;
  border: 1px solid var(--input-line-color);
}
.replacement-detail .hr {
  margin-top: 36px;
  margin-bottom: 36px;
  color: var(--line-color);
}
.replacement-detail .replacement-table table {
  width: 100%;
  table-layout: auto;
}
.replacement-detail-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.replacement-detail-buttons .button {
  width: 120px;
}

/* 회사소개 */
.summary-top-box .top-bg {
  background: url("") no-repeat center/cover;
}
.summary-top-box .top-blue-box {
  padding-left: 0px;
  top: 50px;
  left: 50px;
  width: 406px;
  height: 548px;
}
.summary-top-box .top-blue-box .inner {
  padding: 60px 11px 72px 36px;
}
.summary-top-box .top-blue-box .inner:before {
  width: 11px;
  height: 121px;
}
.summary-top-box .top-blue-box .inner .top-tit-kr {
  margin-top: 48px;
  font-size: 45px;
  line-height: 52px;
}
.summary-top-box .top-blue-box .inner .top-tit-txt {
  margin-top: 48px;
  line-height: 32px;
  opacity: 0.6;
}
.summary-top-box .top-txt-box .txt {
  font-size: 18px;
  color: var(--text-color-darken);
}

.summary-con .summary-con-tit {
  font-weight: 600;
}
.summary-con-list dl dd .txt-box .txt {
  display: flex;
  margin-top: 8px;
  padding-left: 0;
  color: white;
  line-height: 32px;
}
.summary-con-list dl dd .txt-box .txt:first-child {
  margin-top: 14px;
}
.summary-con-list dl dd .txt-box.is-icon .txt {
  /* padding-left: 32px; */
}
.summary-con-list dl dd .txt-box.is-icon .txt i {
  font-size: 20px;
  top: 5px;
  color: var(--bg-color-dark-gray);
}
.summary-con-list dl dd .txt-box .txt i {
  position: static;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}

/* CEO 인사말 */
.ceo-page .area {
  max-width: 1320px;
}
.ceo-page .greeting-wrap {
  display: flex;
  gap: 140px;
}
.ceo-page .ceo-img-con {
  flex: 1 1;
  float: none;
  width: auto;
  max-width: 480px;
}
/* .ceo-page .ceo-img-con img{max-width: unset;} */
.ceo-page .ceo-txt-con {
  flex: 1 1;
  float: none;
  width: auto;
  padding-left: 0;
  padding: 32px 0;
  text-align: left;
}
.ceo-page .ceo-txt-con .tit-box {
  padding: 0 0 64px;
}
.ceo-page .ceo-txt-con .tit-box .tit-kor {
  margin-top: 20px;
}
.ceo-page .ceo-txt-con .txt-box {
  padding-top: 52px;
}
.ceo-page .ceo-txt-con .txt-box .txt {
  font-size: 18px;
  color: var(--text-color-darken);
  font-weight: 400;
}
.ceo-page .ceo-txt-con .sign-box {
  padding-top: 52px;
}
.ceo-page .ceo-txt-con .sign-box .sign-txt {
  color: var(--text-color-darken);
  text-align: right;
  font-weight: 400;
  font-size: 22px;
}

.ceo-page .company-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 60px;
}
.ceo-page .company-info li {
  display: flex;
  align-items: center;
  gap: 36px;
  position: relative;
  width: 100%;
  padding: 20px 36px;
  color: var(--text-color-darken);
  border: 1px solid var(--line-color);
  box-sizing: border-box;
}
.ceo-page .company-info li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 80px;
  background-color: var(--primary-color);
}
.ceo-page .company-info li .title {
  font-size: 22px;
  font-weight: 600;
}
.ceo-page .company-info li .desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.75;
}

/* industrial > innodisk */
.industrial-top .summary-top-box {
  display: flex;
  gap: 80px;
}
.industrial-top .summary-top-box .top-blue-box {
  flex: 1 1;
  position: static;
  max-width: 341px;
  height: 569px;
}
.industrial-top .summary-top-box .top-blue-box .inner {
  padding: 0;
  background-image: url("/data/bbsData/img-innodisk.png");
  background-repeat: no-repeat;
  background-position: -401px -124px;
}
.industrial-top .summary-top-box .top-txt-box {
  flex: 1 1;
  padding: 0;
  padding-right: 60px;
}
.industrial-top .summary-top-box .top-txt-box .txt {
  padding: 0;
  text-align: left;
}

/* apex connector */
.industrial-top .summary-plt {
  max-width: 730px;
  margin: 55px auto 0;
  font-size: 17px;
  line-height: 2;
  color: var(--text-color-darken);
  font-weight: 500;
}

.industrial-top .summary-plt.en {
  text-align: left;
}

.prd-sub-con .desc {
  margin-bottom: 44px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 2;
  color: var(--text-color-light);
}

.industrial-prd-con .prd-sub-con .prd-list.connector li .inner {
  padding: 0;
  border: none;
}

.advantages-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.advantages-list .item {
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 32px 24px 32px 36px;
  border: 1px solid var(--line-color);
  background-color: var(--color-light-gray);
}
.advantages-list .item img {
  flex-shrink: 0;
}
.advantages-list .item .text-wrap {
  width: 100%;
}
.advantages-list .item .title {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--line-color);
  font-size: 24px;
  font-weight: 600;
  color: var(--text-color-darken);
}
.advantages-list .item .desc {
  font-size: 18px;
  color: var(--text-color-darken);
  line-height: 1.7;
}

/* quality-control */
.control-con01 .img-con {
  background: url("/images/content/control_img_01.png") no-repeat;
}
.control-con02 .img-con {
  background: url("/images/content/control_img_02.png") no-repeat;
}
.control-con03 .img-con {
  background: url("/images/content/control_img_03.png") no-repeat;
}
.control-con-box {
  display: flex;
  align-items: center;
}
.control-con-box .text-con,
.control-con-box .img-con {
  float: none;
  height: 100%;
  min-height: 309px;
}
.control-item-list li:nth-child(n + 5) {
  margin-top: 24px;
}
.control-item-list li:nth-child(4n + 1) {
  border-left: 1px solid #e0e0e0;
}

/* sourcing */
.sourcing-page {
  min-height: 538px;
  background-color: #0a1835;
}

.sourcing-page > .inner {
  display: flex;
}

.sourcing-page .bg-con,
.sourcing-page .txt-con,
.sourcing-page .img-con {
  float: none;
  flex: 1 1 50%;
}

.sourcing-page .txt-con .inner {
  /* display: block; */
}

.sourcing-page .txt-con,
.sourcing-page .img-con {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: transparent;
}

.sourcing-page .bg-con {
  height: auto;
  min-height: 300px;
  background-size: cover;
}

.sourcing-page .img-con {
  min-height: 300px;
}

.sourcing-page .img-con .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.sourcing-page .img-con .inner img {
  width: 100%;
}

/* to-top-btn */
.to-top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
}

/* media query */

.mo-only {
  display: none !important;
}

@media all and (max-width: 1500px) {
  /* .main-inquiry{display: block; margin-top: 0px;} */
  .main-inquiry .main-form-btn {
    margin-top: 10px;
  }
  .main-inquiry .contact {
    display: block;
    font-size: 13px;
    line-height: 1.5;
  }
  .main-inquiry .contact dt {
    margin-bottom: 4px;
  }
  .main-inquiry .contact dd {
    display: inline-block;
  }
}

@media all and (max-width: 1220px) {
  #header {
    z-index: 9999;
  }
  #navigation > li .gnb-2dep > li > .gnb-3dep {
    display: block;
    padding: 10px;
    background-color: #100269;
    margin: 0 10px;
    color: white;
  }
  #navigation > li .gnb-2dep > li > .gnb-3dep ul > li > a {
    position: relative;
    display: block;
    padding: 8px 0;
    padding-left: 10px;
    font-size: 13px;
    color: #fff;
  }
  #navigation > li .gnb-2dep > li > .gnb-3dep ul > li > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 3px;
    background-color: var(--primary-color);
  }

  section.full-height {
    height: 960px;
  }

  .visual-item .text-wrap {
    top: 45%;
    width: 60%;
  }
  .side-menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-inquiry {
    gap: 30px;
  }
  .main-inquiry .forms fieldset {
    flex-wrap: wrap;
  }
  .main-inquiry .forms fieldset input,
  .main-inquiry .forms fieldset select {
    min-width: 0;
  }
  .main-inquiry .forms fieldset input {
    flex: 1 1;
  }
  .main-inquiry .forms fieldset select {
    flex: 1 1 100%;
  }
  .main-inquiry .inquiry-wrapper .extra-info {
    margin-top: 0;
  }
  .main-inquiry .form-group {
    display: block;
  }
  .main-inquiry .form-group .forms {
    margin-top: 12px;
  }
  .main-inquiry .agreement-wrapper .split-container .button {
    padding: 8px;
  }

  .inquiry-popup {
    padding: 15px;
    box-sizing: border-box;
  }
  .inquiry-popup .modal-fixed-pop-inner {
    width: calc(100% - 30px);
  }
  .inquiry-popup .modal-inner-header {
    height: 52px;
  }
  .inquiry-popup .modal-inner-content {
    height: auto;
    max-height: calc(100vh - 82px);
    padding-left: 15px;
    padding-right: 15px;
  }
  .inquiry-popup .bbs-write-tbl td,
  .inquiry-popup .bbs-write-tbl td.size-full {
    padding-right: 8px;
  }

  .replacement-table tbody td {
    padding: 8px;
  }

  .ceo-page .greeting-wrap {
    gap: 50px;
  }
  .ceo-page .ceo-txt-con {
    max-width: 50%;
  }

  .sourcing-page {
    padding: 0;
    margin: 0;
  }

  .sourcing-page > .inner {
    flex-direction: column;
  }

  .sourcing-page .bg-con,
  .sourcing-page .txt-con,
  .sourcing-page .img-con {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
  }

  .sourcing-page .img-con,
  .sourcing-page .bg-con {
    min-height: 0;
    padding: 0;
  }

  .sourcing-page .bg-con img {
    display: block;
    width: 100%;
  }
}

@media all and (max-width: 800px) {
  section.full-height {
    height: 668px;
  }
  h3:not(.content-tit) {
    font-size: 34px;
  }
  h5 {
    font-size: 22px;
  }

  .mo-only {
    display: block !important;
  }
  .pc-only {
    display: none !important;
  }

  .button {
    min-height: 32px;
    font-size: 13px;
    padding: 3px 11px;
  }
  .button.size-xl {
    min-height: 48px;
    font-size: 16px;
  }

  .ox label {
    font-size: 13px;
  }

  .result-count {
    font-size: 13px;
    line-height: 1.5;
  }
  .total-results-wrap .result-count {
    font-size: 13px;
  }

  .table-wrapper {
    margin-top: 28px;
  }
  .table-wrapper:last-child {
    margin-bottom: 10px;
  }

  .table-wrapper .bbs-list-row {
    width: 100%;
    padding: 8px 0;
  }
  .table-wrapper .bbs-list-row .column {
    height: unset;
    padding: 4px 0;
    font-size: 12px;
  }
  .table-wrapper .bbs-subject-con .bbs-subject-txt {
    font-size: 12px;
    font-weight: 400;
  }
  .table-wrapper
    .bbs-list-row
    .column:not(.bbs-title):not(.bbs-no-data):before {
    color: var(--text-color);
  }

  .table-wrapper.type-trend {
    margin-top: 50px;
  }
  .table-wrapper.type-trend .bbs-list-row:nth-child(odd) {
    background-color: transparent;
  }

  .bbs-list-con .more-list {
    margin-top: 12px;
    text-align: center;
  }
  .bbs-list-con .more-list button {
    height: 32px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-color-darken);
  }

  .margin-top-xxl {
    margin-top: 32px !important;
  }

  .visual-item .text-wrap {
    top: 40%;
  }

  .visual-item .sub-title {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .visual-item h3 {
    margin-bottom: 10px;
  }
  .visual-item .desc {
    font-size: 14px;
    margin-bottom: 12px;
    padding: 0 15px;
    letter-spacing: -1px;
  }
  .visual-item .line {
    height: 18px;
    margin-bottom: 12px;
  }
  .visual-item .video-btn a {
    font-size: 12px;
  }

  .main-search-wrap {
    bottom: 0;
  }
  .main-search-box .main-search-select {
    flex: 0 0 110px;
  }
  .main-search-box input {
    flex: 1 1 auto;
  }
  .main-search-box button {
    flex: 0 0 46px;
  }

  .no-result-box {
    margin-top: 10px;
    padding: 20px;
  }
  .no-result-box img {
    width: 40px;
    height: 40px;
  }
  .no-result-box p {
    font-size: 13px;
    line-height: 1.5;
  }
  .no-result-box .button {
    width: 80px;
    margin-top: 20px;
  }

  #mainContent > article.total-results-wrap {
    padding-bottom: 10px;
  }
  .total-results {
    margin-bottom: 0;
    padding: 8px 0;
    font-weight: 400;
  }
  .table-title {
    padding: 0;
  }
  .table-title .title {
    font-size: 16px;
    line-height: 1.5;
  }

  #mainAbout .notice-con .notice-item {
    padding: 8px 15px;
  }

  .about-slides {
    flex-direction: column;
    gap: 30px;
    margin-top: 50px;
    padding: 0 2px;
  }
  .autoplay-slider {
    flex: 1 1;
    max-width: 100%;
  }
  .autoplay-slider .slider {
    gap: 4px;
    max-width: 100%;
  }
  .autoplay-slider .item {
    max-width: 100%;
    max-height: 34.66vw;
  }
  .autoplay-slider .material-icons {
    font-size: 24px;
  }
  .autoplay-slider .progress li {
    width: 42px;
    height: 4px;
  }
  .autoplay-slider .slick-arrow {
    width: 24px;
    height: 24px;
  }

  #mainGlobalCon {
    background-color: white;
  }

  #mainQuickMenu .quick-menu-con dl {
    display: flex;
    align-items: center;
  }
  #mainQuickMenu .quick-menu-con dl dd {
    display: block;
  }

  .contact {
    display: block;
    font-size: 13px;
    line-height: 1.5;
  }
  .contact dt {
    margin-bottom: 4px;
    font-weight: 600;
    color: var(--text-color);
  }
  .contact dd {
    display: inline-block;
  }

  #mainInquiryCon {
    background-position-x: 25%;
  }
  .main-inquiry {
    display: block;
    margin-top: 0;
  }
  .main-inquiry .inquiry-wrapper,
  .main-inquiry .agreement-wrapper {
    max-width: none;
  }
  .main-inquiry .inquiry-wrapper > .forms:first-child {
    margin-top: 4px;
  }
  .main-inquiry .agreement-wrapper {
    margin-top: 20px;
  }
  .main-inquiry .agreement-wrapper .split-container .button {
    opacity: 0.7;
  }
  .main-inquiry .forms {
    margin-top: 12px;
    padding: 0px 6px 11px;
  }
  .main-inquiry .forms i {
    font-size: 17px;
    margin-right: 5px;
  }
  .main-inquiry .forms label {
    font-size: 13px;
    width: 54px;
    margin-right: 4px;
  }
  .main-inquiry .forms input,
  .main-inquiry .forms select {
    font-size: 13px;
  }
  .main-inquiry .forms > input {
    height: 30px;
  }
  .main-inquiry .forms input::placeholder {
    font-size: 13px;
  }

  .main-inquiry .ox label {
    font-size: 13px;
    gap: 2px;
  }
  .main-inquiry .text-area {
    height: 150px;
    margin-top: 10px;
    padding: 16px;
  }
  .main-inquiry .text-area .main-textarea-txt {
    top: 19px;
    left: 16px;
  }
  .main-inquiry .text-area .main-textarea-txt,
  .main-inquiry .text-area .main-textarea-txt span {
    font-size: 13px;
  }
  .main-inquiry .text-area .main-textarea-txt i {
    font-size: 20px;
  }

  /* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
  .bbs-inquiry-agree-con {
    margin-bottom: 25px;
  }
  .bbs-inquiry-agree-con .agree-tit {
    font-size: 16px;
  }
  .inquiry-agreement-con {
    height: 100px;
    padding: 15px;
  }
  .bbs-inquiry-agree-con .agree-txt {
    font-size: 13px;
  }

  /* 게시판 :: 쓰기, 문의폼 :: 작성영역 */
  .bbs-write-tbl tr,
  .bbs-write-tbl th,
  .bbs-write-tbl td {
    display: block;
    padding: 0;
    width: 100% !important;
    border-bottom: 0;
    text-indent: 0;
  }
  .bbs-write-tbl th {
    padding-top: 8px;
    font-weight: 400;
  }
  .bbs-write-tbl td {
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
  }
  .bbs-write-tbl td .write-input,
  .bbs-write-tbl td .write-select,
  .bbs-write-tbl td .write-textarea {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 10px 0;
    border: 0;
    background-color: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .bbs-write-tbl td .write-textarea {
    height: 130px;
    padding: 10px;
  }
  .bbs-write-tbl td .write-sub-txt,
  .bbs-write-tbl td .write-sub-txt2 {
    display: block;
    margin-left: 0;
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
  }

  /* 게시판 :: 쓰기, 문의폼 :: 기타 */
  .bbs-write-tbl .input-check {
    padding: 5px 0;
  }
  .bbs-write-tbl .input-check span {
    margin-right: 15px;
  }
  .phone-fieldset .write-input,
  .phone-fieldset .write-select {
    width: calc(33.33% - 18px) !important;
  }
  .bbs-write-tbl .email-fieldset .write-input {
    width: calc(50% - 18px) !important;
  }
  .bbs-write-tbl .email-fieldset .write-select {
    max-width: 100% !important;
    margin-top: 5px;
    margin-left: 0;
  }
  .bbs-write-tbl .address-btn {
    min-width: auto;
    font-size: 12px;
    margin-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }

  .inquiry-popup .modal-inner-box {
    display: block;
  }
  .inquiry-popup .modal-title {
    font-size: 16px;
  }

  .tabs {
    margin: 30px auto 0;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .tabs .tab {
    padding: 17px 16px;
    font-size: 13px;
  }

  .quick-search {
    margin-top: 50px;
    padding: 20px;
    background-color: var(--color-light-gray);
    border: 1px solid var(--text-color-lightest);
    text-align: center;
  }
  .quick-search img {
    width: 40px;
    height: 40px;
  }
  .quick-search p {
    margin-top: 32px;
    color: var(--text-color-darken);
  }
  .quick-search .button {
    margin-top: 20px;
  }

  /* .foot-menu li{float: none; padding-left: 0; line-height: 2;} */
  .foot-menu li {
    padding-left: 10px;
  }

  .summary-top-box .top-bg {
    height: 38.93vw;
    min-height: 146px;
  }
  .summary-top-box .top-blue-box {
    width: 100%;
    height: unset;
  }
  .summary-top-box .top-blue-box .inner {
    padding-bottom: 45px;
  }
  .summary-top-box .top-blue-box .inner .top-tit-kr {
    margin-top: 28px;
    font-size: 28px;
    line-height: 36px;
  }
  .summary-top-box .top-blue-box .inner .top-tit-txt {
    margin-top: 28px;
    font-size: 15px;
    line-height: 19px;
  }
  .summary-top-box .top-txt-box .txt {
    font-size: 14px;
    line-height: 22px;
  }
  .summary-top-box .top-txt-box .txt br {
    display: block;
  }
  .summary-con-list dl dd .txt-box .txt {
    line-height: 22px;
  }
  .summary-con-list dl dd .txt-box.is-icon .txt i {
    top: 3px;
  }

  .ceo-page .greeting-wrap {
    flex-direction: column;
  }
  .ceo-page .ceo-img-con {
    max-width: unset;
  }
  .ceo-page .ceo-txt-con {
    max-width: 100%;
  }
  .ceo-page .ceo-txt-con .tit-box {
    padding-bottom: 36px;
  }
  .ceo-page .ceo-txt-con .tit-box .tit-en {
    font-style: normal;
    font-weight: 600;
  }
  .ceo-page .ceo-txt-con .tit-box .tit-kor {
    margin-top: 8px;
    font-size: 28px;
  }
  .ceo-page .ceo-txt-con .txt-box {
    padding-top: 24px;
    font-size: 14px;
  }
  .ceo-page .ceo-txt-con .sign-box {
    padding-top: 24px;
  }
  .ceo-page .ceo-txt-con .txt-box .txt {
    font-size: 14px;
  }
  .ceo-page .ceo-txt-con .sign-box .sign-txt {
    font-size: 14px;
  }

  .ceo-page .company-info {
    margin-top: 50px;
  }
  .ceo-page .company-info li {
    flex-direction: column;
    gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .ceo-page .company-info li::before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
  }
  .ceo-page .company-info li img {
    width: 80px;
    height: 80px;
  }
  .ceo-page .company-info li .title {
    font-size: 18px;
  }
  .ceo-page .company-info li .desc {
    font-size: 14px;
    line-height: 1.5;
  }

  .industrial-top .logo {
    display: inline-block;
    width: 200px;
  }
  .industrial-top .logo img {
    width: 100%;
    height: 100%;
  }
  .industrial-top .summary-top-box {
    display: block;
    margin-top: 20px;
  }
  .industrial-top .summary-top-box .top-blue-box {
    max-width: 100%;
    height: 33.06vw;
    min-height: 124px;
  }
  .industrial-top .summary-top-box .top-blue-box .inner {
    background-position: 0 75%;
    background-size: 111%;
  }
  .industrial-top .summary-top-box .top-blue-box .inner::before {
    display: none;
  }
  .industrial-top .summary-top-box .top-txt-box {
    display: none;
  }

  .advantages-list {
    margin-top: 30px;
  }
  .advantages-list .item {
    flex-direction: column;
    padding: 20px;
    gap: 24px;
  }
  .advantages-list .item .title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .advantages-list .item .desc {
    font-size: 14px;
  }
}

@media all and (max-width: 767px) {
  .visual-item .text-wrap {
    top: 94px;
    left: 0;
    transform: none;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
  }
  .visual-item .deco-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 15px;
  }
  .visual-item .sub-title {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .visual-item h3 {
    /* margin-bottom: 24px; */
  }
  .visual-item .desc {
    font-size: 14px;
    margin-bottom: 12px;
    padding: 0 15px;
    letter-spacing: -1px;
  }
  .visual-item .line {
    height: 18px;
  }

  .side-menu {
    bottom: 8%;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    max-width: 345px;
  }
  .side-menu-item {
    flex: 1 1 45%;
    max-width: 165px;
    padding-top: 29.525%;
    box-sizing: border-box;
  }
  .side-menu-item p {
    font-size: 13px;
  }

  .summary-con-list dl dd .txt-box .txt i {
    margin-right: 10px;
    margin-top: 4px;
  }
}

@media all and (max-width: 475px) {
  .visual-item .text-wrap {
    top: 50px;
    left: 0;
    transform: none;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
  }
}