/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*# sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=241021 */
/*@ sourceURL=../css/custom.css?t=240816 */
/*@ sourceURL=../css/custom.css?t=240816 */
/*@ sourceURL=../css/custom.css?t=240816 */

/* 도우미 */
/* ----------------------------------------------------------------
도우미
-----------------------------------------------------------------*/
:root {
    --base-color: #158223;
    --point-color:#fff;
}

.dark {




    --cnvs-contrast-bg: #212529;
    --cnvs-contrast-bg-offset: #343a40;
    --cnvs-contrast-0: #000;
    --cnvs-contrast-100: #212529;
    --cnvs-contrast-200: #343a40;
    --cnvs-contrast-300: #495057;
    --cnvs-contrast-400: #6c757d;
    --cnvs-contrast-500: #adb5bd;
    --cnvs-contrast-600: #ced4da;
    --cnvs-contrast-700: #dee2e6;
    --cnvs-contrast-800: #e9ecef;
    --cnvs-contrast-900: #f8f9fa;
    --cnvs-contrast-1000: #fff;
    --bs-link-color: var(--cnvs-contrast-900);
    --cnvs-invert-contrast-0: #fff;
    --cnvs-invert-contrast-100: #f8f9fa;
    --cnvs-invert-contrast-200: #e9ecef;
    --cnvs-invert-contrast-300: #dee2e6;
    --cnvs-invert-contrast-400: #ced4da;
    --cnvs-invert-contrast-500: #adb5bd;
    --cnvs-invert-contrast-600: #6c757d;
    --cnvs-invert-contrast-700: #495057;
    --cnvs-invert-contrast-800: #343a40;
    --cnvs-invert-contrast-900: #212529;
    --cnvs-invert-contrast-1000: #000;
    --cnvs-contrast-rgb: 255,255,255;
    --cnvs-invert-contrast-rgb: 0,0,0;
    --cnvs-heading-color: var(--cnvs-contrast-900);
    --topbar-bg: #000 !important;
    --header-bg: #1b809f !important;
    --cnvs-header-sticky-bg: var(--cnvs-contrast-bg);
    --cnvs-side-header-bg: #343a40;
    --cnvs-header-floating-bg: var(--cnvs-contrast-bg);
    --cnvs-primary-menu-submenu-bg: var(--cnvs-contrast-bg);
    --cnvs-section-bg: var(--cnvs-contrast-bg-offset);
    --cnvs-footer-bg: var(--cnvs-contrast-bg-offset);
    color: var(--cnvs-contrast-800)
}




a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: var(--base-color);
}

#search .btn-search-close {
    background-color: var(--cnvs-header-bg);
}

#topbar.topbar-colored, #topbar.topbar-colored.dark {
    background-color: var(--base-color);
}
header#header.dark{/* background: #999 !important; */background-color: var(--cnvs-header-bg);}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
  background-color: var(--base-color);
  border-color: var(--base-color);
}

button.btn:hover,
button.btn:focus,
button.btn:not(:disabled):not(.disabled):active,
button.btn:not(:disabled):not(.disabled).active,
.btn:not(.close):not(.mfp-close):hover,
.btn:not(.close):not(.mfp-close):focus,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active,
a.btn:not([href]):not([tabindex]):hover,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: var(--base-color);
    border-color: var(--base-color);
    filter: brightness(90%) saturate(100%);
    color: #fff; /* 텍스트 색상을 흰색으로 지정 */
}


  body.modern .body-inner .container {
    max-width: 1280px;
  }

.tabs .nav-tabs .nav-link.active {
    color: var(--base-color);
    border-bottom: 2px solid var(--base-color);
}
.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: var(--base-color);
}

.flickity-button:hover {
    background-color: var(--base-color);
}
#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
    left: auto;
    right: auto;
    width: 460px;
}


.rounded {
  border-radius: 7px !important;
}








