/********** 공통 **********/
.sub_visual_wrap {position:relative;}
.sub_visual {width:100%; height: 45.625rem; position:relative; background:url("/img/sub/visual01.jpg") no-repeat center / cover;}
.sub_visual.bg02 {background-image:url("/img/sub/visual01.jpg");}
.sub_visual.bg03 {background-image:url("/img/sub/visual01.jpg");}
/* sub_vis_txt */
.sub_vis_txt {color:#fff; position:absolute; top:20.34rem; left:50%; transform:translateX(-50%);}
.sub_vis_txt h2 {font-size: 5.25rem; font-weight: 600; line-height: 112%; letter-spacing: -0.01563rem;}
.sub_vis_txt p {margin-top: 1.5rem; font-size: 1.25rem; font-weight: 400; line-height: 145%;}
/* sub_menu */
.sub_menu {min-height: 5.56rem;}
.sub_menu .menu_btn {background: #FFF;}
.sub_menu_txt > li > a {border-bottom: 1px solid rgba(51, 51, 51, 0.30); display: inline-block; padding: 2.5rem 2rem 1.25rem; color: rgba(51, 51, 51, 0.7); font-size: 1.25rem; font-weight: 600; line-height: 145%; position: relative;}
.sub_menu_txt > li.on > a::after {content: ""; width: 100%; height: 3px; background: #333; position: absolute; left: 0; bottom: -1px;}
.sub_menu_txt > li.on > a {color: #333;}
.sub_menu.fixed .menu_btn {position: fixed; top: 5.625rem; left: 0; width: 100%; z-index: 999; border-top: 1px solid #E3E3E3;}
.sub_menu.fixed .menu_btn a {padding: 1.25rem 2rem;}
/* sub_content */
#sub_content {padding:5rem 0 7.5rem;}
.sub_title {margin-bottom:5rem; text-align:center;}
.sub_title em {color: var(--main-color); font-size: 1.125rem; font-weight: 600; line-height: 150%;}
.sub_title h3 {font-size: 2.25rem; font-weight: 700; line-height: 122%; margin-top:0.75rem;}

/********** 제품소개_공통 **********/
/* subTab */
.subTab {display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-bottom: 3.75rem;}
.subTab li {display: flex; align-items: center; justify-content: center; width: 10.25rem; height: 3.25rem; border-radius: 1.875rem; background: #FAFAFA; cursor: pointer; font-size: 1.125rem; font-weight: 600; line-height: 1.55; letter-spacing: -0.0375rem;}
.subTab li.on {background: var(--main-color); color: #fff;}
/* table_cont */
.table_cont {position: relative;}
.table_cont .swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 4.94188rem; z-index: 1;}
.table_cont .swipe_ic.on {display: none !important;}
/* contTitle */
.contTitle {font-size: 2rem; font-weight: 600; line-height: 125%; letter-spacing: -0.025rem;}
.fc_blue {color: var(--main-color);}
.fc_red {color: #DF001A;}
.fc_white {color: #fff;}
/* tabCont */
.tabCont .tb_cont:not(.on) {display: none;}
/* sub_wrap */
.sub_wrap .sec + .sec {margin-top: 7.5rem;}
/* flex_subSec */
.flex_subSec {display: flex; gap: 8.125rem;}
.flex_subSec .fs_tit {width: 19.4rem;}
/* .flex_subSec .fs_tit .in {position: sticky; top: 180rem; left: 0;} */
.fs_tit strong {display: block; font-size: 2rem; font-weight: 600; line-height: 125%; letter-spacing: -0.025rem;}
.fs_tit p {font-size: 1.125rem; font-weight: 400; line-height: 150%;}
.flex_subSec .fs_cont {width: calc(100% - 19.4rem - 8.125rem);}
.basicTxt {font-size: 1.125rem; font-weight: 400; line-height: 150%;}
.infoBox {padding: 1.5rem 0; background: #FAFAFA; text-align: center;}
.basicTit {font-size: 1.25rem; font-weight: 600; line-height: 145%;}
.imgBox {display: flex; gap: 2.5rem 1.5625rem; flex-wrap: wrap;}
.imgBox > div {width: calc(50% - .79rem);}
.imgBox > div .img {border: 1px solid #D9D9D9;}
.imgBox > div img {width: 100%;}
/* table */
table {border-spacing: 0; width: 100%;}
table th {color: #FFF; font-size: 1.125rem; font-weight: 600; line-height: 150%;}
table td {font-size: 1rem; font-weight: 400; line-height: 143%;}
table td strong {font-weight: 600;}
table.table_style01 {border-radius: 1.25rem 1.25rem 0 0; overflow: hidden;}
table.table_style01 th,
table.table_style01 td {padding: 1rem; text-align: center;}
table.table_style01 th {background: var(--main-color); padding: .56rem 1rem;}
table.table_style01 th + th {border-left: 1px solid #E3E3E3;}
table.table_style01 thead tr + tr th {border-left: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3;}
table.table_style01 td {border-bottom: 1px solid #E3E3E3;}
table.table_style01 td + td {border-left: 1px solid #E3E3E3;}
table.table_style02 th > div {text-align: center; color: #FFF; font-size: 1.125rem; font-weight: 600; line-height: 150%;}
table.table_style02 th > div {border-radius: 1.25rem 1.25rem 0 0;}
table.table_style02 {text-align: center;}
table.table_style02 th > div,
table.table_style02 td > div {width: 100%; height: 100%; padding: 1.03rem 0;}
table.table_style02 th:nth-child(2) > div {border-right: 1px solid #E3E3E3; background: #BEBEBE;}
table.table_style02 th:nth-child(3) > div {background: #2898C4;}
table.table_style02 td {padding: 1rem 0; border-bottom: 1px solid #E3E3E3; font-size: 1rem;}
table.table_style02 td img {width: 25rem;}
table.table_style02 td:first-child > strong {padding: 1rem 1.25rem; border-radius: 0.625rem; background: #F5F5F5; height: 100%; display: flex; align-items: center; justify-content: center;}
table.table_style02 td:last-child > div {border-left: 1px solid #E3E3E3;}
table.table_style02 tbody tr:first-child td > strong {min-height: 17.6rem;}
table.table_style02 tbody tr:last-child td > strong {min-height: 5rem;}

/* circleStep */
.circleStep {display: flex; align-items: center; gap: 1.5625rem; justify-content: space-between;}
.circleStep li {width: calc((100%/3) - (2rem*2)); text-align: center;}
.circleStep .step {padding: 0.25rem 1.25rem; border-radius: 2.5rem; background: var(--main-color); color: #FFF; font-size: 1rem; font-weight: 600; line-height: 150%;}
.circleStep .basicTit {margin-top: .25rem;}
.circleStep .img {margin-top: 1.25rem;}
.circleStep .img img {width: 100%;}
.circleStep .arrow img {width: 2rem;}
/* fcBlue_contTit */
.fcBlue_contTit {color: var(--main-color); font-size: 1.75rem; font-weight: 600; line-height: 129%;}
/* disc */
.disc li {padding-left: 1rem; position: relative; font-size: 1.125rem; font-weight: 400; line-height: 150%;}
.disc li::before {content: ""; width: 0.3125rem; aspect-ratio: 1/1; border-radius: 100%; background: #8E8E8E; position: absolute; left: 0; top: .75rem;}
.disc.flex {flex-wrap: wrap; gap: 0.5rem 2.5rem;}
.disc.flex li {width: calc(50% - 1.3rem);}
/* swiper_subSec */
.swiper_subSec {position: relative; padding: 6.25rem 0;}
.swiper_subSec::before {content: ""; width: 300%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; background: var(--main-color);}

.swiper_subSec .swiper {padding-left: 6.13rem;}
.swiper_subSec .swiper-slide {width: 33.125rem; margin-right: 2.5rem;}
.swiper_subSec .swiper-slide a {display: block; width: 100%;}
.swiper_subSec .swiper-slide .thumb {width: 100%; aspect-ratio: 53/40; overflow: hidden;}
.swiper_subSec .swiper-slide .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.swiper_subSec .swiper-slide .tit {margin-top: 1.25rem; color: #FFF; font-size: 1.25rem; font-weight: 600; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.swiper_subSec .bot {gap: 1.25rem; margin-top: 2rem;}
.swiper_subSec .bot .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 28.125rem; height: 0.1875rem; background: rgba(255, 255, 255, 0.10);}
.swiper_subSec .bot .swiper-pagination-progressbar-fill {background: #fff;}
.swiper_subSec .bot .arrow {display: flex; align-items: center;}
.swiper_subSec .bot .arrow > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; height: auto;}
.swiper_subSec .bot .arrow > div::after {display: none;}
.swiper_subSec .bot .arrow > div img {width: 2rem;}
.swiper_subSec .bot .arrow .swiper-button-prev img {transform: rotate(180deg);}



/* 섬유 디스크필터 */
.fiberDiskFilter .sec2 .imgBox {align-items: flex-start; border: 1px solid #D9D9D9; gap: 3.75rem; width: 100%;}
.fiberDiskFilter .sec2 .imgBox > div {padding: 1.88rem 0; text-align: center; width: auto;}
.fiberDiskFilter .sec2 .imgBox img {margin-top: 1.25rem; width: 100%;}
.fiberDiskFilter .sec3 .imgBox > div:nth-child(3) {width: 43.5rem;}
.fiberDiskFilter .sec3 .imgBox > div:nth-child(3) .img {border: 0;}
.fiberDiskFilter .sec3 .imgBox > div:nth-child(4) {width: 27rem;}
.fiberDiskFilter .sec3 .imgBox > div:nth-child(4) .img {border: 0;}
.fiberDiskFilter .sec4 table tr:not(.noTit) td:first-child {min-width: 5.5rem;}
.fiberDiskFilter .sec4 table tr.noTit td:first-child {border-left: 1px solid #E3E3E3;}








@media screen and (max-width:1024px) {

	/* 공통 */
	.sub_visual {height: 130.21vw;}
	.sub_vis_txt {padding: 0 3.13vw;}
	.sub_vis_txt em {font-size: 3.65vw;}
	.sub_vis_txt h2 {font-size: 9.38vw; margin-top:3.91vw;}
	.sub_vis_txt p {font-size: 4.17vw; margin-top: 3.39vw;}

	.sub_menu {height:14.32vw;}
	.sub_menu > ul {padding: 0;}
	.sub_menu > ul > li:last-child:before {height: 2.60vw;}
	.sub_menu > ul > li > a {padding-left: 3.91vw; font-size: 3.65vw;}
	.sub_menu > ul > li.home {width: 14.32vw;}
	.sub_menu > ul > li.home > a {background-size: 5.21vw;}
	.sub_menu > ul > li.menu_btn {width: calc(50% - 7.16vw); background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 3.26vw center / 3.20vw;}
	.sub_menu_txt li {height: 11.72vw;}
	.sub_menu_txt li a {padding: 0 3.91vw; font-size: 3.65vw;}

	#sub_content {padding:10.56vw 0;}
    .sub_inner {max-width: 100%; padding: 0 3.13vw;}
    .sub_title {margin-bottom:15.63vw;}
    .sub_title em {font-size: 3.65vw;}
    .sub_title h3 {font-size: 9.38vw; margin-top:2.08vw;}

}