@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

/* sub layout */
.logo__imgW{opacity:0;}
.logo__imgB{opacity:1;}
header .gnb [data-gnb="1"]{color:#111;}
.menu-btn .bar{background:#222;}


/* sub visual */
.subVisual{position:relative; padding-top:calc(var(--header-height) + 70rem);}
.subVisual::after{content: ''; display:block; margin:auto; width:calc(100% - 100rem); height:440rem; background: no-repeat 50% / cover; }
/* 서브 비주얼 작업 시 top.html:68 파일명, 숫자 양식 맞춰주세요 */
/*.subVisual.about::after{ background-image:url('/images/content/subVisual1.webp'); }*/
.subVisual.about::after{height:1px !important; background:#aaa;}
.subVisual.product::after{ background-image:url('/images/content/subVisual2.webp'); }
.subVisual.product_v1::after{ background-image:url('/images/content/subVisual2_1.webp'); height:675rem;}
.subVisual.board::after{ background-image:url('/images/content/subVisual3.webp'); }
.subVisual.program::after{ background-image:url('/images/content/subVisual4.webp'); }
.subVisual.common::after{ background-image:url('/images/content/subVisual1.webp'); }
.subVisual [data-menu-snb="1"]{font-size:20rem; color:#aaa; font-weight:600;}
.subVisual [data-menu-snb="2"]{margin-bottom:40rem; font-size:60rem; color:#000;}
@media(prefers-reduced-motion:no-preference){
	.subVisual::before{ animation: subVisual_bg 1.8s both; }
	@keyframes subVisual_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.subVisual .inr > *{ opacity: 0; animation: subVisualText .6s .2s both; }
	.subVisual .inr > *:nth-child(2){ animation-delay: .4s; }
	@keyframes subVisualText {
		0%{ transform: translateY(40rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
}
@media(max-width:1279px){
    .subVisual{padding-top:calc(var(--header-height) + 60rem);}
    .subVisual::after{width:96%; height:320rem;}
    .subVisual.product_v1::after{height:400rem;}
    .subVisual [data-menu-snb="1"]{font-size:18rem;}
    .subVisual [data-menu-snb="2"]{margin-bottom:30rem; font-size:50rem;}
}
@media(max-width:767px){
    .subVisual{padding-top:calc(var(--header-height) + 45rem);}
    .subVisual::after{height:220rem;}
    .subVisual.product_v1::after{height:230rem;}
    .subVisual [data-menu-snb="2"]{margin-bottom:25rem; font-size:32rem;}
}


/* lnb */
.lnb{display:none; background: #2b2b2b; border-bottom: 1px solid #ddd; text-align:center; font-size:18rem; font-weight: 500; color: #dadada; z-index:5; }
.lnb ul{ margin: 0 auto; }
.lnb li{display:inline-block; padding: 0 28rem; }
.lnb a{ position: relative; display: flex; align-items: center; height: 4.0625em; }
.lnb a:hover,
.lnb a.isVisiting{ color: var(--primary); }
.lnb a.isVisiting::before{ content: ''; position: absolute; inset: 0; border-bottom: 2px solid currentColor; }
@media(max-width:767px){
	.lnb{ overflow: auto clip; white-space:nowrap; }
	.lnb ul{ display:table; margin:0 auto; table-layout:auto; overflow-y: hidden;}
	.lnb li{ display:table-cell; }
}

/* common content */
main#content{ min-height:300px; padding:120rem 0; overflow:hidden;}
.sub_title{ margin-bottom: 3.75em;}
.sub_title h2{ text-align:center; font-size:var(--fs35);}

.subTit1{position:relative; margin-bottom:40rem; padding-left:15rem; font-size:24rem; border-left:8rem solid var(--primary); line-height:1.4;}
.subTit2{position:relative; margin-bottom:15rem; padding-left:25rem; font-size:24rem;}
.subTit2:before{content:''; display:block; position:absolute; top:10rem; left:0; width:16rem; height:16rem; border-radius:50%; border:5rem solid var(--primary); box-sizing:border-box;}
.subTit2 em{color:var(--primary);}

.mt120{margin-top:120rem;}
.mt40{margin-top:40rem;}

.common_table{ border-top: 2px solid #222; text-align: center; }
.common_table :is(th, td){ padding: 14rem 1em 12rem; border: 1rem solid #e5e5e5; }
.common_table col:is(:nth-of-type(1), :nth-of-type(2)){ width: 18.33333333%; }
.common_table :is(th, td):first-child{ border-left: 0; }
.common_table :is(th, td):last-child{ border-right: 0; }
.common_table :is(thead, tfoot){ background: #f6f7f9; font-size: 17rem; font-weight: 500; }

@media(max-width:1279px){
    main#content{padding:100rem 0;}
    
    .mt120{margin-top:100rem;}
}
@media(max-width:767px){
    main#content{padding:80rem 0;}
}


/* 회사소개 > 인사말 */
.greeting{position:relative;}
.greeting:before{content:''; display:block; position:absolute; left:0; bottom:0; height:calc(100% - 400rem); width:100%; background:#f8f8f8;}
.grtInr{display:flex; justify-content:space-between;}
.grtTxt{padding:15rem 50rem 15rem 0; width:calc(100% - 560rem);}
.grtTxt h2{position:relative; font-size:var(--fs40); color:#aaa;}
.grtTxt h2 em{color:var(--primary);}
.grtTxt h3{position:relative; margin-top:15rem; font-size:var(--fs25); color:#222;}
.grtTxt h3:after{content:''; display:block; margin:25rem 0 30rem; width:2px; height:60rem; background:var(--primary);}
.grtTxt p{font-size:18rem; color:#555;}
.grtTxt p+p{margin-top:18rem;}
.grtImg{width:560rem;}
.grtImg img{display:block; width:100%; height:100%; object-fit:cover;}
@media(max-width:1279px){
    .greeting:before{height:calc(100% - 310rem);}
    .grtTxt{width:60%;}
    .grtTxt h2{font-size:var(--fs35);}
    .grtTxt h3:after{margin:15rem 0 20rem; height:46rem;}
    .grtTxt p > br{display:none;}
    .grtImg{width:40%;}
}
@media(max-width:767px){
    .greeting:before{height:calc(100% - 270rem);}
    .grtInr{display:block;}
    .grtTxt{padding:0; width:100%;}
    .grtTxt h2{font-size:25rem;}
    .grtImg{margin-top:40rem; width:100%;}
}


/* 회사소개 > 연혁 */
.historyBox{position:relative; padding-left:clamp(20rem, 6.07142857%, 85rem); box-sizing:border-box;}
.historyBox + div{ margin-top: 35rem; }
.historyBox::before{ content: ''; position:absolute; top:5rem; left:-4rem; width:7rem; height:33rem; background:var(--primary); box-sizing:border-box; border-radius:5rem;}
.historyBox_year{margin-bottom:15rem; font-size:var(--fs30); font-weight:800; color:var(--primary);}
.historyBox_ul1{font-size:18rem; color:#444; }
.historyBox_ul1__li{display:flex; margin-top: 7rem; }
.historyBox_ul1__li.mt15{margin-top:15rem;}
.historyBox_ul1__li em{font-weight:bold; color:#111; display:block; width:65rem;}
.historyBox_ul1__li p{width:calc(100% - 65rem);}
.historyBar{ overflow: hidden; position: absolute; inset: 14rem 0 6rem; width:1px; background: #ddd; z-index: -1; }
.historyBar::before{ content: ''; position: absolute; inset: 0; background: var(--primary); z-index: 1; }
@media(prefers-reduced-motion:no-preference){
	.historyBox,
	.historyBox::before{ transition: .4s; }
	.historyBox:not(.seActive){ opacity: .5; }
	.historyBox:not(.seActive)::before{ border-color: #ddd; }
	.historyBar::before{ height: var(--height); }
}
@media(min-width:768px){
	.historyBox{width:50%; }
	.historyBox:nth-child(odd){ margin-left: auto; }
	.historyBox:nth-child(even){ padding: 0 clamp(20rem, 6.07142857%, 85rem) 0 0; text-align: right; }
	.historyBox:nth-child(even)::before{ left: auto; right:-4rem;  }
    .historyBox:nth-child(even) li{flex-direction:row-reverse;}
	.historyBar{ margin: auto; }
}
@media(max-width:1279px){
    .historyBox::before{height:31rem;}
}
@media(max-width:767px){
    .historyBox::before{top:6rem; left:-3rem;}
    .historyBar{inset:16rem 0 6rem;}
}


/* 회사소개 > 조직도 */
.groupCnt{display:flex; justify-content:space-between;}
.groupCnt_box{padding:50rem 40rem; box-shadow:20rem 20rem 50rem rgba(0,46,63,0.25); background:#fff; width:calc(100% / 3 - 25rem);}
.groupCnt_box__img{display:block; margin:auto; width:200rem; height:200rem; border-radius:50%; overflow:hidden;}
.groupCnt_box__img img{display:block; width:100%; height:100%; object-fit:cover;}
.groupCnt_box__info h3{margin-top:20rem; margin-bottom:20rem; padding-bottom:15rem; border-bottom:1px dashed #ddd; font-size:25rem; font-weight:800; text-align:center;}
.groupCnt_box__info em{display:inline-block; margin-left:5rem; font-size:20rem; color:var(--primary); font-size:700;}
.groupCnt_box__info p{margin-bottom:15rem; font-size:18rem; color:#333; font-weight:500;}
.groupCnt_box__info ul{}
.groupCnt_box__info li{position:relative; padding-left:10rem; font-size:16rem; color:#666;}
.groupCnt_box__info li:before{content:'·'; display:block; position:absolute; top:0; left:0; font-weight:900;}
.groupCnt_box__info li+li{margin-top:3rem;}
.groupCnt_box__info b{color:#333;}
.groupCnt1{justify-content:center;}
.groupCnt1 .groupCnt_box{width:calc(100% / 2);}
.groupCnt1 .groupCnt_box__img{border:5rem solid var(--primary);}
.groupCnt2{margin-top:50rem; padding-top:50rem; border-top:1px dashed #bbb;}
.groupCnt2 .groupCnt_box__img{border:5rem solid #004862;}
@media(min-width:768px){
    .groupCnt1 .groupCnt_box{display:flex; justify-content:space-between;}
    .groupCnt1 .groupCnt_box__img{margin:0;}
    .groupCnt1 .groupCnt_box__info{padding:10rem 0; width:calc(100% - 240rem);}
    .groupCnt1 .groupCnt_box__info h3{margin-top:0; text-align:left;}
}
@media(max-width:1279px){
    .groupCnt_box{padding:30rem 20rem; width:calc(100% / 3 - 15rem);}
    .groupCnt_box__img{width:150rem; height:150rem;}
    .groupCnt1 .groupCnt_box{width:80%}
    .groupCnt1 .groupCnt_box__info{width:calc(100% - 180rem);}
}
@media(max-width:767px){
    .groupCnt{display:block;}
    .groupCnt_box{width:100% !important;}
    .groupCnt_box+.groupCnt_box{margin-top:20rem;}
    .groupCnt_box__img{width:130rem; height:130rem;}
    .groupCnt_box__info{width:100% !important;}
    .groupCnt2{margin-top:40rem; padding-top:40rem;}
}


/* 회사소개 > 인증현황 */
.certiList{display:grid; grid-template-columns:repeat(4, 1fr); gap:40rem 30rem;}
.certiList span{display:block; width:100%; border:1px solid #ddd;}
.certiList img{display:block; width:100%;}
.certiList em{display:block; margin:20rem 0 10rem; padding-bottom:10rem; border-bottom:1px dashed #ddd; font-size:18rem; font-weight:600; color:#222;}
.certiList i{display:block; font-style:normal; font-size:16rem; color:#666;}
@media(max-width:1279px){
/*    .certiList{grid-template-columns:repeat(3, 1fr);}*/
}
@media(max-width:767px){
    .certiList{grid-template-columns:repeat(2, 1fr); gap:30rem 20rem;}
}


/* 회사소개 > 오시는길 */
.contact .inr{display:flex; align-items:center;}
.contactInfo{padding-right:50rem; width:45%;}
.contactInfo_logo{display:block; height:60rem; width:auto;}
.contactInfo p{display:flex; align-items:flex-start; margin:50rem 0; font-size:20rem; color:#222;}
.contactInfo p svg{display:block; margin-top:4rem; margin-right:8rem; height:20rem;}
.contactInfo p path{fill:var(--primary);}
.contactInfo_ul li+li{margin-top:10rem;}
.contactInfo_ul__li{font-size:18rem; color:#444;}
.contactInfo_ul__li em{display:inline-block; margin-right:5rem; font-weight:bold; color:#222;}
.contactMap{width:55% !important; height:450rem;}
.contactMap .wrap_map{height:100% !important;}
.contactMap .map_border,
.contactMap .wrap_controllers{display:none !important;}
@media(max-width:1279px){
    .contactMap{height:400rem;}
}
@media(max-width:767px){
    .contact .inr{display:block;}
    .contactInfo{margin-bottom:30rem; padding-right:0; width:100%;}
    .contactInfo_logo{height:40rem;}
    .contactInfo p{margin:30rem 0 25rem; font-size:19rem;}
    .contactInfo_ul li+li{margin-top:5rem;}
    .contactMap{width:100% !important; height:540rem;}
}


/* 제품소개 공통 */
.prd .txtbox1{margin-bottom:40rem; padding:20rem; font-size:20rem; font-weight:600; background:#f2f2f2; border-top:3rem solid var(--primary); color:#111;}
.prd .txtbox1 em{color:var(--primary); font-weight:700;}

.prd .formfactor_imgGroup{display:flex; justify-content:space-between; margin-bottom:40rem;}
.prd .formfactor_imgGroup > div{padding:30rem 20rem; width:calc(100% / 2 - 10rem); box-shadow:5rem 5rem 20rem rgba(0,46,63,0.25); background:#fff;}
.prd .formfactor_imgGroup span{display:block; height:200rem; width:auto;}
.prd .formfactor_imgGroup img{display:block; width:100%; height:100%; object-fit:contain;}
.prd .formfactor_imgGroup em{display:block; margin:20rem auto 0; padding:4rem 0 3rem; width:100rem; font-size:20rem; color:#fff; background:var(--primary); font-weight:600; text-align:center; border-radius:30rem;}
.prd .formfactor_type{display:grid; grid-template-columns:repeat(3, 1fr); gap:20rem; margin-bottom:40rem;}
.prd .formfactor_type li{padding:30rem 20rem; border:1px solid #ddd; text-align:center;}
.prd .formfactor_type em{display:block; margin-bottom:15rem; padding-bottom:10rem; border-bottom:1px solid var(--primary); font-size:22rem; color:#222; font-weight:800;}
.prd .formfactor_type p{font-size:18rem; color:#555; height:60rem;}
.prd .formfactor_type img{display:block; margin:auto; width:auto; height:250rem;}

.prd table.table th,
.prd table.table td{padding:15rem 10rem;}
.prd table.table .point{color:var(--primary); font-weight:600;}
.prd table.table .point{color:var(--primary); font-weight:600;}
.prd table.table .bgRed{background:#ffe8e8;}
.prd table.table .bgBlue{background:#cae2ff;}

.prd .bullet1{position:relative; padding-left:13rem;}
.prd .bullet1:before{content:'-'; display:block; position:absolute; left:0; top:0;}

@media(max-width:1279px){
    .prd .formfactor_type{gap:15rem;}
    .prd .formfactor_type p{height:80rem;}
    .prd .formfactor_type img{height:200rem;}
}
@media(max-width:767px){
    .prd .txtbox1{margin-bottom:30rem;}
    .prd .formfactor_imgGroup > div{width:calc(50% - 7rem);}
    .prd .formfactor_type{grid-template-columns:1fr;}
    .prd .formfactor_type p{height:50rem;}
    .prd .formfactor_type img{height:160rem;}
    
    .prd table.table th,
    .prd table.table td{padding:12rem 10rem;}
}


/* Cover Window Adhesives */
.prd1Cnt1 table.table{width:100%;}
.prd1Cnt1 table.table td{text-align:center;}
.prd1Cnt1 table.table span{display:block; padding:10rem 0;}
.prd1Cnt2_imgBox{display:flex; margin-bottom:20rem; justify-content:space-evenly; padding:30rem 20rem; border:1px solid #ddd;}
.prd1Cnt2_imgBox span{display:block; width:auto; height:350rem;}
.prd1Cnt2_imgBox img{display:block; width:100%; height:100%; object-fit:contain;}
.prd1Cnt2 p{font-size:18rem;}
.prd1Cnt2 p em{font-weight:600; color:var(--primary);}
.prd1Cnt3_imgBox{display:flex; margin-bottom:20rem; justify-content:space-evenly; padding:30rem 20rem; border:1px solid #ddd;}
.prd1Cnt3_imgBox span{display:block; width:auto; height:350rem;}
.prd1Cnt3_imgBox img{display:block; width:100%; height:100%; object-fit:contain;}
.prd1Cnt3 p{font-size:18rem;}
.prd1Cnt3 p+p{margin-top:6rem;}
.prd1Cnt3 p em{font-weight:600; color:var(--primary);}
.prd1Cnt3_tech{display:grid; grid-template-columns:repeat(3, 1fr); gap:20rem; margin-bottom:40rem;}
.prd1Cnt3_tech li{padding:30rem 20rem; border:1px solid #ddd; text-align:center;}
.prd1Cnt3_tech em{display:block; margin-bottom:15rem; padding-bottom:10rem; border-bottom:1px solid var(--primary); font-size:22rem; color:#222; font-weight:800;}
.prd1Cnt3_tech li:last-child em{color:red;}
.prd1Cnt3_tech p{font-size:18rem; color:#555;}
.prd1Cnt3_tech2{display:flex; justify-content:space-between;}
.prd1Cnt3_tech2 span{display:block; width:calc(50% - 10rem); padding:30rem 20rem;}
.prd1Cnt3_tech2 img{display:block; margin:auto; width:70%;}
.prd1Cnt3_tech2 ul{padding:30rem 20rem; background:#e0edf3; width:calc(50% - 10rem);}
.prd1Cnt3_tech2 li{padding:12rem 20rem 11rem; background:#fff; border-radius:30rem; font-size:18rem; color:#555;}
.prd1Cnt3_tech2 li+li{margin-top:10rem;}
.prd1Cnt4_imgBox img{display:block; width:100%;}
@media(max-width:1279px){
    .prd1Cnt2_imgBox span{height:270rem;}
    .prd1Cnt3_imgBox span{height:280rem;}
    .prd1Cnt3_tech{gap:15rem;}
    .prd1Cnt3_tech2 img{width:100%;}
}
@media(max-width:767px){
    .prd1Cnt2_imgBox{display:block;}
    .prd1Cnt2_imgBox span{height:auto; width:100%;}
    .prd1Cnt2_imgBox__img1{margin-bottom:30rem;}
    .prd1Cnt3_imgBox{display:block;}
    .prd1Cnt3_imgBox span{height:auto; margin:auto; width:70%;}
    .prd1Cnt3_imgBox__img1{margin-bottom:30rem !important;}
    .prd1Cnt3_tech2{display:block;}
    .prd1Cnt3_tech2 span{padding:0; width:90%; margin:auto;}
    .prd1Cnt3_tech2 ul{margin-top:30rem; width:100%;}
}


/* Cover Window Coating */
.prd2Cnt1_imgBox{display:flex; justify-content:space-between; position:relative; padding-top:40rem;}
.prd2Cnt1_imgBox:before{content:'▼'; display:block; position:absolute; top:-18rem; width:100%; font-size:35rem; color:var(--primary); text-align:center; line-height:1;}
.prd2Cnt1_imgBox li{padding:30rem 20rem; width:calc(100% / 2 - 10rem); box-shadow:5rem 5rem 20rem rgba(0,46,63,0.25); background:#fff;}
.prd2Cnt1_imgBox em{display:block; margin:0 auto 20rem; padding:8rem 0 7rem; width:100%; font-size:20rem; color:#222; background:#eee; font-weight:600; text-align:center; border-radius:10rem;}
.prd2Cnt1_imgBox img{display:block; margin:auto; width:80%;}
.prd2Cnt1_imgBox i{display:block; text-align:center; margin-top:15rem; font-size:16rem; color:#666; font-style:normal;}
.prd2Cnt1 .formfactor{margin-bottom:50rem;}
.prd2Cnt1_effect p{font-size:18rem; color:#555;}
.prd2Cnt1_effect p b{font-size:20rem; color:#222;}
.prd2Cnt1_effect p+p{margin-top:10rem;}
.prd2Cnt1_effect__ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20rem; margin-bottom:40rem;}
.prd2Cnt1_effect__ul li{padding:30rem 20rem; border:1px solid #ddd; text-align:center;}
.prd2Cnt1_effect__ul em{display:block; margin-bottom:15rem; padding-bottom:10rem; border-bottom:1px solid var(--primary); font-size:22rem; color:#222; font-weight:800;}
.prd2Cnt1_effect__ul p{font-size:18rem; color:#555; height:60rem;}
.prd2Cnt1_effect__ul p > br{display:none;}
.prd2Cnt1_effect__ul img{display:block; margin:auto; width:auto; height:120rem;}
.prd2Cnt2 table.table{width:100%; table-layout:fixed;}
.prd2Cnt2 table.table th{background:#e0edf3;}
.prd2Cnt2_compare table.table td:first-child,
.prd2Cnt2_compare table.table td:last-child{font-weight:600; background:#f1fbff}
.prd2Cnt2_compare table.table span{display:block; margin:auto; width:200rem; height:80rem;}
.prd2Cnt2_compare table.table span img{display:block; width:100%; height:100%; object-fit:contain;}
.prd2Cnt2_feature li{font-size:18rem; color:#555;}
.prd2Cnt2_spec td:first-child{text-align:left; background:#f5f5f5; font-weight:600;}
.prd2Cnt3_table table.table .st1{vertical-align:top;}
.prd2Cnt3_table table.table .st1 img{display:block; width:100%; margin-bottom:15rem;}
.prd2Cnt3_table table.table .st1 b{display:block; margin:8rem 0;}
.prd2Cnt3_table table.table .st2 span{display:block; width:100%; font-size:20rem; font-weight:600; padding:8rem 0 7rem; color:#fff; background:var(--primary); border-radius:30rem;}
.prd2Cnt3_table table.table tbody tr:last-child{background:#fff7f7;}
@media(max-width:1279px){
    .prd2Cnt1_imgBox img{width:100%;}
    .prd2Cnt1_effect__ul{gap:15rem;}
    .prd2Cnt1_effect__ul p{height:80rem;}
    .prd2Cnt1_effect__ul img{height:100rem;}
}
@media(max-width:767px){
    .prd2Cnt1_imgBox li{width:calc(100% / 2 - 7rem);}
    .prd2Cnt1_effect__ul{grid-template-columns:1fr;}
    .prd2Cnt1_effect__ul p > br{display:block;}
    .prd2Cnt1_effect__ul img{height:80rem;}
    .prd2Cnt2_compare table.table span{width:90%; height:80rem;}
    .prd2Cnt3_table{overflow-x:scroll;}
    .prd2Cnt3_table table.table{table-layout:fixed; width:750rem;}
    .prd2Cnt3_table table.table .st2 span{font-size:18rem;}
}


/* 
UV cure Adhesives
Thermal cure Adhesives
Dual cure Adhesives
*/
.prdSpec_img{display:block; margin:auto; max-width:500rem; width:80%;}
.prdSpec_process{display:grid; padding:40rem; gap:20rem; background:#f5f5f5;}
.prdSpec_process.grid4{grid-template-columns:repeat(4, 1fr);}
.prdSpec_process.grid5{grid-template-columns:repeat(5, 1fr);}
.prdSpec_process li{padding:25rem 20rem; background:#fff;}
.prdSpec_process i{display:block; margin:0 auto 10rem; font-style:normal; font-size:15rem; color:#fff; font-weight:500; background:var(--primary); padding:5rem 0 4rem; width:100rem; border-radius:20rem; text-align:center;}
.prdSpec_process .img1{display:block; margin:auto; width:200rem; height:200rem; overflow:hidden;}
.prdSpec_process .img2{display:block; margin:20rem auto 0; width:100rem; height:100rem; border-radius:50%; overflow:hidden;}
.prdSpec_process img{display:block; width:100%; height:100%; object-fit:cover;}
.prdSpec_process em{display:block; margin-top:10rem; text-align:center; font-size:20rem; font-weight:600; color:#222;}
.prdSpec_table table.table{width:100%; table-layout: fixed;}
.prdSpec_txtlist li{font-size:18rem; color:#555;}
.prdSpec_txtlist li+li{margin-top:8rem;}

.prd4Cnt1_imgGroup{display:flex; justify-content:space-between; margin-bottom:40rem;}
.prd4Cnt1_imgGroup > div{padding:30rem 20rem; width:calc(100% / 2 - 10rem); box-shadow:5rem 5rem 20rem rgba(0,46,63,0.25); background:#fff;}
.prd4Cnt1_imgGroup span{display:block; margin:auto; max-width:300rem; width:100%;}
.prd4Cnt1_imgGroup img{display:block; width:100%;}
.prd4Cnt1_imgGroup em{display:block; margin:20rem auto 0; padding:8rem 0 7rem; width:100%; font-size:20rem; color:#222; background:#eee; font-weight:600; text-align:center; border-radius:5rem;}

@media(max-width:1279px){
    .prdSpec_process{grid-template-columns:repeat(2, 1fr) !important;}
}
@media(max-width:767px){
    .prdSpec_process{grid-template-columns:repeat(2, 1fr) !important; padding:25rem 15rem; gap:10rem;}
    .prdSpec_process .img1{width:120rem; height:120rem;}
    .prdSpec_process .img2{width:80rem; height:80rem;}
    
    .prd4Cnt1_imgGroup > div{width:calc(50% - 7rem);}
}