.box-inner-icon {
    position: absolute;
    top: 0;
    left: 0%;
    right: 0%;
    text-align: center;
    color: #6b2d2d;
    width: 100%;
    /* padding: 4px 20px 5px; */
    background: linear-gradient(45deg, #e81d26 6%, #272324 6%);
}
.box-inner-icon p{color: #c3c3c3;margin: 0;font-size: 18px;display: inline-block;margin-left: 10px;}


.inspiro-slider .slide .container{
    padding-top: 160px;
}

----------------------*/
.srex-info-box .row {
  --bs-gutter-x: 30px;
}
.srex-info-box__item {
  border-radius: 20px;
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  word-break: keep-all;
  transition: all 0.3s ease-in-out;
}
.srex-info-box__item p{
    font-size: 16px;
    color: #898989;
    margin-top: 12px;
}
.srex-info-box__item:hover {
  background: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 100;
margin-top:-10px
}
.srex-info-box__item:hover .srex-info-box__more i {
  margin-left: 10px;
}
.srex-info-box__item:hover a, .srex-info-box__item:hover i {
  color: #1D8F2C;
}

.srex-info-box__item__img {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid #a2e1aa;
}
.srex-info-box__item__img img {
  height: 45px;
  width: 45px;
}

.srex-info-box__item--3 .srex-icon-list {
  margin-top: 20px;
}
.srex-info-box__item--3 .srex-icon-list i {
  color: #FF7029;
  font-size: 15px;
}
.srex-info-box__item--3 .srex-icon-list p {
  color: #878680;
}
.srex-service-text{margin-bottom:20px;}
.srex-info-box__item--3 .srex-info-box__item__top-text {
  margin-bottom: 30px;
}
.srex-info-box__item--green-support {
  background-color: rgba(255, 112, 41, 0.05);
}
.srex-info-box__item--solar-pro {
  background-color: rgba(29, 143, 44, 0.05);
}
.srex-info-box__item--solar-pro i {
  color: #1D8F2C !important;
}
.srex-info-box__item--eco-solar {
  background-color: rgba(255, 112, 41, 0.05);
}
.srex-info-box__item__text {
  margin: 20px 0;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.srex-info-box__more {text-align: center;margin: 0 auto;}
.srex-info-box__more a {
  color: #24231d;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  text-transform: capitalize;
}
.srex-info-box__more i {
  color: #24231d;
  margin-left: 5px;
  transition: 0.3s;
}
.srex-info-box--feature-box .srex-info-box__item {
  background: #fff;
}
.srex-info-box--feature-box .srex-info-box__item:hover h3, .srex-info-box--feature-box .srex-info-box__item:hover .srex-accordion .accordion-header__left__badge, .srex-accordion .srex-info-box--feature-box .srex-info-box__item:hover .accordion-header__left__badge {
  color: #1D8F2C;
}
.srex-info-box--feature-box .srex-info-box__item__img {
  background: #1D8F2C;
}




.room {}

.room-image {
	border-radius: 4px;
	/* margin-bottom: 10px; */
	position: relative;
}

.room-image img {
	border-radius: 10px;
	width: 100%;
	opacity: 1;
	transition: all ease 0.3s;
	cursor: pointer;
}

.room-image:hover img {
	opacity: 0.7;
}

.room-image .room-title {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
	bottom: 0px;
	color: #fff;
	font-weight: 600;
	padding: 10px 10px 30px;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 18px;
	border-radius: 0 0 10px 10px;
	float: left;
}
.room-details{
    background: rgb(255 255 255 / 50%) linear-gradient(to bottom, transparent 0%, rgb(239 239 239) 100%) repeat scroll 0 0;
    padding: 10px 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    word-break: keep-all;
    }
.room-badge {
	/* background: #e01a33 none repeat scroll 0 0; */
	/* border-radius: 50%; */
	/* height: 80px; */
	/* line-height: 1.0833em; */
	/* margin: 0; */
	padding: 10px 0 0;
	position: absolute;
	right: 10px;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	width: 0px;
	z-index: 1;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 70px solid #e81d28; /* 삼각형 색상 */
}
.room-badge p {color: #fff;font-weight: bold;font-size: 0.8333em;position: absolute;font-size: 12px !important;top: -75px;letter-spacing: -.5px;width: 50px;left: -25px;font-weight: 500 !important;}
.room-details>p {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
	padding-bottom: 10px;
}
.room-details a:honer{
	margin-top:-20px;
}



.performance {
    width: 70px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    background: #158223;
    margin: 10px auto;
    border-radius: 10px;
}

.history {overflow: hidden;margin-bottom: 56px;}

.history ol li{position: relative;overflow: hidden;min-height: 53px;}
.history ol li h4{position: absolute;top:-7px;left:0;color: #000;font-size: 30px;font-weight: 500;letter-spacing: 0px;box-sizing: border-box;line-height: normal;font-family: 'poppins',sans-serif;}
.history ol li dl{position: relative;margin-left: 200px;padding-left: 100px;padding-bottom: 30px;font-size: 18px;box-sizing: border-box;}
.history ol li dl::before{content: '';position: absolute;left:0;top:0;bottom:0;width: 2px;background-color: #158223;opacity: .3;}
.history ol li dl::after{content: '';position: absolute;top:7px;left:-6px;width: 14px;height: 14px;border: solid 1px #158223;background-color: #fff;border-radius: 14px;box-sizing: border-box;}
.history ol li dl dt{position: absolute;text-indent: -37px;color: #000;}
.history ol li dl dd{color: #444;padding-bottom: 28px;font-size: 15px;}
.history ol li dl dd.last {padding-bottom:0;}
.history ol li:first-child dl::before{top:7px}
.history ol li.last dl{padding-bottom: 0 !important;}





@media all and (max-width: 768px) {


    .history ol li h4{top:-4px;left: 24px;font-size: 20px;}
    .history ol li dl{margin-left: 4px;padding: 50px 0 60px 44px;font-size: 14px;}
    .history ol li dl::before{width: 1px;}
    .history ol li dl::after{width: 8px;height: 8px;top:4px;left:-3px;}
    .history ol li dl dt{text-indent: -24px;}
    .history ol li dl dd{padding-bottom: 20px;}
    .history ol li .history_img{ max-width: 240px;margin-top: 4px;}

}







h2.cStyle {
  clear: both;
  font-size: calc(22px + (26 - 22) * ((100vw - 320px) / (1920 - 320)));
  color: #0b4da3;
  margin-bottom: 0px;
  padding-left: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  background: url("http://tyson.bigtree.co.kr/css/../images/sub/h2_dot.jpg") left 11px no-repeat;
  font-family: 'GmarketSansMedium', sans-serif;
}
h3.cStyle {
  clear: both;
  font-size: calc(22px + (24 - 22) * ((100vw - 320px) / (1920 - 320)));
  color: #1c6f2b;
  margin-bottom: 10px;
  margin-top: 30px;
  font-weight: 600;
  /* padding: 10px 0; */
}
h4.cStyle {
  clear: both;
  padding: 10px 16px;
  background: url("http://tyson.bigtree.co.kr/css/../images/common/h2_dot.jpg") left 11px no-repeat;
}
h4.cStyle2 {
  clear: both;
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  color: #4a4a4a;
  margin-bottom: 10px;
  padding-left: 18px;
  margin-top: 36px;
  /* letter-spacing: -1px; */
  background: url("http://tyson.bigtree.co.kr/css/../images/sub/h3_dot.jpg") left 11px no-repeat;
  background-size: 12px;
}
h4.cStyle2 small {
  font-size: 15px;
  font-weight: 400;
  color: #7c7c7c;
}
h4.cStyle span.com {
  color: #0b419b;
  font-weight: 600;
}
.cStyle_box {
  padding: 20px;
  background: #f9f9f9;
  border: 2px solid #ececec;
}
.cStyle_box p{
    font-size: 22px !important;
    font-weight: 500;
    color: #4d4d4d;
}

.cStyle_box ul.cStyle li {
  color: #707070;
}
.cStyle_box ul.cStyle li span {
  color: #2277b6;
  font-size: 16px;
}
dl.cStyle {
  clear: both;
  font-size: 16px;
}
dl.cStyle dt {
  padding: 0 0 0 16px;
  margin: 15px 0 0 0;
  color: #555;
  background: url("http://tyson.bigtree.co.kr/css/../images/common/dt_dot.jpg") 5px 10px no-repeat;
  line-height: 24px;
  margin: 5px 0px;
}
dl.cStyle dd {
  padding: 0 0 0 19px;
  margin: 5px 0 0 0;
  color: #767676;
  background: url("http://tyson.bigtree.co.kr/css/../images/common/dd_dot.jpg") 10px 10px no-repeat;
  line-height: 24px;
  margin: 3px 0px;
}
dl.cStyle dd a {
  color: #767676;
}
dl.cStyle dd a:hover {
  color: #000;
  text-decoration: underline;
}
ul.cStyle {
  overflow: hidden;
  padding-left: 15px;
}
ul.cStyle li {
  /* padding: 0px 0 0 8px; */
  color: #000000;
  /* margin: 15px 0px; */
}


ul.list_none {padding-left: 0;margin-bottom: 20px;}
ul.list_none li {
    padding: 0;
    font-size: 15px;
    color: #191919;
    background: none;
    line-height: 19px;
    font-weight: 400;
    display: block;
}





ul.cStyle li span.st_bora {width: 70px;display: inline-block;color: #1b18d3;font-weight: 800;font-size: 18px;}


ul.cStyle li span.tit{font-weight:bold;width: 100px;display: inline-block;border-bottom: 1px dotted;/* padding: 20px 0; */margin-right: 22px;font-size: 16px;/* background: #f0f8fb; */color: #454e9b;}


table.cStyle {
  border-top: 2px solid #092c6f;
  width: 100%;
  border-left: 1px solid #ddd;
  font-size: 15px;
  border-spacing: 0;
  margin-top: 20px;
  font-family: nanumsquare, sans-serif;
}
table.cStyle tr.bg {
  background: #e9eff3;
  font-weight: bold;
}
table.cStyle th {
  background: #f2f6f9;
  color: #333;
  font-size: 17px;
  padding: 12px 8px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
table.cStyle td {
  color: #666;
  padding: 8px 8px;
  letter-spacing: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
table.cStyle .center {
  text-align: center;
}
table.cStyle .left {
  text-align: left;
}
table.cStyle td.bg {
  background: #f9f9f9;
  font-weight: bold;
}
table.cStyle .small_line {
  font-size: 12px;
  color: #999;
  display: inline-block;
}
table.cStyle .strong {
  background: #d7eaeb
}
table.cStyle select {
  border: 1px #ddd solid;
  height: 30px;
}
table.cStyle td span.txt{font-size: 13px;line-height: 18px;word-break: keep-all;display: inline-block;}
span.down1 {
    background: #f6bec5;
    padding: 6px 20px;
}

span.down2 {
    background: #bed2f6;
    padding: 6px 20px;
}

span.down1:hover{
    background: #444444;

}

span.down2:hover{
    background: #444444;

}
p.cStyle {
  clear: both;
  font-size: 16px;
  margin-top: 15px;
  font-weight: 400;
}
p.cStyle b {
  color: #fb7a0b;
  letter-spacing: 0;
}
p.cStyle img {
  max-width: 100%;
}
p.cStyle2 {
  clear: both;
  font-size: 17px;
  padding: 0;
}
p.cStyle2 b {
  color: #fb7a0b;
  letter-spacing: 0;
}
p.cStyle2 img {
  max-width: 100%;
}
p.cStyle3 {
  text-align: center;
  margin-top: 15px;
}
p.cStyle3 img {
  max-width: 100%;
  vertical-align: top;
}
p.cStyle4 {
  text-align: center;
  margin-top: 15px;
  border: 1px #ddd solid;
  padding: 30px;
}
p.cStyle4 img {
  max-width: 100%;
  vertical-align: top;
}
/* 테스트 */



table.cone_table {
  border-top: 2px solid #436a50;
  width: 100%;
  border-left: 1px solid #ddd;
  /* font-size: 13px; */
  border-spacing: 0;
  margin-top: 10px;
}
table.cone_table tr.bg {
  background: #e9eff3;
  font-weight: bold;
}
table.cone_table th {
  background: #f2f9f6;
  color: #333;
  padding: 20px 4px;
  line-height: 16px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
table.cone_table td {
  color: #666;
  padding: 12px 4px;
  letter-spacing: 0;
  font-size: 15px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

table.cone_table span.red{color: #c70f0f;}

table.cone_table .center {
  text-align: center;
}
table.cone_table .left {
  text-align: left;
}
table.cone_table td.bg {
  background: #f9f9f9;
  font-weight: bold;
}
table.cone_table .small_line {
  font-size: 12px;
  color: #999;
  display: inline-block;
}
table.cone_table .strong {
  background: #d7eaeb
}
table.cone_table select {
  border: 1px #ddd solid;
  height: 30px;
}

p.text-tit-box {
    text-align: center;
    background: #43566c !important;
    border-radius: 10px;
    color: #fff;
    padding: 5px;
    width: 90%;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto 5px;
    font-family: 'Noto Sans KR', sans-serif;
}
p.text-tit-box .yellow {
    color: #fff1a9;
}

h5.cStyle {
    clear: both;
    font-size: 20px;
    /* padding: 0 0 0 16px; */
    color: #003e81;
    font-weight: bold;
    /* background: url(https://gstc.or.kr//images/sub/h5_dot.jpg) left 6px no-repeat; */
    line-height: 24px;
    margin-bottom: 20px;
}

.material_classification_section{
    padding: 140px 0;
}
.standard_wrap{
    position: relative;
    padding: 50px 0.8% 50px 3.2%; /*10 / 1250 , 40 / 1250*/
    background-color: #f6f6f6;
    margin-bottom: 30px;
}
.standard_wrap p.unit{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.standard_wrap dl dt{
    position: relative;
    float: left;
    padding-right: 40px;
    font-size: 20px;
    color: #005aa9;
    font-weight: 600;
}
.standard_wrap dl dt::after{
    content: '';
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 24px;
    background-color: #005aa9;
}
.standard_wrap dl dd{
    float: left;
    padding: 0 50px;
}
.standard_wrap dl dd > ul{
    margin-top: 2px;
}
.standard_wrap dl dd > ul > li{
    display: inline-block;
    font-size: 17px;
}
.standard_wrap dl dd > ul > li + li{
    margin-left: 40px;
}
.standard_wrap dl dd > ul > li > span{
    color: #005aa9;
    font-weight: 600;
}


/** 용도별 분류 **/
.byuse_list{

}
.byuse_list > li{
    position: relative;
    float: left;
    width: 25%; /*282 / 1250*/
    padding: 0 0.72%;  /*9 / 1250*/
    margin-bottom: 50px;
}
.byuse_list.column-2 > li{
    width: 50%;
    padding: 0;
    box-sizing: border-box;
}
.byuse_list.column-2 > li:first-child{
    padding-right: 2%;
}
.byuse_list.column-2 > li:nth-child(2){
    padding-left: 2%;
}
.byuse_list > li .byuse_img_wrap{

}
.byuse_list > li .byuse_con{
    position: relative;
    padding: 20px 0 20px 25px;
}
.byuse_list > li .byuse_con::before{
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: -40px;
    width: 1px;
    height: 140px;
    background-color: #005aa9;
}
.byuse_list > li .byuse_con dt{
    float: left;
    width: 54px;
    line-height: 1.2;
    color: #005aa9;
    font-size: 18px;
    font-weight: 600;
}
.byuse_list.column-2 > li .byuse_con dt{
    width: 140px;
}

.byuse_list > li .byuse_con dd{
    float: left;
    line-height: 1.3;
    width: 210px;
    padding-left: 18px;
    font-size: 16px;
    letter-spacing: -1px;
}
.byuse_list.column-2 > li .byuse_con dd{
    width: calc(100% - 180px);
}
.material_classification_list > li p.caution{
    position: absolute;
    right: 25px;
    top: -30px;
}
.material_classification_list > li .standard_wrap{
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 90px;
}
.material_classification_list > li .standard_wrap dl{
    display: flex;
    align-items: center;
}
.material_classification_list > li .standard_wrap dl dd{
    float: left;
    padding: 0 20px;
}
.material_classification_list > li .standard_wrap dl dd > ul > li{
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
span.num {
    font-weight: 400;
    font-size: 15px;
    color: #737373;
}
@media all and (max-width: 768px) {
.byuse_list > li{
    width: 100%; /*282 / 1250*/
}
}

    /* 카드 스타일 */
    .custom-card {
      border: 1px solid #dee2e6;
      border-radius: 12px;
      padding: 10px 10px 20px 10px;
      background-color: #ffffff;
      /* box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); */
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      margin-bottom: 20px;
      position: relative; /* 단위 위치 조정을 위한 설정 */
      border-left: 3px solid #90bce4;
      margin: auto;
    }

    .custom-card:hover {
      /* transform: translateY(-5px); */
      /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); */
    }

    /* 규격 섹션 스타일 */
    .custom-spec {
      /* margin-bottom: 20px; */
      /* background-color: #f7f7f7; */
      padding: 10px;
      border-radius: 8px;
      border-bottom: 1px solid #f0f0f0;
      min-height: 140px;
      width: 100%;
    }

    .custom-spec-title {
      font-size: 20px;
      font-weight: bold;
      color: #082e6c;
      /* padding: 0 10px; */
      /* background-color: #fffbea; */
      margin-bottom: 8px;
      border-bottom: 1px dotted #c9c9c9;
    }

    .custom-spec-list {
      list-style: none;
      padding: 10px;
      margin: 0;
      min-height: 80px;
      font-size: 15px;
      color: #555;
      background: #f7f7f7;
    }

    .custom-spec-list li {
      margin-bottom: 0px;
      position: relative;
      padding-left: 20px;
      font-size: 14px;
      line-height: 20px;
    }

    .custom-spec-list li::before {
      content: counter(list-item) ". ";
      /* counter-increment: list-item; */
      color: #0f5db0;
      position: absolute;
      left: 0;
      top: 0;
      font-weight: bold;
    }

    .custom-note {
      font-size: 12px;
      color: #28a745;
      font-style: italic;
      margin-top: 10px;
      position: absolute;
      right: 20px;
      top: -7px;
    }

    /* 단위 스타일 - 카드 우측 상단 */
    .custom-unit {
      font-size: 12px;
      color: #f8825c;
      font-weight: 500;
      position: absolute;
      top: 14px;
      right: 20px;
    }

    /* 이미지 섹션 스타일 */
    .custom-image {
      /* margin: 15px 0; */
      border-radius: 8px;
      overflow: hidden;
      background-color: #fafafa;
      padding: 10px;
    }

    .custom-image img {
      width: 100%;
      height: 280px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .custom-image:hover img {
      transform: scale(1.05);
    }
.custom-box {
    border: 1px solid #d3d3d3;
    padding: 10px;
    border-radius: 19px;
    margin-top: 20px;
}
    /* 설명 섹션 스타일 */
    .custom-description {
      /* margin-bottom: 15px; */
      /* background-color: #f9f9f9; */
      padding: 0 10px;
      border-radius: 8px;
    }

    .custom-description h5 {
      font-size: 20px;
      color: #0f5db0;
      font-weight: bold;
      /* margin-bottom: 8px; */
    }

    .custom-description ul {
      padding-left: 0;
      list-style-type: none;
      margin: 0;
      padding: 0 10px;
    }

    .custom-description ul li {
      color: #666;
      font-size: 14px;
      position: relative;
      margin-bottom: 10px;
      padding-left: 18px;
      line-height: 120%;
    }

    .custom-description ul li::before {
      content: '\f00c'; /* FontAwesome 체크 아이콘 */
      font-family: 'FontAwesome';
      color: #0f5db0;
      position: absolute;
      left: 0;
      top: 0;
      font-size: 10px;
    }

    /* 주문 번호 섹션 */
    .custom-order-number {
      font-size: 13px;
      color: #5c5c5c;
      text-align: right;
      border-top: 1px solid #f0f0f0;
      padding-top: 10px;
      /* margin-top: 10px; */
      background-color: #f1f1f1;
      padding: 5px;
      border-radius: 8px;
    }