@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

header::before{border-color:#ddd; opacity:1;}
.logo__svg{fill:#000;}
header .gnb [data-gnb="1"]{color:#111;}
header .gnb .sub_menu{border:1px solid #ddd;}
.menu-btn span{background:#111;}

/* sub visual */
.subVisual_tit{display:flex; align-items:flex-end; justify-content:space-between; padding-top:calc(var(--header-height) + 120rem);}
.subVisual_tit__navi div{display:flex; margin-bottom:25rem; opacity:.8;}
.subVisual_tit__navi img{display:block; height:18rem;}
.subVisual_tit__navi p{position:relative; margin-top:1rem; margin-left:10rem; min-height: 1em; padding-left:15rem; font-size:18rem; line-height:1; color:#aaa;}
.subVisual_tit__navi p:before{content:''; display:block; position:absolute; top:7rem; left:0; width:5rem; height:5rem; border-radius:50%; background:#aaa;}
.subVisual_tit__navi h2{ min-height: 1em; font-size:70rem; color:#000; font-weight:600; line-height:1;}
.subVisual .lnb{position:relative; white-space:nowrap; z-index:5;}
.subVisual .lnb ul{font-size:0;}
.subVisual .lnb li{display:inline-block; position:relative; padding:0 30rem;}
.subVisual .lnb li:before{content:''; display:block; position:absolute; left:0; top:5rem; width:1px; height:22rem; background:#ddd;}
.subVisual .lnb li:first-child:before{display:none;}
.subVisual .lnb a{position:relative; font-size:var(--fs22); font-weight:500; color:#aaa; }
.subVisual .lnb a.isVisiting{color:var(--primary); font-weight:bold;}
.subVisual_img{margin-top:80rem; width:100%; height:420rem;}
.subVisual.about .subVisual_img{background:url('/images/content/subVisual1.jpg')no-repeat center/cover;}
.subVisual.business .subVisual_img{background:url('/images/content/subVisual2.jpg')no-repeat center/cover;}
.subVisual.notice .subVisual_img,
.subVisual.inquiry .subVisual_img,
.subVisual.common .subVisual_img{display:none;}
@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; }
	@keyframes subVisualText {
		0%{ transform: translateY(40rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
}
@media(max-width:1279px){
    .subVisual_tit{padding-top:calc(var(--header-height) + 80rem);}
    .subVisual_tit__navi div{margin-bottom:20rem;}
    .subVisual_tit__navi p:before{top:7rem;}
    .subVisual_tit__navi h2{font-size:55rem;}
    .subVisual .lnb li{padding:0 20rem;}
    .subVisual_img{margin-top:50rem; height:300rem;}
}
@media(max-width:767px){
    .subVisual_tit{display:block; padding-top:calc(var(--header-height) + 50rem);}
    .subVisual_tit__navi h2{font-size:38rem;}
    .subVisual_img{margin-top:30rem; height:200rem;}
	.subVisual .lnb{margin-top:20rem; overflow: auto clip; }
	.subVisual .lnb ul{ display:table; table-layout:auto; overflow-y: hidden;}
	.subVisual .lnb li{ display:table-cell; }
    .subVisual .lnb li:first-child{padding-left:0;}
    .subVisual .lnb a{font-size:18rem;}
}

/* common content */
#content{min-height:300px; padding:120rem 0; overflow:hidden;}
h2.subTit{position:relative; margin-bottom:25rem; padding-left:20rem; font-size:var(--fs35); color:#000;}
h2.subTit:before{content:''; display:block; position:absolute; left:0; top:5rem; width:14rem; height:14rem; border-radius:50%; background:var(--primary);}
h3.txt_st01{position:relative; font-size:var(--fs30); color:#888; font-weight:600;}
h3.txt_st01:before{content:''; display:block; margin-bottom:30rem; width:120rem; height:2px; background:var(--primary);}
h3.txt_st01 em{color:var(--primary); font-weight:bold;}
em.subTit02{display:block; margin-bottom:10rem; padding-left:10rem; font-size:var(--fs22); color:#111; font-weight:bold; border-left:4rem solid var(--primary); line-height:1;}

.mt120{margin-top:120rem;}

.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){
    #content{padding:100rem 0;}
    h2.subTit{padding-left:18rem;}
    h2.subTit:before{top:6rem; width:12rem; height:12rem;}
    
    .mt120{margin-top:100rem;}
}
@media(max-width:767px){
    #content{padding:80rem 0;}
    h2.subTit{margin-bottom:20rem;}
    h3.txt_st01{font-size:24rem;}
    h3.txt_st01:before{margin-bottom:18rem;}
    
    .mt120{margin-top:80rem;}
}


/* 회사소개 > 인사말·연혁 */
.aboutGrt_img{display:block; width:100%;}
.aboutGrt_img img{display:block; width:100%; height:100%; object-fit:cover;}
.aboutGrt_txt{display:flex; justify-content:space-between; margin-top:40rem;}
.aboutGrt_txt__p{margin-left:100rem;}
.aboutGrt_txt__p p{font-size:18rem; color:#444;}
.aboutGrt_txt__p p+p{margin-top:20rem;}
.aboutHis{position:relative;}
.aboutHis i{display:block; position:absolute; right:0; top:0; font-size:130rem; line-height:1; color:#000; opacity:0.05; font-weight:800; font-family:var(--font-mon); font-style:normal;}
.aboutHis_swiper{position:relative; margin-top:40rem; overflow:hidden;}
.aboutHis_swiper:before{content:''; display:block; position:absolute; left:0; top:50rem; width:100%; height:1px; background:#ccc;}
.aboutHis_swiper-slide{display:flex; flex-direction:column; padding:0 10rem; height:auto;}
.aboutHis_year{display:flex; align-items:center; justify-content:center; margin:auto; width:100rem; height:100rem; border-radius:50%; background:var(--primary); color:#fff; font-size:var(--fs25); font-weight:600; font-family:var(--font-mon);}
.aboutHis_list{margin-top:30rem; padding:30rem 20rem; background:#f5f5f5; height:calc(100% - 130rem);}
.aboutHis_list li{display:flex; font-size:18rem;}
.aboutHis_list li+li{margin-top:20rem;}
.aboutHis_list em{width:50rem; font-weight:bold; color:#111;}
.aboutHis_list p{width:calc(100% - 50rem); color:#555;}
.aboutHis_ctrl{margin-top:0; top:20rem; width:60rem; height:60rem; border-radius:50%; background:#fff; border:1px solid #ccc;}
.aboutHis_ctrl__next{right:0;}
.aboutHis_ctrl__prev{left:0;}
.aboutHis_ctrl:after{font-size:25rem; font-weight:bold; color:#333;}
.aboutHis_ctrl__next:after{margin-left:3rem;}
.aboutHis_ctrl__prev:after{margin-left:-3rem;}
.aboutHis .swiper-button-disabled{opacity:1;}
.aboutHis .swiper-button-disabled:after{opacity:0.3;}
@media(max-width:1279px){
    .aboutGrt_txt__p{width:53%;}
    .aboutGrt_txt__p p > br{display:none;}
    .aboutHis i{font-size:95rem;}
}
@media(max-width:767px){
    .aboutGrt_img{height:230rem;}
    .aboutGrt_txt{display:block; margin-top:30rem;}
    .aboutGrt_txt__p{margin-left:0; margin-top:25rem; width:100%;}
    .aboutHis i{font-size:53rem;}
    .aboutHis_swiper{margin-top:30rem;}
    .aboutHis_year{font-size:24rem;}
}


/* 회사소개 > 오시는길 */
.sub .contact{display:flex; align-items:center;}
.contactInfo{padding-right:80rem; width:45%;}
.contactInfo_logo{display:block; height:30rem; 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(min-width:1921px){
    .contactMap{ display: none; }
    .location-more{display:block;width:55%;}
    .location-img{width:100%;height:450rem;object-fit:cover;}
}
@media(max-width:1920px){
    .location-more{ display: none; }
}
@media(max-width:1279px){
    .contactMap{height:400rem;}
    .location-img{height:400rem;}
}
@media(max-width:767px){
    .sub .contact{display:block;}
    .contactInfo{margin-bottom:30rem; padding-right:0; width:100%;}
    .contactInfo p{margin:25rem 0; font-size:19rem;}
    .contactInfo_ul li+li{margin-top:5rem;}
    .contactMap{width:100% !important; height:500rem;}
    .location-more{width:100%;}
    .location-img{height:500rem;}
}


/* 사업분야 - 공통 */
.biz p{font-size:18rem; color:#444;}
/* 수송용 공업 포장 */
.biz1Type{display:grid; grid-template-columns:repeat(4, 1fr); grid-column-gap:40rem; grid-row-gap:30rem;}
.biz1Type span{display:block; position:relative; padding:15rem; text-align:center; font-weight:500; font-size:20rem; color:#222;}
.biz1Type span:before{content:''; display:block; position:absolute; left:50%; top:-30rem; transform:translateX(-50%); width:1px; height:30rem; background:#ddd; z-index:-1;}
.biz1Type span i{display:inline-block; margin-left:5rem; font-size:16rem; color:#fff; opacity:0.9; font-weight:normal; font-style:normal;}
.biz1Type span:nth-child(1){grid-column:1/5; background:var(--primary); color:#fff;}
.biz1Type span:nth-child(1):before{display:none;}
.biz1Type span:nth-child(2){grid-column:1/3; background:#bfaa5e; color:#fff;}
.biz1Type span:nth-child(3){grid-column:3/5; background:#8bbdbd; color:#fff;}
.biz1Type span:nth-child(4){border:2px solid #bfaa5e;}
.biz1Type span:nth-child(5){border:2px solid #bfaa5e;}
.biz1Type span:nth-child(6){grid-column:3/5; border:2px solid #8bbdbd;}
.biz1Proce{display:grid; grid-template-columns:repeat(4, 1fr); gap:40rem;}
.biz1Proce_step{display:flex; margin-bottom:15rem; align-items:center; justify-content:space-between; border-bottom:1px solid var(--primary);}
.biz1Proce_step__num{display:block; padding:10rem 0 8rem; width:100rem; text-align:center; font-size:16rem; font-weight:500; line-height:1; color:#fff; font-family:var(--font-mon); background:var(--primary); border-radius:10rem 10rem 0 0;}
.biz1Proce_step__arrow{display:flex;}
.biz1Proce_step__arrow i{display:block; color:var(--primary); font-size:15rem; font-style:normal;}
.biz1Proce_step__arrow i:nth-child(1){opacity:.3;}
.biz1Proce_step__arrow i:nth-child(2){opacity:.65;}
.biz1Proce_step__arrow i+i{margin-left:3rem;}
.biz1Proce li:last-child .biz1Proce_step__arrow{display:none;}
/*.biz1Proce_img{display:block; margin:0 0 15rem; width:100%;}
.biz1Proce_img img{display:block; width:100%; height:100%; object-fit:cover;}*/
.biz1Proce_txt em{display:block; margin-bottom:5rem; font-weight:600; color:#111; font-size:20rem;}
.biz1Cnst{display:grid; grid-template-columns:repeat(3, 1fr); gap:12rem;}
/*.biz1Cnst li:nth-child(1){grid-column:1/3; grid-row:1/3;}*/
.biz1Cnst img{display:block; width:100%; height:100%; object-fit:cover;}
/* 나무상자 포장 */
.biz2ProsCons{display:flex; justify-content:space-between; margin-top:40rem;}
.biz2ProsCons > div{width:calc(50% - 20rem); border:3px solid var(--primary);}
.biz2Cons{border-color:#ddd !important;}
.biz2ProsCons em{display:block; padding:12rem 0 10rem; width:100%; text-align:center; font-size:var(--fs22); font-weight:bold;}
.biz2Pros em{background:var(--primary); color:#fff;}
.biz2Cons em{background:#ddd;}
.biz2ProsCons ul{padding:30rem;}
.biz2ProsCons li{display:flex;}
.biz2ProsCons li+li{margin-top:10rem;}
.biz2ProsCons i{display:block; width:22rem; font-size:18rem; color:#444; font-style:normal;}
.biz2ProsCons p{width:calc(100% - 22rem);}
.biz2Type{display:grid; grid-template-columns:repeat(3, 1fr); gap:20rem;}
.biz2Type li{padding:35rem 30rem 30rem; border:1px solid #ddd;}
.biz2Type_txt span{display:block; width:100%; font-size:16rem; color:#666;}
.biz2Type_txt span i{position:relative; font-style:normal;}
.biz2Type_txt span i:first-child{padding-right:10rem; margin-right:10rem;}
.biz2Type_txt span i:first-child:after{content:''; display:block; position:absolute; right:0; top:1rem; width:1px; height:16rem; background:#ccc;}
.biz2Type_img{padding-top:30rem; margin-top:30rem; border-top:1px solid #ddd;}
.biz2Type_img span{display:block; margin:auto; width:100%;}
.biz2Type_img span:first-child{margin-bottom:30rem; width:80%; height:225rem;}
.biz2Type_img span:last-child{height:270rem;}
.biz2Type_img img{display:block; width:100%; height:100%; object-fit:contain;}
/* 열처리(HT) */
.biz3Mark{display:flex;}
.biz3Mark > p{padding-right:50rem; width:55%;}
.biz3Mark_box{width:45%;}
.biz3Mark_box em{display:block; padding:10rem 0 9rem; text-align:center; color:#fff; background:#222; width:100%; font-size:18rem;}
.biz3Mark_box div{display:flex; padding:30rem; border:1px solid #222;}
.biz3Mark_box span{display:flex; align-items:center; width:45%;}
.biz3Mark_box img{display:block; margin:auto; width:100%;}
.biz3Mark_box i{display:flex; align-items:center; padding-left:30rem; margin-left:30rem; border-left:1px dashed #ccc; font-size:17rem; color:#666; font-style:normal; width:55%;}
.biz3Certi{display:flex; position:relative; padding-bottom:50rem;}
.biz3Certi:before{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:400rem; background:url(../images/content/biz3Certi_bg.jpg)no-repeat center/cover;}
.biz3Certi_txt{width:60%;}
.biz3Certi_img{position:relative;display:block; width:40%;z-index: 1;}
.biz3Certi_img img{display:block; margin:auto; width:70%; box-shadow:0 0 30rem rgba(0,0,0,0.15);}
.biz3Certi_img2{display:block; position:absolute; right:40%; bottom:50rem; width:500rem;}
.biz3Certi_img2 img{display:block; width:100%; box-shadow:0 0 30rem rgba(0,0,0,0.15);}
.biz3-3__table{display:grid; grid-template-columns:1fr 1fr; gap:80rem;}
.biz3-3__table table{width:100%;}
/*
.biz3Facility{display:grid; margin-top:5rem; grid-template-columns:1fr 1fr; gap:60rem 40rem;}
.biz3Facility span{display:block; margin-top:15rem; width:100%;}
.biz3Facility img{display:block; width:100%;}
*/
@media(max-width:1279px){
    .biz1 .sec1 p > br{display:none;}
    .biz1Proce{grid-template-columns:repeat(3, 1fr); gap:40rem 20rem;}
    
    .biz2Type{display:block;}
    .biz2Type li+li{margin-top:20rem;}
    .biz2Type_img{display:flex; align-items:center; justify-content:space-between;}
    .biz2Type_img span{margin:0 !important; height:auto !important;}
    .biz2Type_img span:first-child{width:42%;}
    .biz2Type_img span:last-child{width:50%;}
    
    .biz3Mark{display:block;}
    .biz3Mark > p{padding-right:0; width:100%;}
    .biz3Mark p > br.hide_mo{display:none;}
    .biz3Mark_box{margin-top:40rem; width:100%;}
    .biz3Mark_box span{padding:0 110rem; width:60%;}
    .biz3Mark_box i{width:40%;}
    .biz3Certi:before{height:230rem;}
    .biz3Certi_txt > br.hide_mo{display:none;}
    .biz3Certi_img img{width:80%;}
    .biz3Certi_img2{width:350rem;}
    .biz3-3__table{gap:40rem;}
/*    .biz3Facility{gap:40rem 20rem;}*/
}
@media(max-width:767px){
    .biz1Type{grid-column-gap:20rem; grid-row-gap:12rem;}
    .biz1Type span{padding:10rem 0 9rem;}
    .biz1Proce{grid-template-columns:repeat(2, 1fr); gap:30rem 16rem;}
    .biz1Proce_step__num{font-size:15rem; width:92rem;}
    .biz1Proce_step__arrow i{font-size:13rem;}
    .biz1Cnst{grid-template-columns:repeat(2, 1fr); gap:10rem;}
    .biz1Cnst li:nth-child(1){grid-column:1/3; grid-row:unset;}
    
    .biz2ProsCons{display:block; margin-top:30rem;}
    .biz2ProsCons > div{width:100%;}
    .biz2ProsCons ul{padding:30rem 20rem;}
    .biz2Pros{margin-bottom:30rem;}
    .biz2Type li{padding:30rem 20rem 25rem;}
    .biz2Type_img{display:block; padding-top:30rem; margin-top:20rem;}
    .biz2Type_img span:first-child{margin:0 auto 30rem !important; width:70%;}
    .biz2Type_img span:last-child{width:100%;}
    
    .biz3Mark_box{margin-top:30rem;}
    .biz3Mark_box div{display:block; padding:30rem 20rem;}
    .biz3Mark_box span{padding:0; margin:auto;}
    .biz3Mark_box i{margin:30rem auto 0; padding:30rem 0 0; border-left:0; border-top:1px dashed #ccc; width:100%;}
    .biz3Certi{display:block; padding-bottom:40rem;}
    .biz3Certi:before{height:420rem;}
    .biz3Certi_txt{width:100%;}
    .biz3Certi_img{margin-top:40rem; width:100%;}
    .biz3Certi_img img{width:65%;}
    .biz3Certi_img2{position:relative; margin-top:10rem; right:auto; bottom:auto; width:100%;}
    .biz3Certi_img2 img{margin:auto;width:65%;}
    .biz3-3__table{grid-template-columns:1fr; gap:30rem;}
/*
    .biz3Facility{display:block;}
    .biz3Facility li+li{margin-top:40rem;}
*/
}