@charset "utf-8";

header{border:1px solid #ddd;}

/* sub visual */
.subVisual{display: flex; align-items: baseline; justify-content: space-between; gap: 1ch; padding: 80rem 0 60rem; border-bottom: 1px solid #ddd;
    &.business{border-bottom:0;}
	.title{ font: 700 var(--fs50) var(--font-pre); }
	.breadcrumb{ display: flex; align-items: center; gap: 12rem; font: 18rem var(--font-pre); }
	.home{ width: auto; height: 16rem; }
	.arrow{ width: auto; height: 11rem; }
	.snb1{ font-weight: 500; color: #666; }
	.snb2{ font-weight: 700; color: var(--primary); }
	@media(max-width:767px){
		&{ flex-direction: column; padding:60rem 0 50rem;}
		.breadcrumb{ align-self:center; }
        .title{width:100%; text-align:center; margin-bottom:10rem;}
	}
}

/* common content */
main#content{ min-height:300px; padding:100rem 0; }
.sub_title{ margin-bottom: 3.75em;}
.sub_title h2{ text-align:center; font-size:var(--fs35); }
h2.subTit01{margin-bottom:40rem; font-size:30rem; color:#000; padding-left:12rem; border-left:8rem solid var(--primary); line-height:1;}
h2.subTit01 em{display:block; margin-bottom:10rem; font-size:16rem; color:var(--primary); font-weight:500; text-transform:uppercase;}
h2.subTit02{position:relative; margin-bottom:20rem; padding-left:24rem; font-size:22rem; color:#000; line-height:1;}
h2.subTit02:before{content:'■'; display:block; position:absolute; left:0; top:2rem; font-size:18rem; 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; }

.table_st01{border-top:2px solid #333 !important; width:100%; table-layout:fixed;}

@media(max-width:1279px){}
@media(max-width:767px){
    main#content{padding:80rem 0;}
    h2.subTit01{margin-bottom:30rem;}
    h2.subTit02{margin-bottom:15rem;}
    
    .mt120{margin-top:90rem;}
    .mt40{margin-top:30rem;}
}


/* 회사소개 > 인사말 */
.greeting{position:relative;}
.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 h2: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;}
.grtTxt span{display:block; margin-top:40rem; font-size:17rem;}
.grtTxt span em{color:var(--primary);}
.grtTxt span b{font-size:19rem; color:#111;}
.grtTxt span img{display:inline-block; margin-left:20rem; width:100rem; vertical-align:middle; opacity:0.9;}
.grtImg{width:560rem;}
.grtImg img{display:block; width:100%; height:100%; object-fit:cover;}
@media(max-width:1279px){
    .grtTxt{width:60%;}
    .grtTxt h2{margin-bottom:30rem; font-size:var(--fs35);}
    .grtTxt h2:after{display:none;}
    .grtTxt p > br.hide_mo{display:none;}
    .grtImg{width:40%;}
}
@media(max-width:767px){  
    .grtInr{display:block;}
    .grtTxt{padding:0; width:100%;}
    .grtTxt h2{font-size:25rem;}
    .grtTxt span img{width:80rem;}
    .grtImg{margin-top:40rem; width:100%;}
}


/* 회사소개 > 오시는 길 */
.locationInr{display:flex;}
.locationInfo{display:flex; flex-direction:column; justify-content:space-between; padding:50rem 80rem 50rem 0; width:40%;}
.locationInfo h2{font-size:var(--fs30);}
.locationInfo h2 em{display:inline-block; margin-left:15rem; font-size:16rem; font-weight:500; color:var(--primary);}
.locationInfo li{display:flex; margin-top:20rem;}
.locationInfo span{display:block; margin-top:2.5rem; width:20rem; height:20rem;}
.locationInfo img{display:block; width:100%; height:100%; object-fit:contain;}
.locationInfo li > a,
.locationInfo li > div{display:block; padding-left:12rem; width:calc(100% - 20rem); font-size:18rem; color:#555;}
.locationMap{width:60% !important; height:500rem;}
.locationMap .wrap_map{height:100% !important;}
.locationMap .map_border,
.locationMap .wrap_controllers{display:none !important;}
@media(max-width:1279px){
    .locationInfo{padding:20rem 50rem 20rem 0;}
    .locationInfo h2 em{display:block; margin-left:0; margin-top:5rem;}
    .locationMap{height:400rem;}
}
@media(max-width:767px){
    .locationInr{flex-direction:column-reverse;}
    .locationInfo{margin-top:40rem; padding:0; width:100%;}
    .locationInfo h2 em{display:inline-block; margin-left:12rem;}
    .locationInfo ul{margin-top:20rem;}
    .locationInfo li{margin-top:15rem;}
    .locationInfo span{margin-top:3.5rem;}
    .locationMap{width:100% !important; height:70vh;}
}


/* 회사소개 > 연혁 및 조직도 */
.hisSwiper{position:relative;}
.hisSwiper-slide{border-bottom:1px solid #ccc; height:auto;}
.hisSwiper__year{position:relative; padding-top:25rem; margin-bottom:30rem; font-size:40rem; color:var(--primary); font-family:var(--font-mon); font-weight:800; text-align:center; border-top:1px dashed #ccc; line-height:1;}
.hisSwiper__year:before{content:''; display:block; position:absolute; left:50%; top:-14rem; transform:translateX(-50%); width:25rem; height:25rem; border:6rem solid var(--primary); background:#fff; border-radius:50%; box-sizing:border-box;}
.hisSwiper__list{padding:0 30rem 30rem;}
.hisSwiper__list li{display:flex; flex-wrap:wrap; font-size:17rem; color:#555;}
.hisSwiper__list li+li{margin-top:20rem;}
.hisSwiper__list em{display:block; font-weight:bold; color:#222; width:60rem;}
.hisSwiper__list p{width:calc(100% - 60rem);}
.hisSwiper__list img{display:block; padding:10rem 25%; width:100%; margin-top:10rem; border:1px solid #ddd;}
.hisSwiper-ctrl{display:flex; position:absolute; right:0; top:5rem;}  
.hisSwiper-ctrl > div{position:relative; right:auto; left:auto; top:auto; bottom:auto; margin-top:0; width:46rem; height:46rem; border:1px solid #333; border-radius:50%;}  
.hisSwiper-ctrl > div:after{font-size:20rem; font-weight:bold; color:#333;} 
.hisSwiper-ctrl > div.next{margin-left:10rem;}
.hisSwiper-ctrl > div.next:after{margin-right:-4rem;} 
.hisSwiper-ctrl > div.prev:after{margin-left:-4rem;}
.hisGroup_img{padding:40rem 20rem; border:1px solid #ddd;}
.hisGroup_img img{display:block; margin:auto; max-width:420rem; width:100%;}
@media(max-width:767px){
    .hisSwiper__year{font-size:30rem;}
    .hisSwiper__list{padding:0 20rem 30rem;}
    .hisGroup_img{padding:30rem 20rem;}
}


/* 사업소개 */
.biz{padding-top:0 !important;}
.bizIntro{position:relative; background:url(../images/content/bizIntro_bg.jpg)no-repeat center/cover;}
.bizIntro_ul{display:grid; gap:50rem; grid-template-columns:repeat(3, 1fr); padding:100rem 0;}
.bizIntro_ul > li{padding:40rem 30rem; background:rgba(255,255,255,0.9); border:1px solid #fff;}
.bizIntro_ul > li h2{position:relative; margin-bottom:20rem; padding-bottom:20rem; border-bottom:1px solid #fff; font-size:var(--fs30); color:#fff;}
.bizIntro_ul > li em{display:block; margin-bottom:5rem; font-size:16rem; text-transform:uppercase; font-weight:500;}
.bizIntro_ul > li a{display:block; position:absolute; right:0; top:40rem; width:30rem; height:30rem;}
.bizIntro_ul > li img{display:block; width:100%;}
.bizIntro_ul > li > ul > li{position:relative; padding-left:14rem; font-size:18rem; color:#fff;}
.bizIntro_ul > li > ul > li:before{content:''; display:block; position:absolute; left:0; top:10rem; width:6rem; height:6rem; background:#fff;}
.bizIntro_ul > li > ul > li+li{margin-top:10rem;}

.bizFlow{text-align:center;}
.bizFlow h2{display:inline-block; padding:11rem 40rem 10rem; text-align:center; font-size:var(--fs30); background:#111; color:#fff; border-radius:40rem; font-weight:600;}
.bizFlow_img{display:block; margin:40rem auto 0; max-width:530rem; width:100%;}
.bizFlow_img img{display:block; width:100%;}

.biz_txt li{display:flex; font-size:18rem; color:#555;}
.biz_txt em{display:block; position:relative; padding-left:14rem; color:#222; font-weight:600;}
.biz_txt em:before{content:''; display:block; position:absolute; left:0; top:10rem; width:6rem; height:6rem; background:#333; border-radius:50%;}
.biz_txt i{display:block; margin:0 8rem; font-style:normal;}
.biz_imgList1{display:grid; gap:50rem; grid-template-columns:repeat(3, 1fr);}
.biz_imgList1 span{display:block; width:100%;}
.biz_imgList1 img{display:block; width:100%;}
.biz_imgList1 em{display:block; margin-top:16rem; font-size:18rem; color:#333; font-weight:500; text-align:center;}

.biz1Img{border:1px solid #ddd;}
.biz1Img h3{padding:11rem 20rem 10rem; font-size:var(--fs22); color:#222; background:#f1f1f1; border-bottom:1px solid #ddd; text-align:center;}
.biz1Img_wrap{display:block; padding:40rem 20rem;}
.biz1Img_wrap img{display:block; margin:auto; max-width:400rem; width:90%;}
#biz1 .biz_imgList1{padding-top:20rem;}

.biz3Table{display:flex; justify-content:space-between;}
.biz3Table > div{width:calc(50% - 25rem);}
.biz3Table td:last-child{text-align:left !important;}

@supports(background:rgba(255,255,255,0.9)){ 
  .bizIntro_ul > li{background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
}

@media(min-width:768px){
    .biz3Table br.show_mo{display:none;}
}
@media(max-width:1279px){
    .bizIntro_ul{gap:20rem;}
    
    .biz_imgList1{gap:30rem 20rem;}
    
    .biz3Table > div{width:calc(50% - 10rem);}
}
@media(max-width:767px){
    .bizIntro_ul{display:block;}
    .bizIntro_ul > li{padding:30rem 20rem;}
    .bizIntro_ul > li+li{margin-top:20rem;}
    
    .biz_imgList1{gap:25rem 10rem; grid-template-columns:repeat(2, 1fr);}
    .biz_imgList1 em{margin-top:12rem;}
    
    .biz3Table{display:block;}
    .biz3Table > div{width:100%;}
}