.main_con {width:100%;  margin:0 auto;   font-size:16.5px;  font-weight:300; line-height:1.4}
 

.main_con hr {height:100px}
.main_con h3 {font-size:2em; letter-spacing:-1px}
 
 @media all and (max-width:800px) {
	.main_con {font-size:15px}
	.main_con h3 {font-size:1.7em; }

}
.vi {position:relative; width:100%; height:100vh ; z-index:9  }
.vi * {transition: all 0.3s ease;}
.vi iframe {height:100%; width:100%}
.vi .in {position:Absolute;  position:absolute; left:50%; top:44%; transform: translate(-50%, -50%);  color:#111;  }
.vi .in .flex {gap:20px; margin-top:20px}
.vi .in h3.tit {font-size:2.4em; margin-bottom:15px}
.vi .in p {font-weight:300; font-size:1.1em; color:#111}
.vi .in  a {background-color:var(--main_c);  color:#fff;  margin-top:10px;  border-radius:50px; font-size:19px;   padding:13px 50px; display:inline-block}


 
section + section {margin-top:90px}
.tit_wrap {margin-bottom:30px; align-items:flex-end; justify-content:space-between}
.tit { font-size:2.4em; margin-bottom:15px }
.tit + p {font-weight:300; font-size:1.1em; color:#111}

  @media all and (max-width:800px) {
		.tit { font-size:1.7em; margin-bottom:5px }
		.tit + p { font-size:1em; width:100%; margin-bottom:15px;  }
.tit_wrap > div {width:100%}
}
.business_list_wrap {width:100%; display:flex; gap:1px;  margin-top:30px}
.business_list_wrap .business_list_box  {width:100%;  position:Relative; height:500px;  padding:0; background-color:#333; overflow:hidden}
.business_list_wrap * {transition: all 0.3s ease-out;}
.business_list_wrap .business_list_box .img_bg {width:100%; height:100%; position:absolute; left:0; top:0;}
.business_list_wrap .business_list_box div.text {position:absolute; width:100%; padding:60px 40px  30px 40px; box-sizing:border-box;  top:0; left:0; color:#fff; height:100%; display:flex; flex-direction:column; justify-content:flex-end}
.business_list_wrap .business_list_box div.text span { position:relative; z-index:9; letter-spacing:0; font-size:1em; font-weight:400;}
.business_list_wrap .business_list_box div.text h5 {font-size:1.7em;  position:relative; z-index:9}
.business_list_wrap .business_list_box div.text p {height:0;  opacity:0; margin-top:20px; font-weight:300;   overflow:hidden;   position:relative; z-index:9}

.business_list_wrap .business_list_box div.text:after {background:rgba(0,0,0,.1); width:100%; height:100%; position:absolute; left:0; top:0; content:''}


 @media all and (min-width:800px) {

.business_list_wrap .business_list_box:hover div.text p {opacity:1; height:120px; font-size:.95em}
.business_list_wrap .business_list_box:hover div.text {background:rgba(0,0,0,.5); }
.business_list_wrap .business_list_box:hover p.img_bg {  filter: blur(5px);  -webkit-filter: blur(5px); }
}
 @media all and (max-width:800px) {
 
		.business_list_wrap {flex-wrap:Wrap}
		.business_list_wrap .business_list_box div.text {padding:20px}
		.business_list_wrap .business_list_box  {width:calc(50% - 1px); height:300px; }
		.business_list_wrap .business_list_box div.text h5 {font-size:1.5em}
 }

.main_bottom_wrap { overflow:hidden;  margin-top:100px; position:relative;  background-size:cover}
.main_bottom_wrap video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; /* 핵심 */ transform: translate(-50%, -50%);}
.main_bottom_wrap .rgba_bg {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.1); display:inline-block}

.customer {width:100%;  padding:90px 0 0 0; color:#111; position:relative; }
.customer .in {position:relative;  z-index:99; max-width:1300px; color:#fff; }
.customer .tit {font-size:70px; line-height:1.2}
.customer .right_area {padding-left:57%; margin-top:-40px; box-sizing:border-box}
.customer .right_area .t1 {font-size:35px; font-weight:600}
.customer .right_area .t2 {font-weight:300; margin-top:10px; font-size:19px}
.m_view {display:none}

 @media all and (max-width:800px) {
		.customer .tit {font-size:30px; }
		.customer .right_area {width:100%; padding-left:0; margin-top:20px;  }
		.customer .right_area .t1 {font-size:1.3em; }
		.customer .right_area .t2 { font-size:1em}
		.pc_view {display:none}
		.m_view {display:block}

  }

footer { margin-top: 20px; border-top: none }
footer * {color:#fff}
footer a {color:#fff}
footer .w {display:block}
footer .color {display:none}