/*-- 서브비주얼 common---*/

.subVisual {width:100%; height:643px;position: relative;}
.subVisual.sv01 {background:url(../img/sub/sv01.jpg) no-repeat center / cover;}
.subVisual.sv02 {background:url(../img/sub/sv02.jpg) no-repeat center / cover;}
.subVisual.sv03 {background:url(../img/sub/sv03.jpg) no-repeat center / cover;}

.subVisual .subBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;}
.subVisual .subBox h2 {color:#fff;}
.subVisual .subBox h2 em{color:#c82f16;}
.subVisual .subBox h4 {color:#fff; margin-top:60px;}

.subVisual.sv01 .subBox h2 {font-size:var(--font-size-80);}
.mt70 {margin-top:70px}
.mt32 {margin-top:32px;}

.subInner {max-width:1480px; width:94%; margin:0 auto;}


@media screen and (max-width:767px) {
.subVisual {height:400px;}
.subVisual .subBox {width: 94%; max-width: 1920px; margin: 0 auto;}
.subVisual.sv01 .subBox h2 {font-size:30px;}
.subVisual .subBox h4 {font-size:16px; margin-top:30px;}
.mt70 {margin-top:35px}
.mt32 {margin-top:16px;}
}


/*-- 회사소개 --*/

/*cont01*/

.p0101List {display:flex;}
.p0101List > li {width:50%;}
.p0101List.p0101_cont01 > li.p0101Desc {padding-left:220px; }
.p0101Img {aspect-ratio: 16 / 9;}
.p0101Img > img {width:100%;object-fit: cover;}
.p0101_cont01 .p0101Img {border-radius:50px 0 0 50px; overflow:hidden;}

@media screen and (max-width:1720px) {
.p0101List.p0101_cont01 > li.p0101Desc {padding-left:100px; }
    
}
@media screen and (max-width:1420px) {

.p0101List.p0101_cont01 > li.p0101Desc {padding-left:50px; }
}

@media screen and (max-width:1320px) {
.p0101ContentBox.p01content01 {max-width:1920px; margin:0 auto; width:94%;}
.p0101List  {flex-wrap:Wrap;}
.p0101List > li {width:100%;}
.p0101List.p0101_cont01 > li.p0101Desc {padding-left:0px; margin-top:40px; }
.p0101List.p0101_cont01 {flex-direction: column-reverse;}
.p0101_cont01 .p0101Img {border-radius:50px; overflow:hidden; max-width: 1080px;margin: 0 auto;     aspect-ratio: unset; height:400px;}
}

@media screen and (max-width:767px) {
.p0101Desc h2 {font-size:25px;}
.p0101Desc h4 {font-size:18px;}
.p0101Desc p {font-size:16px; }
.p0101_cont01 .p0101Img {border-radius:20px; overflow:hidden; max-width: 1080px;margin: 0 auto;     aspect-ratio: unset; height:auto;}
}



/*cont02*/

.p0101List.p0101_cont02 {flex-direction: row-reverse;}
.p0101List.p0101_cont02 > li.p0101Desc {padding:0 220px 0 50px;}
.p0101_cont02List > li {margin-top:60px;}
.p0101_cont02List > li.on .p0101num{color:#c82f16;}
.p0101_cont02List .p0101Img {border-radius:0px 50px 50px 0px; overflow:hidden;}
.p0101num {font-style:italic; transition:0.28s; color:#eeeeee; }
.p0101cont02top {display:flex; justify-content:space-between; align-items:center; position:relative;}
.p0101cont02top::after {content:''; position:absolute; width:0; max-width:240px; height:1px; top:50%;left: 65%; transform:translate(-50%, -50%); background:#c82f16; opacity:0; transition:0.28s;}
.p0101_cont02List > li.on .p0101cont02top::after {opacity:1; width:100%;}
.p0101cont02bot p {line-height:1.5em; word-break:keep-all;}

@media screen and (max-width:1720px) {
.p0101List.p0101_cont02 > li.p0101Desc {padding:0 100px 0 50px;}
    
}

@media screen and (max-width:1530px) {
.p0101cont02top::after {max-width:150px;}
}
@media screen and (max-width:1420px) {
.p0101cont02top::after {left:70%;}
.p0101List.p0101_cont02 > li.p0101Desc {padding:0 50px 0 50px;}
.p0101cont02bot p {font-size:18px;}

}

@media screen and (max-width:1320px) {
.p0101ContentBox.p01content02 {max-width:1920px; margin:0 auto; width:94%;}
.p0101cont02top::after {max-width:300px;}
.p0101List.p0101_cont02{flex-direction: column-reverse;}
.p0101List.p0101_cont02 > li.p0101Desc {margin-top:40px; padding:0;}
.p0101_cont02 .p0101Img {border-radius:20px; overflow:hidden; max-width: 1080px;margin: 0 auto;     aspect-ratio: unset; height:300px;}
}

@media screen and (max-width:767px) {
.p0101_cont02 .p0101Img {height:auto;}
.p0101_cont02List > li {margin-top:20px;}
.p0101num {font-size:30px;}
.p0101cont02top::after {display:none;}
.p0101cont02bot p {font-size:14px; margin-top:20px;}
}




/*cont03*/

.p0101List.p0101_cont03 > li.p0101Desc {padding-left:220px; }

.p0101_cont03List dl {display:flex;}
.p0101_cont03List dl dt {width:188px; font-weight:700; font-size:var(--font-size-50);}
.p0101_cont03List dl dd {width:calc(100% - 188px); }
.p0101_cont03List dl dd p {position:relative;margin-top:25px; font-weight:500;  line-height:1.4em; font-size:var(--font-size-18);}
.p0101_cont03List dl dd p::before {content:''; position:absolute; left:-10px; top:10px; width:4px; height:4px; border-radius:4px; background:#000;}

.secValue {width:100%; text-align:center; margin-bottom:20px;}
.secValue img {max-width:100%; display:block;    margin: 0 auto;}

@media screen and (max-width:1720px) {
.p0101List.p0101_cont03 > li.p0101Desc {padding-left:100px; }
    
}

@media screen and (max-width:1420px) {
.p0101List.p0101_cont03 > li.p0101Desc {padding-left:50px; }
}

@media screen and (max-width:1320px) {
.p0101ContentBox.p01content03 {max-width:1920px; margin:0 auto; width:94%;}
.p0101List.p0101_cont03{flex-direction: column-reverse;}
.p0101List.p0101_cont03 > li.p0101Desc {margin-top:40px; padding:0;}
.p0101_cont03 .p0101Img {border-radius:20px; overflow:hidden; max-width: 1080px;margin: 0 auto;     aspect-ratio: unset; height:300px;}
}

@media screen and (max-width:767px) {
.p0101_cont03 .p0101Img {height:auto;}
.p0101List.p0101_cont03 > li.p0101Desc {margin-top:20px;}
.p0101_cont03List dl dd p::before {left:-10px;}
.p0101_cont03List dl dd p {font-size:14px;}
.p0101_cont03List dl {flex-wrap:wrap;}
.p0101_cont03List dl dt {width:100%; font-size:25px;}
.p0101_cont03List dl dd {width:100%; font-size:16px;  padding: 0 10px;}
.p0101_cont03List dl.mt70 {margin-top:20px;}
.p0101_cont03List dl dd p::before {top;5px;}
.p0101_cont03List dl dd p {margin-top:12px;}
}



/*제품 소개 */

.p0201_b {display:none;}

.p0201_cont01Lt h2 {}
.p0201_cont01Lt h2 em {color:#c82f16;}
.p0201_cont01Lt h4 { margin-top:65px;}
.p0201_cont01Lt p { margin-top:25px; line-height:1.5em;}

.p0201_cont01List {display:flex;}
.p0201_cont01List > li {width:50%;}
.p0201_cont01Lt {position:relative;}
.p0201_cont01Lt::after {content:''; position:absolute; background:url(../img/sub/p0201_cont01bg.png) no-repeat center / cover; width:692px; height:410px; left:50%; top:50%; transform:translate(-50%, -50%); }

.p0201_cont01Rt {padding-left:73px;}
.p0201_cont01Rt > ul {display:flex; flex-wrap:Wrap}
.p0201_cont01Rt > ul li {padding:67px 0;width:calc((100% - 20px)/2); margin-right:20px; border-radius:40px; overflow:hidden; background:#000; text-align:center;}
.p0201_cont01Rt > ul li h2 {color:rgba(255,255,255, .3); margin-top:40px;}
.p0201_cont01Rt > ul li:nth-of-type(2n) {margin-right:0;}
.p0201_cont01Rt > ul li:nth-of-type(n + 3) {margin-top:20px;}
.p0201_cont01Rt > ul li figure img {opacity:0.3; max-width:100%;}
.p0201_cont01Rt > ul li.on h2 {color:rgba(255,255,255, 1);} 
.p0201_cont01Rt > ul li.on figure img {opacity:1;}


.tabs {display:flex; gap:20px; padding-bottom:40px; border-bottom:1px solid #000; cursor:pointer;}
.tabs .tab-link{color:#555; border-radius:23px; width:140px; height:46px; line-height:46px; border:1px solid #555; text-align:Center; }
.tabs .tab-link.current {background:#c82f16; color:#fff; border:none;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}

.productList {display:flex; padding-top:104px;}
.productList li {width:calc((100% - 38px)/2); margin-right:38px; border-radius:20px; overflow:hidden;}
.productList li:nth-of-type(2n) {margin-right:0;}
.proInfo {background:#f4f4f4; box-sizing:border-box; padding:76px 70px; text-align:center;}
.proInfo h2{color:#c82f16; background:#fff; width:279px; height:69px; line-height:69px; border-radius:34.5px; text-align:center; margin:0 auto;} 
.proInfo p {color:rgba(0,0,0, .7); margin-top:18px;}
.detailInfo {margin-top:64px;}

.detailInfo dl {display:flex; justify-content: space-between; padding:20px 50px; border-bottom:1px solid #c3c3c3; box-sizing:border-box;}

.productDesc {margin-top:60px;}
.proTxtBox {display:flex; gap:148px; margin-top:30px;}
.proTxt p {display:flex; gap:10px; align-items:center; color:rgba(0,0,0, .7);}
.proTxt p + p {margin-top:10px;}
.mt30 {margin-top:30px;}

.productImg img {width:100%;}


@media screen and (max-width:1380px) {
.productList {flex-wrap:Wrap; max-width:1080px; margin:0 auto;}
.productList li {width:100%; margin-right:0;}
.productList li + li {margin-top:20px;}
}

@media screen and (max-width:1280px) {
.proTxtBox {flex-wrap:wrap; row-gap:40px;}
.proTxt {width:100%;}
}

@media screen and (max-width:1080px) {
.p0201_cont01Rt > ul li {padding:30px 0;}
.p0201_cont01Lt h2 {font-size:60px;}
}

@media screen and (max-width:1020px) {
.p0201_cont01List {flex-wrap:wrap;}
.p0201_cont01List > li {width:100%;}
.p0201_cont01Rt {padding-left:0;}
.p0201_cont01Rt > ul {margin-top:20px;}
.p0201_cont01Rt > ul li {padding:50px 0;}
}

@media screen and (max-width:767px) {
.detailInfo {margin-top:32px;}
.tabs .tab-link {font-size:14px; width:120px;}
.productList {padding-top:20px;}
.tabs {padding-bottom:20px;}
.p0201_cont01Lt h2 {font-size:30px;}
.p0201_cont01Lt h4 {margin-top:30px; font-size:20px;}
.p0201_cont01Lt p {font-size:16px; margin-top:10px;}
.p0201_cont01Rt > ul li {width:100%; margin-right:0;}
.p0201_cont01Rt > ul li + li {margin-top:20px;}
.proInfo {padding:30px 20px;}
.proInfo h2 {font-size:20px; width:180px; height:55px; line-height:55px;}
.detailInfo dl {padding:20px 0;}
.detailInfo dl dt {font-size:14px;}
.detailInfo dl dd {font-size:16px;}
.productDesc h2 {font-size:22px;}
.proTxt h4 {font-size:16px; word-break:keep-all;}
.proTxt p {font-size:14px;}
}