.main1{padding: 17.5rem 0; background: url("/theme/prix/img/main/main1_bg.png") no-repeat; background-position: right bottom;}
.main1 .w1560{display: flex; align-items: center; justify-content: center; gap: 7.4%;}
.main1_con{display: flex; flex-direction: column;}
.main1_con h5{font-size: 2rem; line-height: 1; color: #666666;}
.main1_con h4{font-size: 5.2rem; line-height: 1; font-weight: bold; color: #000000; margin: 8rem 0 5rem; }
.main1_con p{font-size: 2.8rem; line-height: 1; color: #333333; font-weight: 500;}
.main1_con span{font-size: 1.9rem; line-height: 3.2rem; color: #333333; margin: 3rem 0 9rem;}

.main2{width: 100%; min-height: 104rem; height: auto; padding: 30rem 0; background: url("/theme/prix/img/main/main2_bg.jpg") no-repeat; background-size: cover; position: relative; overflow: hidden; background-position: right;}
.main2 > h4{font-size: 4.8rem; line-height: 1; font-weight: bold; color: #fff; text-align: center; position: relative; z-index: 5;}
.main2 > h5{font-size: 1.6rem; line-height: 1; font-weight: 500; color: #fff; text-align: center; margin: 3.5rem auto 11rem; position: relative; z-index: 5;}

.main2 ul{display: flex; align-items: flex-start;/*  position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; */}
.main2 ul li{width: 25%;height: 100%; padding: /* 50rem  */0 3rem 0 5rem; display: flex; flex-direction: column; position: relative; }
.main2 ul li::after{width: 100%; height: 500%; background: url('/theme/prix/img/main/main2_li_bg.jpg')no-repeat;background-size: cover; opacity: 0.9; content: ''; position: absolute; top: -250%; left: 0; display: none;}
.main2 ul li:hover::after{display: block;}
/* .main2 ul li:hover{background: url('/theme/prix/img/main/main2_li_bg.jpg') no-repeat; background-size: cover; opacity: 0.9;} */
.main2 ul li:hover a{opacity: 1; }
.main2 ul li *{ transition: 1s !important;}
.main2 ul li >h4{font-size: 3rem; line-height: 1; font-weight: bold; color: #fff; position: relative ; z-index: 4;}
.main2 ul li >h5{font-size: 3rem; line-height: 1; font-weight: bold; color: #fff; margin: 2.5rem 0 4.5rem; position: relative ; z-index: 4;}
.main2 ul li >p{font-size: 1.8rem; line-height: 1.5;  color: #fff; margin-bottom: 5rem; opacity: 0.95; position: relative ; z-index: 4;}
.main2 ul li a{width: 15rem; height: 5rem; display: flex;  align-items: center; justify-content: center; gap: 1.5rem; font-size: 1.5rem; line-height: 1; color: #ffffff; background: #fc9f3b; opacity: 0; position: relative ; z-index: 4;}
.main2 ul li:nth-child(2) a,
.main2 ul li:nth-child(4) a{background: #7cd344;}

.main3{padding: 16rem 0 16rem; background: url("/theme/prix/img/main/latest_bg.jpg") no-repeat; background-size: contain; background-position: right bottom; text-align: right;}

.icon_ver1{display: flex; align-items: center; gap: 1.5rem; font-size: 2.8rem; line-height: 1; font-weight: bold; color: #1b1b1b; margin-bottom: 0.5rem;}
.more_ver1{font-size: 1.8rem; font-weight: 500; color: #1b1b1b; line-height: 1; margin-bottom: 4rem; display: inline-block;}
.main3_latest{display: flex; align-items: flex-start; justify-content: flex-start; gap: 9.25%;}
.main3_latest > a{width: calc((100% - 18.5%)/3); height: auto; display: flex; flex-direction: column; text-align: left;}
.main3_latest > a:hover .imgArea{border-color: #11ff77;}
/* .main3_latest > a .imgArea{width: 100%; height: auto; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; margin-bottom: 4rem; border: 1px solid #dadada;} */
.main3_latest > a .imgArea{width: 100%; border: 1px solid #dadada;;padding-bottom: 56%; position: relative;  margin-bottom: 4rem;}
.main3_latest > a .imgArea img{position: absolute; width: calc(100% - 2rem); height: calc(100% - 2rem); top: 50%; left: 50%; transform: translate(-50% , -50%);}
.main3_latest > a h4{font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 3rem; color: #1b1b1b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.main3_latest > a p{font-size: 1.6rem; line-height: 1.1; color: #aaaaaa;}













@media only screen and (max-width : 1024px){
    .main1 .w1560 {gap: 3rem; flex-direction: column-reverse; align-items: flex-start; }
    .main2{padding: 15rem 3rem 0;}
    .main2 ul{flex-direction: column; gap: 0;}
    .main2 ul li{width: 100%; height: auto; padding: 5rem 0 ;}
    .main2 ul li::after{width: 150%;height: 100%;background: url("http://haerim.iceserver.co.kr/theme/prix/img/main/main2_li_bg.jpg")no-repeat;background-size: cover;opacity: 0.9;content: '';position: absolute;top: 0;left: -10%;display: none;}
    .main2 ul li + li{border-top: 1px solid rgba(255, 255, 255, 0.6);}
    .main2 ul li >p{margin-bottom: 0;}
    .main2 ul li a{opacity: 1; display: none; margin-top: 5rem;}
    .main2 ul li:hover a{display: flex;}



}
@media only screen and (max-width : 840px){
    .main3_latest{flex-direction: column; gap: 3rem;}
    .main3_latest > a{width: 100%;}

    /* .main3_latest > a h4{font-size: 2.8rem; line-height: 3.4rem;}
    .main3_latest > a p{font-size: 2.6rem;} */



}
@media only screen and (max-width : 768px){
    






}
@media only screen and (max-width : 640px){






}
@media only screen and (max-width : 480px){






}