.contents_wrap .subc{padding: 12rem 0; width: 1280px; margin: 0 auto;}
.contents_wrap .subc.full{width: 100%;}
.contents_wrap .subc.bggray{background: #f5f5f5;}
.contents_wrap .subc.bgblack{background: #050505;}
.contents_wrap .subc .subc_inner{width: 1280px; margin: 0 auto; position: relative;}

.contents_wrap .subc h3{text-align: center; font-size: 5rem; color: #000; font-weight: 700; letter-spacing: -1px;}
.contents_wrap .subc h3 span{font-family: "Pretendard";}
.contents_wrap .subc h3 + .desc{ text-align: center; font-size: 1.8rem; color: #666; margin-top: 30px; line-height: 1.3; letter-spacing: -1px;}


/* 회사소개 */
.aboutImg_wrap{}
.aboutTxt_wrap{margin-top: 70px; display: flex; justify-content: space-between;}
.aboutTxt_wrap .txt_left{font-family: "Pretendard";  font-size: 2.5rem; font-weight: 700; color: #000;}
.aboutTxt_wrap .txt_right{}
.aboutTxt_wrap .txt_right .tit{font-size: 2rem; font-weight: 600; color: #000; }
.aboutTxt_wrap .txt_right .desc{font-size: 1.8rem; font-weight: 400; color: #777; margin-top: 30px; line-height: 1.5;}
.aboutTxt_wrap .txt_right .name{font-size: 1.8rem; color: #222; margin-top: 30px;}

/* 사업분야 */
.business_wrap{display: flex;  }
.business_wrap .txt_wrap{ flex: 0 0 auto; min-width: fit-content;}
.business_wrap .txt_wrap .title{font-size: 2.5rem; font-weight: 700; color: #000; font-family: "Pretendard";}
.business_wrap .txt_wrap .desc{color: #666; margin-top: 5px;}
.business_wrap .img_wrap{margin-left: 50px;}
.slider_wrap{width: 1200px !important;}
.slider_wrap .mySwiper {}


.slider_wrap .box{width: 400px; height: 600px; background: #000; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 3px 3px 8px rgba(0,0,0,0.05); position: relative; }
.slider_wrap .box::before{content: ""; background: #000; opacity: 0.45; z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.slider_wrap .box.box1{background: url(../../img/img_biz01.jpg) no-repeat center / cover;}
.slider_wrap .box.box2{background: url(../../img/img_biz02.jpg) no-repeat center / cover;}
.slider_wrap .box.box3{background: url(../../img/img_biz03.jpg) no-repeat center / cover;}
.slider_wrap .box.box4{background: url(../../img/img_biz04.jpg) no-repeat center / cover;}
.slider_wrap .box.box5{background: url(../../img/img_biz05.jpg) no-repeat center / cover;}
.slider_wrap .box .top{font-size: 2.5rem; font-weight: 700;  color: #fff; position: relative; z-index: 1;}
.slider_wrap .box .bottom{ position: relative; z-index: 1;}
.slider_wrap .box .bottom .title{ font-size: 2rem; font-weight: 700; color: #fff;}
.slider_wrap .box .bottom .desc{font-size: 1.6rem; font-weight: 300; color: #ddd; margin-top: 10px; line-height: 1.4;}

.process_wrap{display: flex; gap: 105px; margin-top: 70px}
.process_wrap .box{width: calc( 100% - (105px * 3) / 4); height: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ddd; background: #fff; box-sizing: border-box; text-align: center; position: relative; padding: 0 20px;}
.process_wrap .box::before{content:""; display: block; position: absolute; right: -72px; background:  url(../../img/icon_proc_arrow.png) no-repeat center / cover ; width: 34px; height: 22px;}
.process_wrap .box:last-child::before{display: none;}
.process_wrap .box .icon{}
.process_wrap .box .icon img{width: auto; max-height: 55px;}
.process_wrap .box .title{ font-size: 2rem; font-weight: 700; color: #0e4194; margin: 30px 0 10px;}
.process_wrap .box .desc{font-size: 1.4rem; color: #6b6b6b; line-height: 1.5;}


/* 포트폴리오 */
.photoList_wrap{display: flex; flex-wrap: wrap;  gap: 40px;}
.photoList_wrap li{flex: 0 0 auto; width: calc( (100% - (40px * 2)) / 3); position:relative;}
.photoList_wrap li a{}
.photoList_wrap li a .img{width: 100%; position: relative; overflow: hidden; height: 300px;}
.photoList_wrap li a .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.photoList_wrap li a .txt{}
.photoList_wrap li a .txt .subject{font-size: 1.8rem; color: #000;  font-weight: 500; margin: 10px 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.photoList_wrap li a .txt .date{font: 1.6rem; font-family: "Pretendard"; color: #666;}

.chkbox_wrap{position:Absolute; left: 5px; top:5px; z-index:5}


/* 게시판 */
.boardList_wrap{}
.boardList_wrap li{border-bottom: 1px solid #000;}
.boardList_wrap li:first-child{border-top: 2px solid #000;}
.boardList_wrap li a{display: flex; justify-content: space-between; align-items: center; padding: 35px 0;}
.boardList_wrap li a .txt{}
.boardList_wrap li a .txt .subject{font-size: 3rem; color: #000; font-weight: 700;}
.boardList_wrap li a .txt .cont{font-size: 2rem; color: #777; margin-top: 10px;}
.boardList_wrap li a .date{font-size: 1.6rem; font-family: "Pretendard"; color: #666;}


/* 팀 */
.teamList_wrap{display:flex; gap: 40px;}
.teamList_wrap .box{ flex: 0 0 auto; width: calc( ( 100% - ( 40px * 3 )) / 4 );}
.teamList_wrap .box .img{filter: grayscale(0.9); transition: all 0.5s ease; position: relative; overflow: hidden; width: 100%; height: 400px;}
.teamList_wrap .box .img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.teamList_wrap .box:hover .img{filter: grayscale(0);}
.teamList_wrap .box .txt{display: flex; gap: 10px; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: 300; color: #555; text-align: center; margin-top: 15px;}
.teamList_wrap .box .txt span{ font-size: 2rem; font-weight: 600; color: #000;}

.humanList_wrap{display:flex; gap: 40px; flex-wrap: wrap; margin-top: 70px;}
.humanList_wrap li{flex: 0 0 auto; width: calc( ( 100% - ( 40px * 2 )) / 3 ); padding: 20px 0; border-top:1px solid #ddd}
.humanList_wrap li .name{font-size: 2rem; font-weight: 600; color: #000;}
.humanList_wrap li .desc{font-size: 1.6re; color: #666; margin-top: 20px;}



/* 문의하기 신청폼 */
.contactus_wrap .required{ display: inline-block;color: #0e4194;font-size: 1.8rem; margin-left:5px;     vertical-align: top; font-weight:500;}
.contactus_wrap {padding-bottom: 150px;} 
.contactus_wrap select{width: 100%;height: 100%;border: none;font-size: 1.6rem;padding: 15px 0;border-bottom: 1px solid #ddd;-webkit-transition: all 0.30s ease-in-out;color: #afafaf; } 
.contactus_wrap input[type=text],
.contactus_wrap input[type=number],
.contactus_wrap input[type=email]
{width: 100%;height: 100%;border: none;font-size: 1.8rem;padding:15px 0;border-bottom: 1px solid #ddd;-webkit-transition: all 0.30s ease-in-out;color:#afafaf;}
.contactus_wrap textarea{width: 100%;padding: 20px;font-size: 1.8rem; border-radius:0; border:1px solid #ddd}
.contactus_wrap textarea::placeholder{font-weight: 500;color: #afafaf; }  
.contactus_wrap .checkbox_wrap {display:inline-block; position:relative;}
.contactus_wrap .checkbox_wrap input[type=checkbox]{width: 15px; height: 15px;} 
.contactus_wrap .checkbox_wrap input[type=checkbox]+ label{font-size: 1.8rem;color: #111;position: relative; margin-left: 10px;} 
.contactus_wrap .contactus_form{margin-bottom:20px; display:flex; justify-content:space-between; flex-wrap:wrap;}  
.contactus_wrap .contactus_form dl{margin-top: 75px; width:48%;}
.contactus_wrap .contactus_form dl dt{font-size: 2.2rem;color: #111;font-weight: 700;position: relative; margin-bottom:20px;}
.contactus_wrap .contactus_form dl.email dd{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.contactus_wrap .contactus_form dl.email dd input{width:100%;} 
.contactus_wrap .contactus_form dl.title{width:100%;} 
.contactus_wrap .contactus_form dl.content{width:100%;}
.contactus_wrap .contactus_form .contentField{height: 150px; padding: 20px;}

.send-btn{text-align: center;margin-top: 70px;}
.send-btn a{display: inline-block;padding: 20px 70px; font-size: 1.8rem; border: 2px solid #0e4194; color: #0e4194;font-weight: 600; transition: all ease 0.3s;}
.send-btn a:hover{background-color: #0e4194;color: #fff; }

.send-btn .submit{display: inline-block;padding: 19px 70px; font-size: 1.8rem; border: 2px solid #0e4194; color: #0e4194;font-weight: 600; transition: all ease 0.3s; vertical-align:top}
.send-btn .submit:hover{background-color: #0e4194;color: #fff; }
.send-btn a.cancel{border:1px solid #666; color :#999;}
.send-btn a.cancel:hover{background:#fff; color : #111}


.privacy_btn{display:inline-block; padding:5px; background:#d7d7d7; font-size:1.2rem; cursor:pointer; vertical-align: top; margin-left:5px;}


/* 문의하기 */
.contactView_wrap{margin:30px 0;}
.contactView_wrap .contactView_row{}
.contactView_wrap .contactView_row + .contactView_row{margin-top:30px;}
.contactView_wrap .contactView_row .title{font-size:1.4rem; color:#444;}
.contactView_wrap .contactView_row .cont{font-size:1.8rem; color:#111; font-weight:500; margin-top:5px;}




/* 문의하기 지도 */
.locationTop_wrap{display: flex; justify-content: space-between;}
.locationTop_wrap .txt{} 
.locationTop_wrap .txt .title{font-size: 5rem; font-weight: 700; color: #fff; line-height: 1;} 
.locationTop_wrap .txt .desc{ font-size: 1.8rem; color: #c9c9c9; margin-top: 10px;} 
.locationTop_wrap .info{width: 50%; display: flex; flex-wrap: wrap; gap: 40px;} 
.locationTop_wrap .info > div{flex: 0 0 auto;} 
.locationTop_wrap .info > div:first-child{width: 100%;}
.locationTop_wrap .info > div .en{font-family: "Pretendard"; color: #c9c9c9; font-size: 1.8rem;} 
.locationTop_wrap .info > div .ko{color: #fff; font-size: 2rem; margin-top: 10px;} 


.locationMap_wrap{background: #fff; border-radius: 20px; height: 500px; position: relative; overflow: hidden; margin-top: 70px;}
.locationMap_wrap::before{content: ""; background: #000; opacity: 0.25; z-index: 2; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events:none ;
  -webkit-mask-image: radial-gradient(circle 1500px at center, transparent 0%, black 70%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-image: radial-gradient(circle 1500px at center, transparent 0%, black 70%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}
.locationMap_wrap > div#map{width:100%; height:500px;}



.termWrap > .txtBox > .tit{font-size:20px; font-weight:600; margin-bottom:2rem; color:#111;}
.termWrap > .txtBox > p{font-size:14px;}
.termWrap > .txtBox > p + p{margin-top:10px;}
.termWrap > .txtBox .day{margin-top:10px; text-align: right; font-size: 15px;}
.termWrap > .txtBox + .txtBox{margin-top:40px;}