.pc_show{display:block}
.m_show{display:none}
@media (max-width:1000px){
.pc_show{display:none}
.m_show{display:block}
}



.sub01_visual_wrap {width:100%; height:350px; background:url('/common/img/sub/sub_vi1.jpg') no-repeat top; background-size:cover; position:relative;}
.sub02_visual_wrap { background:url('/common/img/sub/bqy_banner.png') no-repeat top;}
.sub03_visual_wrap1 { background:url('/common/img/sub/eco-freindly yarn_banner.png') no-repeat top;}
.sub03_visual_wrap2 { background:url('/common/img/sub/lenzing items_banner.png') no-repeat top;}
.sub03_visual_wrap22 { background:url('/common/img/sub/lenzing items_banner@.png') no-repeat top;}
.sub03_visual_wrap3 { background:url('/common/img/sub/funtional_banner.png') no-repeat top;}
.sub03_visual_wrap4 { background:url('/common/img/sub/flame_banner.png') no-repeat top;}
.sub04_visual_wrap { background:url('/common/img/sub/esg_banner.png') no-repeat top;}
.sub04_visual_wrap1{ background:url('/common/img/sub/social_bn.png') no-repeat top;}
.sub04_visual_wrap2{ background:url('/common/img/sub/g_bn.png') no-repeat top;}
.sub05_visual_wrap { background:url('/common/img/sub/ssfs_banner.png') no-repeat top;}
.sub06_visual_wrap { background:url('/common/img/sub/contact us_banner.png') no-repeat top;}
.sub01_visual_wrap div {position:absolute; left:50%; top:50%; text-align:center; width:100%; color:#fff; font-size:1.1rem; transform:translate(-50%,-50%)}
.sub01_visual_wrap div h1 {font-size:3rem; line-height:1em; font-weight:600}
.sub01_visual_wrap .pd2 h1 {font-size:1.75em; line-height:1.3; font-weight:400}

.sub_top_area{max-width:1280px; margin:9em auto 1em auto; font-size:1.2rem; color:#777}
.sub_top_area p{margin-right:5px}
.sub_top_area p:last-child{color:#ea0c0c}
.sub_top_area span{display:inline-block; margin-right:5px;}


.sub_section{padding:15em 0; position: relative;}
.sub_inner{max-width:1280px; margin:0 auto;}
.sub_title{line-height:1.2; font-size:3.2rem; font-weight:700}
.sub_title1{font-size:50px; padding-bottom:1.5em;font-weight:500}








/* company overview */

.sub_bg1{position: absolute; top:-25px; right:0; z-index: -1; text-align:right}
.sub_bg1 img{width:70%}
.sub_section.sub_section1 > .sub_inner > .flex > p{width:50%;}
.sub_section.sub_section1 > .sub_inner > .flex > div{width:50%}

.sub_bg{background:url('/common/img/sub/corevalue_back.png') no-repeat center; padding:12em 0}

.sub_section.sub_bg .sub_title1{padding-top:0}
.company01_ul{gap:1em;}
.company01_ul li{width:25%;}
.company01_ul li p:nth-of-type(1){margin-top:20px}
.company01_ul li p:nth-of-type(2){margin-top:20px; line-height:1.2; height: 96px;}
.company01_ul li p img{width:6em}

.sub_section.sub_section1_1 ul{gap:1em}
.sub_section.sub_section1_1 ul li{width:25%; border:1px solid #333; padding:2em; box-sizing:border-box; height: 18em; position: relative;}
.sub_section.sub_section1_1 ul li:after{content:''; display:block; position: absolute; top:0; left:0; width:10px; height:63px; background:#35cd8b}
.sub_section.sub_section1_1 ul li h2{font-size:1.3rem; color:#ea0c0c; margin-bottom:30px; font-weight:500}
.sub_section.sub_section1_1 ul li p{font-size:1.5rem; font-weight:700; line-height:1.4; display:flex; height: 73%; justify-content:center; align-items:center;}
.sub_section.sub_section1_1 ul li.type2 h2 {margin-bottom: 5%;}
.sub_section.sub_section1_1 ul li.type2 h2.type2 {margin: 23% 0 5%;}
.sub_section.sub_section1_1 ul li.type2 p {height: 20%;}


/* 240117 */
/* 조직도 */
.img_group {width: 100%; margin-top: 15em;}
/* // 240117 */





/* CEO Message */
.ceo_bg{width:100%; background: url('/common/img/sub/ceo_bg.png') no-repeat 0 0; background-size:cover; overflow:hidden}
.ceo .left{width:40%; margin-right:5%}
.ceo .right{width:55%; padding-left:4em; box-sizing:border-box;}
.ceo .right p{line-height:1.4; color:#333;}
.ceo span.tm30{display:block;}
.ceo img{width:100%;}
.ceo span img{width:auto; float:right}
.ceo_pt{font-size:2.75em;font-weight:600;line-height:1.3}






@media (max-width:1280px){
.sub_top_area{max-width:95%; margin:5em auto 1em auto;}
.sub01_visual_wrap{height:200px;}
.sub01_visual_wrap div h1{font-size:1.5rem;}
.sub_inner{max-width:95%;}
.sub_section{padding:5em 0; position: relative;}
.c_o{padding:3em 0}


.sub_section.sub_section1 > .sub_inner > .flex > div iframe{height:350px !important;}
.sub_bg1 img{width:41%}
.sub_bg{padding:5em 0 5em 0}
.company01_ul li p:nth-of-type(2){font-size:1rem}
.company01_ul li p:nth-of-type(2) br{display:none}

/* 240117 */
/* 조직도 */
.img_group {margin-top: 5em;}
/* // 240117 */

.ceo .right p br{display:none}
.ceo_pt{font-size:1.8em}
}



@media (max-width:1200px){
.sub_section.sub_section1_1 ul li p{font-size:1.2rem;}
.ceo .left{width:44%; margin-right:1%}
.ceo .right{padding-left:3em}

}


@media (max-width:1100px){
.sub_title{font-size:2.8rem;}

}

@media (max-width:1000px){
.sub_section.sub_section1 > .sub_inner > .flex{flex-direction:column;}
.sub_section.sub_section1 > .sub_inner > .flex > p{width:100%; margin-bottom:1em;}
.sub_section.sub_section1 > .sub_inner > .flex > div{width:100%}
.sub_bg1 img{width:80%}
.sub01_visual_wrap .pd2 h1 {font-size:1.2em}
.sub04_visual_wrap2{ background:url('/common/img/sub/g_bn.png') no-repeat center;}

.ceo .inner{display:block;}
.ceo .left{width:100%; margin-right:0}
.ceo .left h4{margin-bottom:1em}
.ceo .right{width:100%; padding-left:0}

}


@media (max-width:900px){
.company01_ul li p:nth-of-type(2){height:122px;}
.sub_section.sub_section1_1 ul li p{font-size:1rem;}
.sub_section.sub_section1_1 ul li{padding:2em 1em}
.sub_section.sub_section1_1 ul li h2{font-size:1.1rem;}

}

@media (max-width:700px){
.sub_top_area{font-size:.9rem; }
.sub_title{font-size:2rem;line-height: 1.2}
.c_o .sub_title{font-size:1.4rem;margin-bottom:1.2em}
.sub_bg1 img{width:140%}
.sub_bg .sub_title1{margin-bottom:0;}
.company01_ul{flex-wrap:wrap; justify-content:center;}
.company01_ul li{width:48%; margin-bottom:3em; flex-grow:1}
.company01_ul li p:nth-of-type(2){height: 73px;}


.sub_section.sub_section1_1 ul{flex-wrap:wrap;}
.sub_section.sub_section1_1 ul li{flex-grow:1; width:48%; height: 14em;}
.sub_section.sub_section1_1 ul li h2{font-size:1.3rem; margin-bottom:20px;}
.sub_section.sub_section1_1 ul li.type2 h2 {margin-bottom: 3%;}
.sub_section.sub_section1_1 ul li.type2 h2.type2 {margin: 10% 0 3%;}


.ceo .right p{font-size:1rem;}
}



@media (max-width:500px){
.sub_title1{font-size:2.3rem}
.sub_section.sub_section1 > .sub_inner > .flex > div iframe{height:250px !important}
.sub_bg{background:url('/common/img/sub/corevalue_back1.png')no-repeat bottom}
.company01_ul{flex-direction:column;}
.company01_ul li{width:71%}
.company01_ul li:last-child{margin-bottom:0}
.company01_ul li p:nth-of-type(2){height: auto;}
.sub_section.sub_section1_1 ul li{height: 14em;}
.sub_section.sub_section1_1 ul li p{height: 76%;}
.company01_ul li p img{width:4em}
}


@media (max-width:450px){
footer ul li{flex-grow:0 !important}
}


@media (max-width:420px){
.sub_section.sub_section1_1 ul li{height: auto;}
.sub_section.sub_section1_1 ul li.type2 h2 {margin-bottom: 3%;}
.sub_section.sub_section1_1 ul li.type2 h2.type2 {margin: 3% 0;}

}


@media (max-width:400px){
.sub_section.sub_section1 > .sub_inner > .flex > div iframe{height:200px !important}
.sub_title{font-size:2rem;}
.c_o .sub_title{font-size:1.4rem;margin-bottom:1.2em}
}





.history .sub_title{width:50%;font-size:70px;font-weight:600}
.history{width:100%;overflow:hidden}

.history .left{width:30%; margin-right:10%; position:relative;box-sizing:border-box;margin-top:1em}
.history .left h3{font-size:80px; position:absolute;z-index:99; top:0; left:0;font-weight:600}
.history .left img{margin-top:47px; border-radius:20px;}
.history .right{width:60%; border-left:1px solid #ddd; padding-left:5%; position:relative;box-sizing:border-box;}
.history .right .dot{margin:9% 0}
.dot b{font-weight:700; display:block; margin-bottom:6px;}
.history .right p{position:relative; font-size:26px; line-height:1.3;font-weight:500}
.history .right p:before{position:absolute; width: 18px; height: 18px; background:#d50a0a; left:-10.5%; top:8%; border-radius:50%; content:''}
.history span{font-size:20px}

.history img{width:100%;}

@media (min-width:1001px){
.history .left .under{margin-bottom:200px;}
.history .right{padding-bottom:150px}
.history h2{margin-bottom:200px}
}
@media (max-width:1000px){
.history .sub_title{width:100%;font-size:2em}
.history section{display:block; margin-bottom:2em;}
.history .left{width:100%; margin-right:0; padding-bottom:0;margin-top:5em}
.history .left img{margin-top:43px;}
.history .right{width:auto; margin:0 0 0 9px; padding-left:30px}
.history .right p{font-size:20px;}
.history .right p:before{width: 18px; height: 18px; left:-40px; top:5%;}
.history .left h3{font-size:70px}

}


.section_ul{display:flex;flex-wrap:wrap}
.cert section{padding-bottom:8em}
.cert section:last-child{padding-bottom:0}
.cert ul:after{content:''; display:block; clear:both;}
.cert li{width:23.5%; margin-right:2%; float:left; margin-bottom:4em}
.cert li:nth-child(4){margin-right:0}
.cert li:last-child{margin-right:0}
.cert .imgbox{width:100%;text-align:center; border:1px solid #d3d3d3;box-sizing:border-box;}
.cert .imgbox img{width:100%;}
.cert li p{padding:20px 0 12px 0; font-weight:600; line-height:1.2;}
.cert br{display:none}
.tm60{margin-top:60px}
@media (max-width:1000px){
.cert{width:95%;margin:0 auto;}
.cert li{width:47%;margin-right:6%; margin-bottom:1em;}
.cert li:nth-child(2n){margin-right:0}
.cert .imgbox{width:100%}
.cert br{display:block}
}




/* .bqy .sub_inner{margin:0 0 0 auto;max-width:1560px;} */
.bqy .intro{margin:12.5% 0 12.5% auto;max-width:1560px;display:flex}
.bqy .intro .text{width:35%;margin-right:5%}
.bqy .intro .img{width:60%}
.bqy .intro .img img{width:100%}
.bqy .intro h4{font-size:2.81vw;font-weight:600;line-height:1.2;margin-top:5%}
.bqy .intro .img p{font-size:1.25em;color:#7b7b7b;line-height:1.4;font-weight:400;margin-top:40px}

.bqy_tab {overflow:hidden;max-width:1200px;margin:0 auto}
.bqy_tab li{width:33.33%;float:left;border-bottom:3px solid #eeefe9;text-align:center;cursor:pointer;font-size:1.25em;color:#7f7f7f;padding:15px 0;font-weight:500}
.bqy_tab li.current {border-bottom:3px solid #dd2428;color:#dd2428}
.bqy_tab_content{display: none;}
.bqy_tab_content.current{ display: inherit;}

.bqy_text .introtext{font-size:4em;font-weight:500;text-align:center;margin-top:7%}

.bqy .greenline{background: #35cd8b;    width: 60px;    height: 14px;}
.bqy table{width:100%;text-align:center;font-size:1.25em}
.bqy tr{border:1px solid #000; border-left:none;border-right:none;}
.bqy th{border-right:1px solid #000;padding:20px 5px}
.bqy td{padding:2%;font-weight:700}
.bqy tr:first-child td{font-weight:500}
.bqy .overview1{display:flex;max-width:1200px;margin:12.5% auto;align-items:end}
.bqy .overview1 .left{width:40%;margin-right:10%;/* display:flex;justify-content:space-around;flex-direction:column */}
.bqy .overview1 .left h5{color:#dd2428;font-size:1.13em;font-weight:600;padding:5% 0  10% 0}
.bqy .overview1 .right{width:50%;}
.bqy .overview1 .right h4{font-size:1.5em}
.bqy .overview1 .right .box{gap:25px;text-align:center;display:flex;align-items:center}
.bqy .overview1 .right .box div{width:50%;padding:3%;box-sizing:border-box;position:relative;border:1px solid #000;height:273px}
.bqy .overview1 .right h2{font-size:1.13em;color:#dd2428;font-weight:600}
.bqy .overview1 .right .box p{
font-size: 1.5em;
    font-weight: 700;
    line-height: 1.4;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.bqy .overview1 .right .box div:after
{    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 59px;
    background: #35cd8b;}
/* .greenline{width: 60px;    height: 15px;    background: #43d196;}
.greenline2{height: 60px;  width:15px;    background: #43d196;}
.overview1 .box{border:1px solid #000;padding:0 5%;width:48%;float:left;margin-right:4%;box-sizing:border-box;text-align:center}
.overview1 .box:last-child{margin-right:0}
.overview1 .box h5{color:red}
.overview1 .box p{font-weight:600} */

.bqy .overview2{background: url('/common/img/sub/bqy_bg.png') no-repeat 0 0; background-size:cover; padding:5% 0}
.bqy .overview2 .inner{display:flex;align-items:center;max-width:1200px;margin:0 auto}
.bqy .overview2 .left{width:45%;margin-right:10%}
.bqy .overview2 .left img{width:100%;}
.bqy .overview2 .left img:last-child{margin-top:15px}
.bqy .overview2 .right{width:45%;}
.bqy .overview2 .right h4{font-size:2.81em;color:#fff;font-weight:600}
.bqy .overview2 .right h5{font-size:2em;color:#fff;font-weight:600;padding:3% 0 15% 0}
.bqy .overview2 .right p{font-size:1.13em;color:#fff;line-height:1.4;font-weight:300;letter-spacing:.5px;}

.bqy .overview3{margin-top:12.5%}
.bqy .overview3 .inner{max-width:1200px;margin:0 auto 3% auto;display:flex;justify-content:space-between}
.bqy .overview3 h3{font-size:4em;font-weight:600}
.bqy .overview3 p{font-size:2em;font-weight:600;line-height:1.3}
.bqy .overview3 iframe{height:750px}

.bqy_products{max-width:1200px;margin:10% auto;display:flex;gap:5%}
.bqy_products .left{width:30%;font-size:3.38em;font-weight:600}
.bqy_products .right{width:70%}
.bqy_products .right section:first-child{margin:0}
.bqy_products .right section{margin:70px  0;font-weight:600}
.bqy_products .right section h4{border-bottom:1px solid #5c5c5c;font-size:2em;padding:15px 20px;font-weight:600}
.bqy_products .right section span{font-weight:400;font-size:.8em}
.bqy_products .right section p{border-bottom:1px solid #cdcdcd;font-size:1.25em;padding:15px 20px; font-weight:300}
.bqy_products .right section p:last-child{border-bottom:none}

.bqy_contact{max-width:1200px;margin:10% auto;display:flex;gap:5%}
.bqy_contact .left{width:30%;font-size:3.38em;font-weight:600}
.bqy_contact .right{width:70%}
.bqy_contact .right section:first-child{margin:0}
.bqy_contact .right section{margin:70px  0;font-weight:600}
.bqy_contact .right section h4{font-size:2em;padding:20px;font-weight:600;border-bottom:1px solid  #5c5c5c}
.bqy_contact .right section h5{font-size:1.25em;font-weight:400;padding:27px 20px}
.bqy_contact .right section h5 span{color:#7b7b7b;}
.bqy_contact .right section div{display:flex;align-items:center}
.bqy_contact .right section p{font-size:1.13em;padding:7px 20px; font-weight:300;width:10%}
.bqy_contact .right section b{font-size:1.13em}
.bqy_contact .right section:nth-child(2) div:nth-of-type(2n){margin-bottom:4%}

@media (max-width:1000px){
.bqy_tab li{padding:12px 0;font-size:1.1em}

.bqy .intro{display:block}
.bqy_text .introtext{font-size:1.8em;margin-top: 10%}
.bqy .intro .text{width:90%;margin:0 auto;}
.bqy .intro .img{width:90%;margin:0 auto}
.bqy .intro h4{font-size:1.8em}
.bqy .intro .img p{font-size:1em}

.bqy .overview1{display:block;width:90%}
.bqy .overview1 .left{width:100%;margin-right:0;margin-bottom:10%;}
.bqy .overview1 .right{width:100%}
.bqy .overview1 .right .box p{font-size:1.1em}

.bqy .overview2 .inner{display:block}
.bqy .overview2 .left{width:90%;margin:0 auto}
.bqy .overview2 .right{width:90%;margin:0 auto}
.bqy .overview2 .right h4{font-size:1.6em}
.bqy .overview2 .right h5{font-size:1.25em}
.bqy .overview2 .right p{font-size:1em}

.bqy .overview3 .inner{display:block;width:90%;margin:0 auto}
.bqy .overview3 h3{font-size:2.7em;}
.bqy .overview3 p{font-size:1.4em;margin-top:20px;}
.bqy .overview3 iframe{height:350px}

.bqy br{display:none}

.bqy_products{display:block}
.bqy_products .left{width:90%;margin:0 auto;font-size:2.4em}
.bqy_products .right{width:90%;margin:10% auto}
.bqy_products .right section h4{padding:10px 5px;font-size:1.7em}
.bqy_products .right section p{padding:10px 5px;font-size:1.1em}

.bqy_contact{display:block}
.bqy_contact .left{width:90%;margin:0 auto;font-size:2.4em}
.bqy_contact .right{width:90%;margin:10% auto}
.bqy_contact .right section h4{padding:10px 5px;font-size:1.7em}
.bqy_contact .right section h5{padding:10px 5px}
.bqy_contact .right section p{padding:5px;width:auto}

.bqy .greenline{width: 45px;    height: 8px;}
.bqy table{font-size:.9em}
.bqy .overview1 .right .box div:after{width:8px;height:45px}
.bqy_contact .right section p{font-size:1.1em}
.bqy_contact .right section b{font-size:1.1em}
}


@media (max-width:600px){
.bqy .intro .text img{width:40%}
}




.ssfs .inner{max-width:1200px;margin:0 auto}
.ssfs h3{font-size:3.38em;margin:20% 0 4% 0 ;font-weight:700} 
.ssfs section{margin-bottom:15%}
.ssfs section img{width:100%}
.ssfs section .text{display:flex;gap:5%;margin-top:5%;line-height:1.2}
.ssfs section h5{width:35%;font-size:2.4em;color:#949494;font-weight:500}
.ssfs section b{font-weight:900}
.ssfs section p{width:65%;font-size:1.5em;}

@media (max-width:1000px){
.ssfs h3{font-size:2em;margin:20% 0 10% 0}
.ssfs .inner{width:90%;}
.ssfs section{margin-bottom:20%}
.ssfs section .text{display:block}
.ssfs section h5{width:100%;font-size:1.6em}
.ssfs section p{width:100%;font-size:1em;margin-top:6%}

}


.sub_contact .inner{max-width:1200px;margin:0 auto}
.sub_contact h3{font-size:3.38em;font-weight:700;margin:15% 0 4% 0}
.contact_tab ul{display:flex;align-items:stretch;width:100%;}
.contact_tab li{width:33.33%;background:#f9f9f9;text-align:center;cursor:pointer;padding:28px 0;font-size:22px;font-weight:700;color:#000;align-items:center;display:flex;justify-content:center}
.contact_tab li.current{background:#000;color:#fff}
.contact_tab_content{display: none;}
.contact_tab_content.current{ display: inherit;}

@media (max-width:1000px){
.sub_contact h3{font-size:2em;width:90%;margin:15% auto 4% auto}
.contact_tab ul{overflow-x:auto;white-space:nowrap;}
.contact_tab li{font-size:1.1em;width:100%;padding:3%;}

}


.contact_text li {display:flex;width:100%;gap:3%;margin:6.25% 0}
.contact_text h5{color:#66cc99}
.contact_text div{border:1px solid #000;box-sizing:border-box;padding:2%;width:33.33%;font-size:1.1em}
.contact_text p{font-weight:600;margin:25px 0;line-height:1.3}
.contact_text dl{display:flex;gap:20px}
.contact_text dt{font-weight:600;margin-bottom:5px}
@media (max-width:1000px){
.contact_text li {display:block;width:90%;margin:0 auto}
.contact_text div{width:100%;margin:5% 0;padding:5%}
}



/* 지도클릭 */
.cont_map {width: 100%; padding:30% 0; position: relative; background-image: url('/common/img/sub/contact_map.png'); background-size: 100%; background-position: center; background-repeat: no-repeat;}

.cont_map_1 {position: absolute; width: 200px; top: 236px; left: 80px}
.cont_map_2 {position: absolute; width: 250px; top: 276px; left: 445px}
.cont_map_3 {position: absolute; width: 250px; top: 296px; left: 950px}

.cont_map_tag {width: 27px; height: 37px; background-size: cover; background-position: center; background-image: url('/common/img/sub/ic_locate.png'); cursor: pointer}
.cont_map_list {display:none;float: left; margin: 0px 0px 0px 15px; padding: 10px 15px; background: white; border: 1px solid #66cc99 ; font-weight: 400;font-size:1em;}
.cont_map_list p{padding:5px 0}
 

@media (max-width:1200px){
.cont_map_1{top:30%;left:5%;} 
.cont_map_2{top:35%;left:37%;} 
.cont_map_3{top:37%;left:79%} 

.cont_map_tag {width: 3vw; height: 3vw; background-size: 100%;background-repeat:no-repeat;padding:7% 0}
}
@media (max-width:900px){

.cont_map_1{top:25%;left:5%;} 
.cont_map_2{top:31%;left:36.5%;} 
.cont_map_3{top:32%;left:78%} 
.cont_map_tag {width: 4vw; height: 4vw}
.cont_map_list {display:none;float: left; margin: -5px -69px; padding: 5px 7px; background: white; border: 1px solid #66cc99 ; font-weight: 400;font-size:.8em;}
.cont_map_1 .cont_map_list{margin:-5px}
}

.contact_tab2 ul{display:flex;align-items:stretch;width:100%}
.contact_tab2 li{width:50%;background:#f9f9f9;text-align:center;cursor:pointer;padding:28px 0;font-size:22px;font-weight:700;color:#000;align-items:center;display:flex;}
.contact_tab2 li a{width:100%;color:#000}
.contact_tab2 li.on {background:#000;color:#fff}
.contact_tab2 li.on a{color:#fff}

@media (max-width:1000px){
.contact_tab2 ul{overflow-x:auto;white-space:nowrap;}
.contact_tab2 li{font-size:17px;width:100%;padding:3%;}

}



.contact_text2 li{margin:3% 0 15.63% 0}
.contact_text2 section{display:flex;align-items:center;border-bottom:2px solid #d3d3d3}
.contact_text2 section:first-child{border-top:1px solid #000}
.contact_text2 section .left{width:30%;text-align:center;background:#f1f1f1 ;padding:3% 0;font-size:1.13em;font-weight:600}
.contact_text2 section .right{width:70%;font-size:1.13em;line-height:1.4;padding:0 2%}


@media (max-width:1000px){
.contact_text2 section{display:block}
.contact_text2 section .left{width:100%;border-bottom:2px solid #d3d3d3;padding:10px 0}
.contact_text2 section .right{width:90%;margin:0 auto;padding:10px 0}
}











.products .inner{max-width:1200px;margin:0 auto;}
.products .intro{max-width:1200px;display:flex;margin:5% auto;gap:5%}
.products .intro .text{width:50%;}
.products .intro h4{font-size:2.3em;font-weight:700;line-height:1.2;}
.products .intro p{font-size:1.2em;font-weight:500;line-height:1.4;margin-top:8%}
.products .intro .img{width:50%}
.products .intro .img img{width:100%}

.products .intro dl{margin-top:10%}
.products .intro dt{font-size:1.25em;font-weight:600;margin-bottom:3%;line-height:1.3}
.products .intro dd{display:flex;gap:5px;line-height:1.4;padding:5px 0}
.products .intro span{color:#dd2428;}

@media (max-width:1000px){
.products .intro{display:block}
.products .intro .text{width:90%;margin:8% auto}
.products .intro h4{font-size:1.8em;}
.products .intro p{margin:3% 0 6% 0;font-size:1.1em}
.products .intro .img{width:90%;margin:0 auto}
.products .intro dt{font-size:1.1em;}
.products .intro dd{padding:4px 0;line-height:1.3}
}

/* .products_menu{max-width:1200px;margin:0 auto;} */
.products_tab {display:flex;width:100%;margin:5% 0}
.products_tab:nth-child(2){margin-top:-5%}
.products_tab:nth-child(2) li{padding:30px 10px 15px 10px}
.products_tab li{border-bottom:3px solid #eeefe9;text-align:center;cursor:pointer;font-size:1.25em;color:#7f7f7f;font-weight:500;padding:15px 10px;width:100%}
.products_tab li.current {border-bottom:3px solid #dd2428;color:#dd2428;}
.products_tab_content{display: none;}
.products_tab_content.current{ display: inherit;}
/* .products a{padding:30px 10px;} */

@media (max-width:1200px){
.products_tab{    overflow-x: auto;
    white-space: nowrap; }
.products_tab li{padding:15px;font-size:1.1em}

}


.pd_swiper{padding:0 5%}


.comment{margin:5% auto 13% auto;max-width:1200px;overflow:hidden;padding:0 5%}
.comment h3{font-size:3.88em;font-weight:700;margin-bottom:40px}
.comment p{font-size:1.13em;float:right;width:80%;line-height:1.4}




.features{background: url('/common/img/sub/features_bg.png')no-repeat 0 0;padding:7.3% 0;position:relative;background-size:cover}
.big_features{background: url('/common/img/sub/features_bg2.png')repeat bottom;}

.features .circle{position:absolute;left:calc(50% - 600px);top:0; transform:translate(0, -50%);z-index:99;}
.features .circle img{width:100%}
.features_con{overflow:hidden;max-width:1200px;margin:0 auto;padding:0 5%}
.features .text{width:22%;float:left;margin-right:13%}
.features .text h4{font-size:2.63em;font-weight:700;margin-bottom:10%}
.features .text p{font-size:1em;line-height:1.4}
.features .card{width:65%;float:left;display:flex;gap:3%}
.features .card dl{background:#43d196;border-radius:20px;width:25%}
.features .card:nth-child(4){margin-top:2%}
.features .card dt{text-align:center;padding:48px 0}
.features .card dt img{width:50%}
.features .card dd{border-top:1px solid #fff;color:#fff;text-align:center;padding:20px 0;font-size:1.25em;font-weight:600}

@media (max-width:1400px){

.features {padding:13% 0}

}


@media (max-width:1200px){
.features .circle{left:5%;}

}
@media (max-width:1000px){
.comment{margin:0 auto 25% auto}
.comment h3{font-size:2em;margin-bottom:18px}
.comment p{font-size:1em}
.features{background-repeat:repeat;}
.features_con{width:90%}
.features .text{width:100%;display:block;}
.features .text2{display:none}
.features .text h4{font-size:2em;margin-bottom:5%}
.features .text p{font-size:1em;margin-bottom:7%}
.features .card{width:100%;flex-wrap:wrap;gap:0}
.features .card dl{width:48%;float:left;margin-bottom:4%;margin-right:4%}
.features .card dl:nth-child(2n){margin-right:0}
.features .card:first-child dl:nth-child(3){margin-bottom:0}
.features .card:first-child dl:nth-child(4){margin-bottom:0}
.features .card dd{font-size:1em}
}
@media (max-width:800px){
.features{padding:22% 0}
}
@media (max-width:600px){
.features .circle{width:30%}
}







.gray{color:#565656}
.gray_bg{background:#f9f9f9;padding:5%}
.esg_gray{color:#595959}
.red{color:#dd2428}
.gray2{color:#949494}

.pd1{max-width:1200px;margin:0 auto;padding:0 5%}
.pd1 img{width:100%}


.both{display:flex;gap:10%}
.both .left{width:30%}
.both .right{width:70%}

.img2{display:flex;gap:4%}
.img2 img{width:48%}

.t_and_i{display:flex;gap:5%}
.t_and_i dl{width:50%;}
.t_and_i dd{margin-top:5%}
.t_and_i img{width:100%}

.border_box{border:1px solid #ddd}
.border_box dd{padding:2%;line-height:1.4;font-size:1.2em; font-weight:500}
@media (max-width:1000px){
.both{display:block}
.both .left{width:100%}
.both .right{width:100%}

.border_box dd{font-size:1em}

.t_and_i{display:block}
.t_and_i dl{width:100%;}
}

.t_and_i2{display:flex;gap:5%}
.t_and_i2 dl{width:50%;}
.t_and_i2 dd{margin-top:5%}
.t_and_i2 img{width:100%}



.right_con{max-width:1200px;margin:0 auto ;display:flex;gap:10%}
.right_con .left{width:100%}
.right_con .right{width:40%}

.t_and_i4{display:flex;gap:20px}
.t_and_i4 dl{}
.t_and_i4 dd{text-align:center;font-weight:600;font-size:1.2em;margin-top:5%}
.t_and_i4 img{width:100%} 

/* .t_and_i40{overflow:hidden}
.t_and_i40 div{float:left;width:20%;}
.t_and_i40 div:nth-child(3){float:left;width:30%}
.t_and_i40 div:nth-child(4){float:left;width:30%}

.t_and_i40 img{width:100%;height:300px} */


@media (max-width:1000px){
.right_con {flex-direction:column-reverse}
.right_con .left{width:100%}
.right_con .right{width:100%}
.t_and_i4 dd{font-size:1em}
}


hr.big{margin:5.5em 0}
hr.small{margin:2.4em 0}
@media (max-width:1000px){
hr.big{margin:3.5em 0}
hr.small{margin:2em 0}
}

table.small {width:100%;border-top:2px solid #000; }
table.small tr{text-align:center;border-bottom:1px solid #000 ;}
table.small tr:last-child{border-bottom:2px solid #000;}
table.small tr:first-child{font-weight:600}
table.small th{padding:1.5% 0;font-size:1.3em;width:33.33%}
table.small td{padding:1.5% 0;font-size:1.3em;width:33.33%}

table.tb4 {table-layout:fixed;min-width:500px}
table.tb4 th{padding:1.5% 0;font-size:1.1em;width:25%}
table.tb4 td{padding:1.5% 0;font-size:1.1em;width:25%}

.note{margin-top:10px;font-size:1em}
@media (max-width:1000px){
table.small th{font-size:1em}
table.small td{font-size:1em}
table.tb4 th{font-size:1em}
table.tb4 td{font-size:1em}
.note{font-size:.8em}
}
@media (max-width:600px){
.tbscroll{overflow-x:auto}

}

.greentext{color:#66cc99;border-bottom:1px solid #000;padding-bottom:15px;margin-bottom:15px;font-size:2.4em;font-weight:700;}
@media (max-width:1000px){
.greentext{font-size:1.7em}
}
.c{text-align:center}


	.gray_bg2	{background:#f2f2f2;padding:5%}
	.gray_bg2	img{width:100%}
	.gray_bg2	section{display:flex;gap:10%;max-width:1200px;margin:0 auto}
	.gray_bg2	.left{width:30%}
	.gray_bg2	.right{width:70%}

/* 	.circle{display:flex}
	.circle li{width:12.5%;background:#000;color:#fff;border-radius:50%;} */


/* .circle {width:100%; margin:0 auto;} */
.color_circle{width:100%;margin:0 auto;overflow:hidden;justify-content:center;display:flex;align-items:center;gap:2.8%}
.color_circle li{ width:10%; padding-bottom:10%; background-color:#000;   border-radius: 50%; text-align:center;transition: all 0.3s ease; position:Relative; display:inline-block; }

.color_circle li > div  {width:calc(100% - 30px); height:calc(100% - 30px); display:flex; color:#fff; position:absolute; border-radius:50%; top:15px; left:15px; box-sizing:border-box;  align-items:center;  justify-content:center; flex-wrap:wrap }

.color_circle li:nth-child(2){background:Gray}
.color_circle li:nth-child(3){background:Navy}
.color_circle li:nth-child(4){background:Blue}
.color_circle li:nth-child(5){background:Red}
.color_circle li:nth-child(6){background:Orange}
.color_circle li:nth-child(7){background:#dee028}
.color_circle li:nth-child(8){background:#6a6435 }
.color_circle p{font-size:1.2em;font-weight:700; }





@media (max-width:1200px){

.color_circle {display:block;}
.color_circle li{ width:20%;float:left;margin-right:6.6%;padding-bottom:20%}
.color_circle li:nth-child(4n){ margin-right:0}
.color_circle li:nth-child(1){margin-bottom:5%}
.color_circle li:nth-child(2){margin-bottom:5%}
.color_circle li:nth-child(3){margin-bottom:5%}
.color_circle li:nth-child(4){margin-bottom:5%}

}

@media (max-width:1000px){
.gray_bg2	section{display:block}
.gray_bg2	.left{width:100%}
.gray_bg2	.right{width:100%}
.color_circle p{font-size:1em}
}

.bold{font-weight:700}
.type2{max-width:1200px;margin:0 auto ;padding:0 5%;}
.type2_tit{font-size:2.13em;font-weight:600;margin-bottom:1em;line-height:1.4}
.type2_mid{font-size:1.5em;font-weight:600;margin-bottom:.7em;line-height:1.4}
.type2_p{font-size:1.13em;line-height:1.4;margin-bottom:.7em;line-height:1.4}

hr.m_gap{display:none}
@media (max-width:1000px){
.type2_tit{font-size:1.6em;font-weight:600;margin-bottom:.4em;line-height:1.3}
.type2_mid{font-size:1.2em;font-weight:600;margin-bottom:.6em;line-height:1.3}
.type2_p{font-size:1em;line-height:1.4;margin-bottom:.6em}
hr.m_gap{display:block;margin:.5em 0}
}

.pt_big{font-size:54px !important; font-weight:700;margin-bottom:3%}
.pt_mid{font-size:32px !important;font-weight:700;margin-bottom:2%}
.pt_small{font-size:24px !important;font-weight:700;margin-bottom:2%}
.pt_p1{font-size:20px !important;}
.pt_p2{font-size:18px !important;}


.border_img img{border:1px solid #d3d3d3;box-sizing:border-box;}


.border_bottom p{border-bottom:1px solid #cecece ;padding-bottom:1%;margin:1% 0}
.border_bottom p:last-child{border-bottom:none}





.pt5{border-bottom:2px solid #cecece;padding-bottom:2em;margin-bottom:2em}
.pt5 h2{font-size:5em;font-weight:700}
.pt5 p{margin-bottom:5px}
.pt5 span{vertical-align:top;font-size:18px}
.pt5 div:nth-of-type(1){margin:1em 0}
.pt5:last-child{border-bottom:none}

@media (max-width:1000px){
.pt5 h2{font-size:2.5em}
.pt5 span{font-size:1rem}
}



.img3{display:flex;gap:5%}
.img3 img{width:30%}

hr.pt_gap{margin:10px 0}

@media (max-width:1000px){
.img_small{width:50%;margin:0 auto}
.fabrics_pt{font-size:1.2em}
.app li{margin-bottom:0.2em}
.color8{margin-top:1.2em}
.greentext_tit{margin-bottom:1.2em}
}

.fw500{font-weight:500 !important}


@media (min-width:1001px){
.modal{width:95%;}
.cool img{float:right}
}

.porexil img{width:65%;}
.porexil dt{text-align:center}

.ac{align-items:center}





.esg_view{max-width:1200px;margin:13em auto;padding:0 5%}
 .view_head h4{font-size:2em;font-weight:600;border-bottom:1px solid #acacac;padding-bottom:2%;text-align:center }
 .view_head section{margin:2% 0 5% 0;overflow:hidden}
.view_head .date{font-size:1.25em;color:#747474;float:left}
.view_head .file {float:right}
.view_head .file a{font-size:1em;color:#000}
 .view_body{padding-bottom:5%;border-bottom:2px solid #000}
/* .esg_view .view_body img{width:100%} */
.view_btn{text-align:center;margin-top:5%}
 .view_btn a{font-size:1.13em;font-weight:500;color:#000 !important}

@media (max-width:1000px){
.esg_view{margin:7em auto}
 .view_head h4{font-size:1.4em;padding-bottom:1em}
 .view_head section{margin:1em 0 2em 0;}
 .view_head .date{font-size:1.1em}
 .view_head .file a{font-size:.9em;}
  .view_btn a{font-size:1em}
}
@media (max-width:700px){
.view_head .file {float:none}
.view_head .file a{word-break:break-all}
.view_head .date{width:100%;margin-bottom:10px}
}
/* esg */
.esg h2{font-size:3.75em}
.esg h3{font-size:2em;margin-bottom:20px}
.esg h4{font-size:1.5em;margin-bottom:17px }
.esg p{font-size:1.25em}
hr.esgcon{margin:18.5px 0}

.esg{;line-height:1.3}
.esg .inner{max-width:1200px; margin:0 auto}
.env{margin-top:120px}
.env > div{border-top:1px solid #000;border-bottom:1px solid #000;background:#f7f7f7;padding:40px 26px}
.env > div > img{width:100%}
.bd_red{border-bottom:1px solid #dd2428;margin-bottom:17px;padding-bottom:20px}

.esg_tit{display:flex;align-items:center;margin:5em 0 7em 0;}
.esg_tit img{background:#dd2428;padding:24px;border-radius:18px;margin-right:20px}

.report h2{font-size:3.38em;font-weight:700;margin-bottom:75px}
.report h3{font-size:2em;font-weight:500;color:#949494;margin-bottom:50px}
.report .pt_p1{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:15px;font-size:1.25em;font-weight:600}
hr.swipe{margin:5.63em 0}


@media (max-width:1000px){

.esg{;line-height:1.2}
.m_inner{width:90%; margin:0 auto}
.env{width:90%; margin:0 auto;margin-top:60px;}
.env > div{padding:30px 20px}
.esg_tit {margin:3em auto 5em auto;width:90%}
.esg_tit img{width:25px;padding:10px;border-radius:10px;margin-right:10px}
.esg h2{font-size:2.4em}
.esg h3{font-size:1.75em;margin:0 auto 20px auto}
.esg h4{font-size:1.25em; }
.esg p{font-size:1em;line-height:1.4}
.report h2{font-size:2.7em;width:90%;margin:0 auto;margin-bottom:30px}
.report h3{font-size:1.5em;width:90%;margin:0 auto;margin-bottom:40px}
.report .pt_p1{font-size:1em}


hr.swipe{margin:3em 0}
}


.linebox_tit{display:flex;gap:25px;margin-bottom:16px}
.linebox_tit p{width:33.33%;text-align:center;font-size:1.25em;font-weight:600;}

.linebox_tit12{display:flex;gap:5%;margin-bottom:16px}
.linebox_tit12 p{flex:1;text-align:center;font-size:1.25em;font-weight:600}
.linebox_tit12 p:last-child{flex:2}


.linebox_tit122{display:flex;gap:24px;margin-bottom:16px}
.linebox_tit122 p{flex:1;text-align:center;font-size:1.25em;font-weight:600}
.linebox_tit122 p:nth-child(2){flex:2}
.linebox_tit122 p:last-child{flex:2}
.linebox_p p{font-size:1.13em;font-weight:300}

.linebox3{display:flex;position:relative;gap:25px;margin-bottom:12px}
.linebox3:before{width:100%;content:'';height:1px;background:#dd2428;position:absolute;top:50%;}
.linebox3 > div{justify-content:center;align-items:center;display:flex;width:33.3%;padding:20px 10px;border-radius:18px;text-align:center}
.linebox3 > div:nth-child(1){background:#dd2428;z-index:99;color:#fff}
.linebox3 > div:nth-child(2){background:#f9d2d3;z-index:98;color:#dd2428}
.linebox3 > div:nth-child(3){background:#ccf6e0;z-index:98;} 
.linebox3 p{font-size:1.13em}

.linebox12{display:flex;position:relative;gap:5%;margin-bottom:12px}
.linebox12:before{width:100%;content:'';height:1px;background:#dd2428;position:absolute;top:50%;}
.linebox12 > div{padding:20px;border-radius:18px}
.linebox12 > div:nth-child(1){background:#dd2428;z-index:99;flex:1;justify-content:center;align-items:center;display:flex;text-align:center;color:#fff}
.linebox12 > div:nth-child(2){background:#f9d2d3;z-index:98;flex:2}
.linebox12 > div > ul > li{display:flex;}
.linebox12 > div > ul > li > span{margin-right:10px}
.linebox12 p{font-size:1.13em}

.linebox122{display:flex;position:relative;gap:24px;margin-bottom:12px}
.linebox122:before{width:100%;content:'';height:1px;background:#dd2428;position:absolute;top:50%;}
.linebox122 > div{padding:20px;border-radius:18px}
.linebox122 > div:nth-child(1){background:#dd2428;z-index:99;flex:1;justify-content:center;align-items:center;display:flex;flex-direction:column;color:#fff;text-align:center}
.linebox122 > div:nth-child(1) img{margin-bottom:7px}
.linebox122 > div:nth-child(2){background:#f9d2d3;z-index:98;flex:2}
.linebox122 > div:nth-child(3){background:#fff;z-index:98;flex:2}
.linebox122 > div > ul > li{display:flex;}
.linebox122 > div > ul > li > span{margin-right:10px}
.linebox122 p{font-size:1.13em}
/* .linebox122{display:flex;position:relative;gap:5%;margin-bottom:12px}
.linebox122:before{width:100%;content:'';height:1px;background:red;position:absolute;top:50%;}
.linebox122 > div:nth-child(1){background:red;border-radius:18px;z-index:99;flex:1}
.linebox122 > div:nth-child(2){background:pink;z-index:98;flex:2}
.linebox122 > div:nth-child(3){background:#fff;z-index:98;flex:2} */



.linebox0 > div:nth-child(1){background:#f9d2d3;color:#dd2428}
.linebox0 > div:nth-child(2){background:#f68a8c;color:#fff}
.linebox0 > div:nth-child(3){background:#dd2428;color:#fff}
.linebox0 .circle{position:relative}
.linebox0 .circle::after{content:'';position:absolute;top:50%;right:-4px;margin-top:-3px;width:8px;height:8px;border-radius:50%;background:#dd2428}


.linebox5 {display:flex;gap:20px;}
.linebox5 dl{;border-radius:18px; background:#f9e7e7;color:#fff;text-align:center;width:20%;}
/* .linebox5 dl > div{border-bottom:1px solid red} */
.linebox5 dl:nth-child(2){background:#f4cacb}
.linebox5 dl:nth-child(3){background:#f78a8d}
.linebox5 dl:nth-child(4){background:#ef6467} 
.linebox5 dl:nth-child(5){background:#dd2428} 
.linebox5 dt{border-bottom:1px solid #fff;font-weight:600;padding:15px;font-size:1.25em}
.linebox5 dl:nth-child(1) dt{border-bottom:1px solid #dd2428}
.linebox5 dl:nth-child(2) dt{border-bottom:1px solid #dd2428}
.linebox5 dt b{font-weight:700;font-size:1.2em}
.linebox5 dd{font-weight:300;font-size:1.13em;padding:15px}

.m_g{display:none}
@media (max-width:1000px){
/* .linebox3 {flex-wrap:wrap} 
.linebox3 div{} */
.linebox_scroll{overflow-x:auto}
.linebox_scroll_in{min-width:400px;}
.linebox3 {gap:5%;}
.linebox_tit{gap:5%}
.linebox3 > div{padding:15px 5px}
.linebox3 p{font-size:.95em}

.linebox5 {flex-wrap:wrap} 
.linebox5 dl{width:100%}
.linebox5 dt {font-size:1em}
.linebox5 dt b{font-size:1.25em}
.linebox5 dd{font-size:.95em}

.linebox12{flex-wrap:wrap}
.linebox12 > div{width:100%}
.linebox12 > div:nth-child(1){flex:auto;margin-bottom:20px}
.linebox12:before{width:1px;height:100%;top:0;left:50%}
.linebox12 p{font-size:.95em}

.linebox_tit p{font-size:1.1em}
.linebox_tit12 p{border:2px dotted #dd2428;padding:10px 0;border-radius:18px;background:#fff;font-size:1.1em}
.linebox_tit12 p:last-child{flex:1;border: 2px dotted #f9d2d3;}

.linebox_tit122{display:none}
.linebox122{flex-wrap:wrap;margin-bottom:40px}
.linebox122 > div{width:100%}
.linebox122 > div:nth-child(1){flex:auto;}
.linebox122:before{display:none}
.linebox122 p{font-size:.95em}

.m_g{display:block;margin-bottom:5px}


.linebox0{flex-wrap:wrap}
.linebox0 > div{width:100%;flex-direction:column;margin-bottom:30px;}
.linebox0 .circle::after{top:calc(100% - 2px);right:calc(50% - 4px)}
.linebox3:before{width:1px;height:92%;left:50%;top:0}
.linebox0 > div > span{color:#000;font-size:.95em;margin-top:13px;font-weight:300}
}


@media (max-width:500px){
.linebox122 > div:nth-child(2){flex:auto;}
.linebox122 > div:nth-child(3){flex:auto;}
.linebox122 > div{width:100%}
.linebox122:before{width:1px;height:100%;top:0;left:50%;display:block}
}


.esgtb table {width:100%;border-top:1px solid #000;border-bottom:1px solid #000; text-align:center;}
.esgtb table th{border:1px solid #000 ;padding:10px 20px;font-weight:normal}
.esgtb table th:first-child{border-left:none}
.esgtb table th:last-child{border-right:none}
.esgtb table td{border:1px solid #000 ;border-top:none;background:#fff;padding:10px 20px}
.esgtb table td:first-child{border-left:none}
.esgtb table td:last-child{border-right:none}

@media (max-width:1000px){
.esgtb{overflow-x:auto}
.esgtb table {table-layout:fixed;min-width:500px;}
.esgtb table th{font-size:1em;padding:10px 0}
.esgtb table td{font-size:1em;padding:10px 0}
}