.flex{display:flex;}
.main_con *{color:#222;}
.main_c{color:var(--main_c)}

.in{max-width:1500px; margin:0 auto;}
.sub_con .in{max-width:1300px; }
.product .in{max-width:1500px; }

.main_con section{margin-bottom:100px;}
.main_con h3{font-size:3em; margin-bottom:30px;}
.main_con h4{font-size:2.5em; margin-bottom:30px; font-weight:400;}

@media screen and (max-width:1600px) {
	.in{padding:0 2%; box-sizing:border-box;}	
	.main_con section{margin-bottom:80px;}
	.main_con h4{font-size:1.8em;}
}



.main_con .m_product{background:#000; padding:130px 0; box-sizing:border-box; margin-bottom:0;}
.m_product *{color:#fff;}

.m_product .first{display:flex;flex-wrap:wrap}
.m_product .first .titbox{width:66.66%}
.m_product .first .titbox h3{font-size:5em; margin-bottom:20px;}
.m_product .first .titbox p{font-size:1.4em; margin:0px 0 20px 0; color:#eee;}
.m_product .first .titbox a{font-size:1.1em; color:#ddd}

.m_product li {width:33.33%; border:1px solid #777; box-sizing:border-box; max-height:380px; overflow:hidden; position:relative; margin-left:-1px; margin-top:-1px;padding-top:110px; transition:all .3s ease; cursor:pointer;}
.m_product .imgbox{text-align:right;}
.m_product img{width:90%; opacity:.7; transition:all .4s ease;     }
.m_product li:hover{background:var(--main_c); padding-top:50px; transition:all .3s ease; }
.m_product li:hover img{opacity:1; transition:all .4s ease; filter: brightness(1);}
.m_product li p{position:absolute; top:10px; font-size:2em; font-weight:500; color:#bbb; padding:30px; box-sizing:border-box;}
.m_product li:hover p{color:#fff;}

.m_product .up{width:33.33%;}
.m_product .up li{width:100%; margin-left:-3px;}
.m_product .btm ul{display:flex;flex-wrap:wrap}


@media screen and (max-width:900px) {
	.main_con .m_product{padding:80px 0;}
	.m_product .first{flex-direction:column; gap:20px;}
	.m_product .up{width:calc(100% - 1px);}
	.m_product li{width:50%; max-height:46vw; padding-top:16vw;}
	.m_product .first .titbox{width:100%;}
	.m_product .first .titbox h3{font-size:3em;}
	.m_product .first .titbox p{font-size:1.2em;}

	.m_product li p{font-size:1.4em; top:0; padding:20px;}
	.m_product .up li{margin-left:-1px;}
}



.notice{background:#f3f3f3; padding:100px 0; box-sizing:border-box;}
.notice .titbox{display:flex; justify-content:space-between; align-items:center;}
.notice .titbox a{font-size:1.2em;}
.notice b{font-style:italic;}
.notice .flex{gap:20px;}

.notice .box .tag *{color:var(--main_c); font-weight:600;}
.notice .box{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-sizing:border-box; padding:40px; flex:1; border-radius:20px; background:#fff; cursor:pointer;}
.notice .box:hover{background:var(--main_c)}
.notice .box:hover *{color:#fff;}
.notice .box h5{font-size:1.6em; margin:10px 0 20px 0; font-weight:500;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;    
    overflow: hidden;
}
.notice .box p{font-size:1.1em; margin-bottom:20px; line-height:1.5;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;    
    overflow: hidden;
}
.notice .box .date{color:#bbb;}

@media screen and (max-width:900px) {
	.notice{padding:80px 0;}
	.notice .flex{flex-direction:column;}
	.notice .box{padding:20px; font-size:.9em;}
}
	


.box3 .flex{gap:30px;}
.box3 .box{background:#fff; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); flex:1; padding:60px; box-sizing:border-box; border-radius:20px; background-blend-mode: multiply; position:relative; cursor:pointer;}
.box3 .box *{color:#fff;}
.box3 .box:first-child *{color:#333;}
.box3 .box span{font-size:1.2em; color:#ccc;}
.box3 .box h4{font-size:2.2em; margin:10px 0 40px 0;}
.box3 .box p{font-size:1.2em; color:#eee; line-height:1.6;}
.box3 .box li{font-size:1.2em; margin-bottom:10px;}
.box3 .box:last-child{cursor:initial;}

.box3 .line {
	position: absolute;
	bottom:40px;
	right:60px;
	width: 43px;
	height:43px;
	z-index:99; 
	background:rgba(255,255,255,.6); 
	border-radius:50%;
	box-sizing:border-box;
	transition: all 0.3s ease-out;
	border:2px solid rgba(255,255,255,0); 
 }
.box3 .box:hover .line{  background:rgba(255,255,255,1); }

/* 화살표 스타일 */
.box3 .line::after {
  content: '';
  position: absolute;
  left:50%;
  top: 50%;
  margin-top:-8px;
  margin-left:-12px;
  width: 13px;
  height: 13px;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  transform: rotate(45deg);
   transition: all 0.3s ease-out;
  
}

@media screen and (max-width:900px) {
	.box3 .flex{flex-direction:column;}
	.box3 .box{padding:30px; font-size:.8em;}
	.box3 .box h4{margin:10px 0 20px 0;}
	.box3 .line{right:30px;}
}



footer{font-size:1em; padding:60px 0;box-sizing: border-box; font-weight:400; border-top:1px solid #ddd;}
footer .in{padding:0 10%; display:flex; justify-content:space-between; align-items:start;}
footer .titbox{ display:flex; gap:80px;}
footer *{color:#666;}
footer img{height:40px;}
footer .info{line-height:1.5;}
footer p{margin-top:10px;}

.sub footer {background:#000; border-top:none;}
.sub footer *{color:#bbb;}

.company02_wrap footer h2{display:none;}
@media screen and (max-width:900px) {
	footer{padding:30px 0;}
	footer .in{flex-direction:column; gap:10px; padding:0 3%;}

	footer .titbox{flex-direction:column; gap:10px;}
}