@font-face {
    font-family: 'notoserifkr-medium';
    src: url('fonts/notoserifkr-medium.otf') format('opentype');
}
@keyframes move {
  from {
    transform: translateX(100px) scale(1.2);
    animation-timing-function: cubic-bezier(.2,0,.8,1);
  }
  to { transform: translateX(0px) scale(1); }
}
@-webkit-keyframes updown {
    0% {
        bottom: 0;
    }

    100% {
        bottom: 30px;
    }
}
.notoserifkr{font-family: 'notoserifkr-medium';}
.no-padding{padding-right:0; padding-left:0;}
.no-margin{margin-right:0; margin-left:0;}
/* common */
#main-slider{position:relative;}
.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}
.slider .move-btn{top:50%!important;}
.slider .slider-wrapper .slide p{width: 100%;}
.slider .slider-wrapper .slide img{width: 100%;}
.box{display:inline-block; position:relative; opacity:0; top:50px; }

#loginForm .form-heading{margin-top:225px!important;}

#main1{height: 755px;padding: 130px 0;position: relative;background: linear-gradient(to right, #3B3B3B 50%, #F8F8F8 50%);margin:-10px 0 0;}
#main1 a:hover .main1R .main1RPLUS,
#main1 a:focus .main1R .main1RPLUS{animation:move 1.5s ease-in-out infinite alternate-reverse;}
#main1 .main1R{padding: 105px 85px;height: 100%;width: 40%;float: right;position:relative;color:#000;}
#main1 .main1R a{color:#000;text-decoration:none;}
#main1 .main1R h2{margin: 0;font-size: 46px;letter-spacing: 1px;}
#main1 .main1R h1{line-height: 2;font-size: 38px;font-weight: bold;letter-spacing: 1px;
margin: 0 0 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;}
#main1 .main1R h5{margin: 0;line-height: 1.5;font-size: 20px;}
#main1 .main1R p{margin: 0;line-height: 1.5;font-size: 20px;}
#main1 .main1R p span{}
#main1 .main1R p .more{margin: 0 10px;font-size: 20px;}
#main1 .main1R .main1RPLUS{width: 79px;height: 12px;position: absolute;right: 15%;bottom: 20%;}
#main1 .main1L{width: 60%;height: 100%;float: left;position: absolute;top: 0;padding: 130px 0;}
#main1 .main1L .main1LBG{height: 100%;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: left;}

#main2 .main2TM{display: inline-flex;width: 100%;justify-content: space-between;padding: 110px 0; gap: 15px;}
#main2 .main2TM a{height:275px; display: inline-block;float: left; width:100%;text-decoration:none;}
#main2 .main2TM a .main2TT{height: 100%;width: 100%;padding: 30px 20px 30px 0;color:#000;}
#main2 .main2TM a .main2TT .main2TTT{height: 50%;display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;
align-items: center;border-bottom: 1px solid #000;}
#main2 .main2TM a .main2TT .main2TTT h5{margin: 0; font-size: 24px;}
#main2 .main2TM a .main2TT .main2TTT h1{margin: 0; font-size: 34px;}
#main2 .main2TM a .main2TT .main2TTB{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;align-items: center;height: 50%;}
#main2 .main2TM a .main2TT .main2TTB .main2TIMG{width: 133px;height: 29px;}
#main2 .main2TM a .main2TT .main2TTB h6{margin: 0;font-size: 17px;line-height: 3;}
#main2 .main2TM a .main2THF{background-size: cover;background-repeat: no-repeat;background-position: center;height: 100%;position:relative;filter: grayscale(100%);transition:0.6s all ease;}
#main2 .main2TM a:hover .main2THF{filter: grayscale(0%);transition:0.6s all ease;}
#main2 .main2TM a:hover .main2THF{position:relative;
animation-name: updown;animation-duration:1s;animation-duration: leaner;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode: forwards;
}
#main2 .main2TM a .main2THF h1{color: #fff;font-size: 24px;letter-spacing: 0;position: absolute;top: 50%;left: 0;
text-align: center;transform: translate(0,-50%);width: 100%;margin: 0;}

#main2 .main2BM{}
#main2 .main2BM .main2BT{}
#main2 .main2BM .main2BT h1{padding: 0 0 30px;font-size: 46px;margin: 0;letter-spacing: 1px;border-bottom: 5px solid #E06F70;}
#main2 .main2BM .main2BBM{display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;width: 100%;padding:0 0 75px;}
#main2 .main2BM .main2BBM .main2BHF{float: left;margin: 35px 0;width: calc(100%/3 - 30px);}
#main2 .main2BM .main2BBM .main2BHF .main2BTT{border-right:1px solid #000;float: left; width:100%;position:relative;color:#000; text-decoration:none;}
#main2 .main2BM .main2BBM .main2BHF:last-child .main2BTT{border:none;}
#main2 .main2BM .main2BBM .main2BHF .main2BTT h1{margin: 0;font-size: 27px;line-height: 2;font-weight:bold;}
#main2 .main2BM .main2BBM .main2BHF .main2BTT h5{font-size: 20px;line-height: 1.5;margin: 0;overflow: hidden;white-space: normal;
word-wrap: break-word;display: -webkit-box;word-break: keep-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transform: skew(-0.05deg);}
#main2 .main2BM .main2BBM .main2BHF .main2BTT h7{font-size: 17px;line-height: 1.5;margin: 0;}
#main2 .main2BM .main2BBM .main2BHF .main2BTT .main2BPLUS{position: absolute;top: 5%;right: 5%;width: 21px;height: 21px;}

#main3{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
#main3 .main3M{position:relative;height: 935px;}
#main3 .main3M .main3R{color: #fff;position:absolute;color: #fff;float: right;text-align: right;margin: 150px 0 0;right:55px;}
#main3 .main3M .main3R > h1{font-size: 36px;margin: 0;line-height: 2;border-bottom: 1px solid #fff;display: inline-block;}
#main3 .main3M .main3R > h2{font-size: 25px;letter-spacing: 1px;margin: 0;line-height: 2;}
#main3 .main3M .main3R > h5{margin: 25px 0;font-size: 17px;line-height: 1.5;letter-spacing: 0px;}
#main3 .main3M .main3R a{display: inline-block;border: 1px solid #fff;padding: 25px 87.5px;position: relative;}
#main3 .main3M .main3R a:before{background-color:#fff;transition:0.3s all ease;}
#main3 .main3M .main3R a:hover h5{color:#000;transition:0.3s all ease;font-weight:bold;}
#main3 .main3M .main3R a h5{color: #fff;font-size: 17px;display: inline-block;margin: 0;position: absolute;top: 50%;font-weight:normal;
left: 0;text-align: center;width: 100%;transform: translate(0,-50%);}
#main3 .main3M .main3L{bottom:0;left:15px;position:absolute;}
#main3 .main3M .main3L .main3LM{padding: 180px;background-color: #fff;display: inline-block;position: relative;color: #000;float: left;}
#main3 .main3M .main3L .main3LM .main3LMT{text-align: center;position: absolute;top: 50%;width: 100%;border: none;display: block;transform: translate(0,-50%);left: 0;}
#main3 .main3M .main3L .main3LM .main3LMT h1{font-size: 72px;font-weight: bold;letter-spacing: -1px;margin: 0;line-height: 1.2;}
#main3 .main3M .main3L .main3LM .main3LMT h4{margin: 0;line-height: 1.5;font-size: 22px;font-weight: bold;letter-spacing: 1px;}
#main3 .main3M .main3L .main3LM .main3LMT h5{margin: 0;text-align: center;font-size: 27px;}
#main3 .main3M .main3L .main3LM .main3LMT h6{font-size: 27px;font-weight: bold;letter-spacing: 1px;margin: 0 0 30px;}
#main3 .main3M .main3L .main3LM .main3LMT h7{font-size: 20px;line-height: 2;color: #838383;}
#main3 .main3M .main3L .main3LM .main3LHF{padding: 50px;position: absolute;right: 0;top: 15%;background-color: #897A67;transform: translate(100%,-0);}
#main3 .main3M .main3L .main3LM .main3LHF img{position: absolute;top: 50%;text-align: center;border: none;display: block;transform: translate(-50%,-50%);}
#main4{height: 630px;padding: 100px 0;position: relative;}
#main4 .main4L{width: 60%;height: 100%;float: left;position: absolute;top: 0;padding: 100px 0;}
#main4 .main4L .main4LBG{height: 100%;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: left;}
#main4 .main4R{width: 55%;height: 100%;float: right;right: 0%;position: absolute;top: 0;padding: 100px 0;}
#main4 .main4R .main4RHF{background-color: #FEFBFB;height: 200px;display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;width: 100%;padding: 0 0 0 85px;
position: absolute;bottom: 20%;}
#main4 .main4R .main4RHF a{width: 140px;height: 40%;display: inline-block;border-right: 1px solid #000;position: relative;z-index:1;}
#main4 .main4R .main4RHF a:last-child{border:none;}
#main4 .main4R .main4RHF a:hover .main4RIMG .on{opacity:1;transition:0.3s all ease;}
#main4 .main4R .main4RHF a:hover .main4RIMG .off{opacity:0;transition:0.3s all ease;}
#main4 .main4R .main4RHF a .main4RIMG{width: 50px;height: 50px;left: 50%;position: absolute;top: 15%;transform: translate(-50%,-50%);}
#main4 .main4R .main4RHF a .main4RIMG .on{height: 100%;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;opacity:0;transition:0.3s all ease;}
#main4 .main4R .main4RHF a .main4RIMG .off{height: 100%;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;opacity:1;transition:0.3s all ease;}
#main4 .main4R .main4RHF a h1{margin: 0;font-size: 20px;position: absolute;top: 75%;text-align: center;width: 100%;transform: translate(0,-50%);color:#000;transition:0.3s all ease;}
#main4 .main4R .main4RHF a:hover h1{font-weight:bold;transition:0.3s all ease;}
#main4 .main4R .main4RT{padding: 0 0 0 120px;position: absolute;top: 25%;left: 0;}
#main4 .main4R .main4RT h1{font-size: 46px;margin: 0;letter-spacing: 1px;}
#main4 .main4R .main4RT h5{margin: 0;line-height: 2;font-size: 20px;letter-spacing: 1px;}
#main5{height:450px;background-position: center;background-repeat: no-repeat;background-size: cover;}
#main5 .main5{padding:70px 0 0;}
#main5 .main5 h1{font-size: 46px;margin: 0;letter-spacing: 1px;line-height: 1;}
#main5 .main5 h5{margin: 0;line-height: 3;font-size: 20px;letter-spacing: 0px;}
#main5 .main5 a{padding: 25px 75px;position: relative;background-color: #000; display:inline-block; margin:90px 0 0;}
#main5 .main5 a .main5HFM{display: inline-flex;gap: 10px;position: absolute;width: 100%;flex-direction: row;
flex-wrap: nowrap;justify-content: center;align-items: center;transform: translate(0,-50%);top: 50%;left: 0;}
#main5 .main5 a .main5HFM p{color: #fff;font-size: 15px;float: left;margin: 0;}
#main5 .main5 a .main5HFM .main5PLUS{width: 46px;height: 9px;background-size: contain;background-position: center;background-repeat: no-repeat;display: inline-block;}
#main6{height: 875px; position: relative;}
#main6 .main6R{width: 100%;height: 100%;float: left;position: absolute;top: 0;padding: 145px 0;}
#main6 .main6R .main6RBG{background-size: contain;background-position: left;background-repeat: no-repeat;width: 100%;height: 100%;}
#main6 .container{height:100%;}
#main6 .container .row{height:100%;}
#main6 .container .row .main6L{position:relative;height: 100%; width: 100%;}
#main6 .container .row .main6L .main6LM{position: absolute;right: 0;width: 67%;height: 100%;padding: 205px 0;background-color: #B4553F;background-clip: content-box;z-index: 1;}
#main6 .container .row .main6L .main6LM a{text-decoration:none;color:inherit;}
#main6 .container .row .main6L .main6LM .main6NEWFM{padding: 115px 70px; color:#fff;}
#main6 .container .row .main6L .main6LM .main6NEWFM > h1{font-size: 46px;margin: 0;letter-spacing: 1px;line-height: 1.5;}
#main6 .container .row .main6L .main6LM .main6NEWFM > h5{margin: 0;font-size: 20px;letter-spacing: 0px;line-height: 1.5;padding:0 0 55px;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF{display: inline-flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM{display: inline-block; float: left;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWL{width: 50px;height: 50px;display: inline-block;float: left;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWR{display: inline-block;padding: 5px;float: left;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWR h5{margin: 0;font-size: 20px;line-height: 1.5;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWR h5 strong{letter-spacing: 1px;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWR h6{margin: 0;font-size: 17px;letter-spacing: 1px;line-height: 1.5;}
#main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWP{width: 17px;height: 100%;display: inline-block;padding: 40px;background-repeat: no-repeat;background-position: center;background-size: auto;}
#main7{height:840px;}
#main7 .main7T{color: #fff;}
#main7 .main7T h1{font-size: 46px;margin: 0;letter-spacing: 1px;line-height: 1.5;text-align: center;padding: 65px 0;}
#main7 .main7T h5{margin: 0;font-size: 20px;text-align: center;letter-spacing: 1px;padding:0 0 65px;}
#main7 .main7M{padding: 0 45px;color: #fff;display: grid;gap: var(--gap);
grid-template-columns: repeat(auto-fill,minmax(min(100%,20%),1fr));width: 100%;--gap: 90px;}
#main7 .main7M .NEWTM{width: 100%;text-align: center;padding: 35px;}
#main7 .main7M .NEWTM:nth-child(1){background-color:#4A888A;}
#main7 .main7M .NEWTM:nth-child(2){background-color:#556089;}
#main7 .main7M .NEWTM:nth-child(3){background-color:#9A7747;}
#main7 .main7M .NEWTM .NEXTT{font-size: 32px;letter-spacing: 1px;line-height: 1;}
#main7 .main7M .NEWTM hr{width: 20%;border: 1.5px solid #fff;background-color: #fff;}
#main7 .main7M .NEWTM ul{font-size: 24px; line-height: 1.5;display:inline-block;}
#main7 .main7M .NEWTM ul a{text-decoration:none; color:#fff;}
#main7 .main7M .NEWTM ul li{}
#main7 .main7M .NEWTM ul li hr{border: 2px solid #fff;margin: 0;width: 0%;opacity: 0;}
#main7 .main7M .NEWTM ul li:hover hr{width:100%;opacity:1;transition:0.3s all ease;}

#main8{height:580px;background-size:cover;background-repeat:no-repeat;background-position:center;}
#main8 .main8T{padding:55px 0 0;}
#main8 .main8T h1{font-size: 48px;margin: 0;letter-spacing: 1px;line-height: 1.5;}
#main8 .main8T h5{margin: 0;line-height: 2;font-size: 20px;letter-spacing: 0px;}
#main8 .main8M{position:relative;}
#main8 .main8M .main8S{overflow:hidden;padding:45px 0 0;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide a{text-decoration:none;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide a:hover{position:relative;
animation-name: updown;animation-duration:1s;animation-duration: leaner;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode: forwards;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide .galleryIMG{height: 210px;overflow: hidden;background-color: #000;margin: 0 auto;background-size: cover;
background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide .galleryT{margin:20px 0;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide .galleryT h1{margin:0;font-size:17px;line-height:1.2;color:#000;font-weight:bold;}
#main8 .main8M .main8S .contentSlideWrapper .contentSlide .galleryT h5{margin:0;font-size:17px;line-height:1.5;color:#000;}
#main8 .main8M .galleryN{position: absolute;z-index: 999;top: 40%;text-align: center;
left: -5%;border: none;display: block;transform: translate(0,-50%);width: 40px;height: 40px;}
#main8 .main8M .galleryN .on,
#main8 .main8M .galleryN .off{position: absolute;background-size: contain;height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;}
#main8 .main8M .galleryP{position: absolute;z-index: 999;top: 40%;text-align: center;
right: -5%;border: none;display: block;transform: translate(0,-50%);width: 40px;height: 40px;}
#main8 .main8M .galleryP .on,
#main8 .main8M .galleryP .off{position: absolute;background-size: contain;height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;}
#main9 .main9M{padding: 150px 0;height: 340px;box-sizing: content-box;display: inline-flex;flex-direction: row;flex-wrap: nowrap;
width: 100%;justify-content: space-between;align-items: flex-start;}
#main9 .main9M .onlineM{width: calc(100%/3 - 30px);display: inline-block; height: 100%;}
#main9 .main9M .onlineM .onlineLM{}
#main9 .main9M .onlineM .onlineLM a{text-decoration:none; color:#000;display:inline-block;width:100%;}
#main9 .main9M .onlineM .onlineLM h1{font-size: 46px;letter-spacing: 1px;line-height: 1.5;margin: 0 0 70px;}
#main9 .main9M .onlineM .onlineLM h4{font-size: 22px;letter-spacing: 0px;font-weight: bold;margin: 0;display: table-cell;line-height: 2;}
#main9 .main9M .onlineM .onlineLM h4 hr{border: 2px solid #E06F70;margin: 0;width: 0%;opacity: 0;}
#main9 .main9M .onlineM .onlineLM h4:hover hr{width:100%;opacity:1;transition:0.3s all ease;}
#main9 .main9M .onlineM .onlineLM h5{margin: 0 0 40px;font-size: 22px;letter-spacing: 0px;line-height: 2;
display: inline-block;font-weight: bold;}
#main9 .main9M .onlineM .onlineLM h5 hr{border: 2px solid #E06F70;margin: 0;width: 0%;opacity: 0;}
#main9 .main9M .onlineM .onlineLM h5:hover hr{width:100%;opacity:1;transition:0.3s all ease;}
#main9 .main9M .onlineM .onlineCM{height:100%;}
#main9 .main9M .onlineM .onlineRM{}
#main9 .main9M .onlineM .onlineRM h1{font-size: 30px;letter-spacing: 1px;line-height: 1.5;margin: 0 0 30px;}
#main9 .main9M .onlineM .onlineRM h5{font-size: 20px;line-height: 1.5;margin: 0 0 20px;}
#main9 .main9M .onlineM .onlineRM h6{font-size: 17px;margin: 0 0 5px;line-height: 1.5;letter-spacing: 0px;word-break:keep-all;}
#main9 .main9M .onlineM .onlineRM h6 strong{display: block;letter-spacing: 1px;}
#main9 .main9M .onlineM .onlineRM .onlineRHF{display: inline-flex;float: right;flex-direction: row;flex-wrap: nowrap;padding:20px 0 0;
justify-content: space-between;align-items: center;gap: 10px;text-decoration:none;}
#main9 .main9M .onlineM .onlineRM .onlineRHF span{display: inline-block; color: #000;font-size: 19px; letter-spacing: 1px;}
#main9 .main9M .onlineM .onlineRM .onlineRHF:hover{position:relative;font-weight:bold;
animation-name: updown;animation-duration:2s;animation-duration: leaner;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode: forwards;
}
#main9 .main9M .onlineM .onlineRM .onlineRHF .onlineRPLUS{display: inline-block;width: 50px;height: 12px;background-size: contain;
background-position: center;background-repeat: no-repeat;}
#main10{background-size:cover; background-repeat:no-repeat;background-position:center;}
#main10 .main10{height: 500px;margin: 80px 0 90px;width: 50%;float: right;background-color:#B4553F;padding: 85px 75px;color:#fff;}
#main10 .main10 .main10M{position:relative;height:100%;}
#main10 .main10 .main10M .houseM h1{font-size: 46px;letter-spacing: 1px;line-height: 1.5;margin:0;}
#main10 .main10 .main10M .houseM h5{margin: 0;font-size: 20px;line-height: 1.5;}
#main10 .main10 .main10M .houseM h6{margin: 0 0 50px;font-size: 20px;letter-spacing: 1px;}
#main10 .main10 .main10M .houseM .houseHFM{position: absolute;bottom: 0;display: inline-flex;flex-direction: row;flex-wrap: wrap;
justify-content: space-between;align-content: center;align-items: center;gap: 20px;}
#main10 .main10 .main10M .houseM .houseHFM .houseHF{position: relative;padding: 25px 70px;display: inline-block;float: left;border: 1px solid #fff;}
#main10 .main10 .main10M .houseM .houseHFM .houseHF:before{background-color:#000;transition:0.3s all ease;}
#main10 .main10 .main10M .houseM .houseHFM .houseHF:hover{border-color:#000;transition:0.3s all ease;}
#main10 .main10 .main10M .houseM .houseHFM .houseHF span{text-align: center;position: absolute;top: 50%;width: 100%;border: none;display: block;transform: translate(0,-50%);left: 0;color: #fff;letter-spacing: 1px;}

.view-more {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}
@media (min-width:1430px) {
    .container {width: 1430px;}
}
@media(min-width:1500px) and (max-width:1699px) {
    #main1 .main1R{padding: 105px 65px;}
    #main8 .main8M .galleryN{left: 0;}
    #main8 .main8M .galleryP{right:0;}
}
@media(min-width:1300px) {
}
@media (min-width:1200px) and (max-width:1499px) {
    #main1{height: 635px;}
    #main1 .main1L{width:55%;}
    #main1 .main1R{padding: 55px 35px;}
    #main1 .main1R .main1RPLUS{right:25%;}
    #main2 .main2TM a{height:240px;}
    #main2 .main2TM a .main2TT{padding: 20px 20px 20px 0;}
    #main2 .main2TM a .main2TT .main2TTB{align-content: space-around;}
    #main2 .main2TM a .main2TT .main2TTB h6{line-height:1.5;}
    #main3 .main3M .main3L .main3LM{padding:165px;}
    #main4 .main4L{width: 50%;padding: 125px 0;}
    #main6 .container .row .main6L .main6LM .main6NEWFM{padding: 115px 45px;}
    #main7 .main7T h5{font-size:17px;}
    #main8 .main8M .galleryN{left: 0;}
    #main8 .main8M .galleryP{right:0;}
    #main9 .main9M .onlineM .onlineRM h5{font-size:17px;}
    #main10 .main10{padding: 85px 45px;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main1{height: 470px; padding:80px 0;}
    #main1 .main1L{width:55%;padding: 80px 0;}
    #main1 .main1R{padding: 35px;}
    #main1 .main1R h2{font-size:40px;}
    #main1 .main1R h1{font-size:36px;margin: 0 0 15px;line-height: 1.5;}
    #main1 .main1R .main1RPLUS{right:30%;bottom: 15%;}
    #main2 .main2TM{flex-wrap: wrap;gap:0;}
    #main2 .main2TM a:nth-child(1){width: calc(100% - 7.5px);margin:0 0 15px;}
    #main2 .main2TM a{height:240px;width: calc(100%/4 - 7.5px);}
    #main2 .main2TM a .main2TT{padding: 20px 0;}
    #main2 .main2TM a .main2TT .main2TTT{flex-direction: column;align-items: flex-start;width:100%;}
    #main2 .main2TM a .main2TT .main2TTB{justify-content: center;align-content: space-around;flex-direction: column;align-items: flex-start;width:100%;gap: 10px;}
    #main2 .main2TM a .main2TT .main2TTB h6{line-height:1.5;}
    #main2 .main2BM .main2BBM{padding: 0 0 35px;}
    #main3 .main3M .main3L .main3LM{padding:165px;}
    #main4{height: 540px;}
    #main4 .main4L{width: 50%;padding: 115px 0;}
    #main4 .main4R .main4RHF a{width: 110px;}
    #main5{background-position: 40% 100%;}
    #main6 .container .row .main6L .main6LM .main6NEWFM{padding: 115px 45px;}
    #main7 .main7T h5{font-size:17px;line-height: 1.5;}
    #main7 .main7M{grid-template-columns: repeat(auto-fill,minmax(min(100%,25%),1fr)); --gap: 55px;}
    #main7 .main7M .NEWTM .NEXTT{font-size:28px;}
    #main7 .main7M .NEWTM ul{font-size:20px;}
    #main8 .main8M .galleryN{left: 0;}
    #main8 .main8M .galleryP{right:0;}
    #main9 .main9M{flex-wrap: wrap;height:inherit;padding: 100px 0;}
    #main9 .main9M .onlineM{height:340px;}
    #main9 .main9M .onlineM .onlineLM h1{font-size:42px;}
    #main9 .main9M .onlineM .onlineRM h5{font-size:17px;}
    #main9 .main9M .onlineM .onlineCM{background-position: center; background-repeat: no-repeat;}
    #main9 .main9M .onlineL{order:2;width: calc(100%/2 - 7.5px);}
    #main9 .main9M .onlineC{order:1;width: 100%;margin:0 0 15px;}
    #main9 .main9M .onlineR{order:3;width: calc(100%/2 - 7.5px);}
    #main10 .main10{padding: 85px 45px;width: 60%;}
}

@media (min-width:768px) and (max-width:992px) {
    #main1{height: inherit; padding:80px 0;background: linear-gradient(to right, #F8F8F8 50%, #F8F8F8 50%);}
    #main1 a{display:inline-block;width: 100%;}
    #main1 .main1L{display:none;}
    #main1 .main1R{padding: 35px; width:100%;}
    #main1 .main1R h2{font-size:36px;}
    #main1 .main1R h1{font-size:28px;margin: 0 0 15px;line-height: 1.5;}
    #main1 .main1R .main1RPLUS{right:30%;bottom: 15%;}
    #main2 .main2TM{flex-wrap: wrap;gap:0;padding: 70px 0;}
    #main2 .main2TM a:nth-child(1){width: 100%;margin:0 0 15px;}
    #main2 .main2TM a{height:240px;width: calc(100%/4 - 7.5px);height: 185px;}
    #main2 .main2TM a .main2TT{padding: 20px 0 0;}
    #main2 .main2TM a .main2TT .main2TTT{flex-direction: column;align-items: flex-start;width:100%;}
    #main2 .main2TM a .main2TT .main2TTB{justify-content: center;align-content: space-around;flex-direction: column;align-items: flex-start;width:100%;gap: 10px;}
    #main2 .main2TM a .main2TT .main2TTB h6{line-height:1.5;}
    #main2 .main2BM .main2BBM{padding:0 0 20px;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h1{font-size:24px;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h5{font-size:17px;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h7{font-size:15px;}
    #main3 .main3M .main3R{margin: 75px 0 0;}
    #main3 .main3M .main3L .main3LM{padding:165px;}
    #main4{height: inherit;display:grid;}
    #main4 > .container:nth-child(1){order:2;}
    #main4 > .container:nth-child(2){order:1;}
    #main4 > .container:nth-child(2) img{margin:0 auto;}
    #main4 .main4L{display:none;}
    #main4 .main4R{width:100%;position:relative;padding: 50px 0 0;}
    #main4 .main4R .main4RT{position: relative;left: inherit;text-align: center;padding:0;}
    #main4 .main4R .main4RHF{position:relative;padding:0;justify-content: center;}
    #main4 .main4R .main4RHF a{width: 110px;}
    #main5{background-position: 25% 100%;}
    #main6{height: 585px;}
    #main6 .main6R{padding:50px 0;}
    #main6 .container .row .main6L .main6LM{width:90%;padding:80px 0;}
    #main6 .container .row .main6L .main6LM .main6NEWFM{padding: 80px 45px;}
    #main7 .main7T h5{font-size:17px;line-height: 1.5;word-break:keep-all;}
    #main7 .main7M{grid-template-columns: repeat(auto-fill,minmax(min(100%,25%),1fr)); --gap: 30px;}
    #main7 .main7M .NEWTM .NEXTT{font-size:28px;}
    #main7 .main7M .NEWTM ul{font-size:20px;}
    #main8 .main8M .galleryN{left: 0;}
    #main8 .main8M .galleryP{right:0;}
    #main9 .main9M{flex-wrap: wrap;height:inherit;padding: 100px 0;}
    #main9 .main9M .onlineM{height:340px;}
    #main9 .main9M .onlineM .onlineLM h1{font-size:42px;}
    #main9 .main9M .onlineM .onlineRM h5{font-size:17px;}
    #main9 .main9M .onlineM .onlineCM{background-position: center; background-repeat: no-repeat;}
    #main9 .main9M .onlineL{order:2;width: calc(100%/2 - 7.5px);}
    #main9 .main9M .onlineC{order:1;width: 100%;margin:0 0 15px;}
    #main9 .main9M .onlineR{order:3;width: calc(100%/2 - 7.5px);}
    #main10 .main10{padding: 85px 45px;width: 80%;}
}

@media (max-width:767px) {
    #main1{height: inherit; padding:20px 15px;background: linear-gradient(to right, #F8F8F8 50%, #F8F8F8 50%);}
    #main1 a{display:inline-block;width: 100%;}
    #main1 .main1L{display:none;}
    #main1 .main1R{padding: 20px; width:100%;}
    #main1 .main1R p{font-size:17px;}
    #main1 .main1R h2{font-size:24px;}
    #main1 .main1R h1{font-size:20px;margin: 0 0 15px;line-height: 1.5;}
    #main1 .main1R h5{font-size:17px;}
    #main1 .main1R .main1RPLUS{right:30%;bottom: 5%;}
    #main2 .main2TM{flex-wrap: wrap;gap:0;padding: 20px 0 5px;}
    #main2 .main2TM a:nth-child(1){width: 100%;margin:0 0 15px;}
    #main2 .main2TM a{height:240px;width: calc(100%/2 - 7.5px);height: 185px;margin:0 0 15px;}
    #main2 .main2TM a .main2TT{padding: 20px 0 0;}
    #main2 .main2TM a .main2TT .main2TTT{flex-direction: column;align-items: flex-start;width:100%;}
    #main2 .main2TM a .main2TT .main2TTT h5{font-size:20px;}
    #main2 .main2TM a .main2TT .main2TTT h1{font-size:24px;}
    #main2 .main2TM a .main2TT .main2TTB{justify-content: center;align-content: space-around;flex-direction: column;align-items: flex-start;width:100%;gap: 10px;}
    #main2 .main2TM a .main2TT .main2TTB h6{line-height:1.5;}
    #main2 .main2TM a .main2THF h1{font-size:20px;}
    #main2 .main2BM .main2BT h1{font-size:24px;}
    #main2 .main2BM .main2BBM{padding:0 0 20px;flex-direction: column;}
    #main2 .main2BM .main2BBM .main2BHF{width:100%;padding:20px 10px; margin:0;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT{border:none!important;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h1{font-size:20px;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h5{font-size:15px;}
    #main2 .main2BM .main2BBM .main2BHF .main2BTT h7{font-size:13px;}
    #main3 .main3M .main3L{bottom: -1px;}
    #main3 .main3M .main3R{margin: 20px 0 0; right: 20px; word-break: keep-all;}
    #main3 .main3M .main3R > h2{font-size:20px;}
    #main3 .main3M .main3R > h1{font-size:24px;}
    #main3 .main3M .main3R > h5{margin:20px 0;}
    #main3 .main3M{height:765px;}
    #main3 .main3M .main3L .main3LM{padding:110px;}
    #main3 .main3M .main3L .main3LM .main3LMT h4{font-size:17px;word-break: keep-all;}
    #main3 .main3M .main3L .main3LM .main3LMT h5{font-size:20px;}
    #main3 .main3M .main3L .main3LM .main3LMT h6{font-size:24px;margin: 0 0 10px;}
    #main3 .main3M .main3L .main3LM .main3LMT h1{font-size:32px;}
    #main3 .main3M .main3L .main3LM .main3LHF{padding:35px;}
    #main4{height: inherit;display:grid;padding: 20px 0;}
    #main4 > .container:nth-child(1){order:2;}
    #main4 > .container:nth-child(2){order:1;}
    #main4 > .container:nth-child(2) img{margin:0 auto;}
    #main4 .main4L{display:none;}
    #main4 .main4R{width:100%;position:relative;padding: 50px 0 0;}
    #main4 .main4R .main4RT{position: relative;left: inherit;text-align: center;padding:0;}
    #main4 .main4R .main4RT h1{font-size:24px;}
    #main4 .main4R .main4RT h5{font-size:17px;}
    #main4 .main4R .main4RHF{position:relative;padding:0;justify-content: center;height: 110px;}
    #main4 .main4R .main4RHF a{width: 90px;}
    #main4 .main4R .main4RHF a h1{font-size:17px;}
    #main4 .main4R .main4RHF a .main4RIMG{top:10%;}
    #main4 .main4R .main4RHF a h1{top:90%;}
    #main5{background-position: 25% 100%;height:inherit;}
    #main5 .main5{padding:20px;}
    #main5 .main5 h1{font-size:24px;}
    #main5 .main5 h5{font-size:17px;word-break:keep-all;}
    #main5 .main5 a{margin:20px 0 0;}
    #main6{height: 395px;}
    #main6 .main6R{padding:20px 0;}
    #main6 .main6R .main6RBG{background-size:cover;}
    #main6 .container .row .main6L .main6LM{width:90%;padding:30px 0;height: auto;}
    #main6 .container .row .main6L .main6LM .main6NEWFM{padding: 15px;}
    #main6 .container .row .main6L .main6LM .main6NEWFM > h1{font-size:24px;}
    #main6 .container .row .main6L .main6LM .main6NEWFM > h5{font-size:17px;padding: 0 0 20px;}
    #main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF{flex-direction: column;}
    #main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWP{padding:20px;display:none;}
    #main6 .container .row .main6L .main6LM .main6NEWFM .main6NEWF .main6NEWM .main6NEWR{word-break:keep-all;}
    #main7{height:auto;}
    #main7 .main7T h1{font-size:24px; padding: 20px 0;}
    #main7 .main7T h5{font-size:17px;line-height: 1.5;word-break:keep-all;padding:0 0 20px;}
    #main7 .main7M{grid-template-columns: repeat(auto-fill,minmax(min(100%,100%),1fr)); --gap: 0;}
    #main7 .main7M .NEWTM{width: 100%;margin:0 0 15px;height:inherit;padding:15px;}
    #main7 .main7M .NEWTM .NEXTT{font-size:20px;}
    #main7 .main7M .NEWTM ul{font-size:17px;}
    #main8{height:auto;}
    #main8 .container .row{margin:0;}
    #main8 .main8T h1{font-size:24px;}
    #main8 .main8T h5{font-size:17px;}
    #main8 .main8T{padding:20px 0;}
    #main8 .main8M .galleryN{left: 0;}
    #main8 .main8M .galleryP{right:0;}
    #main9 .main9M{flex-wrap: wrap;height:inherit;padding: 0 0 20px;}
    #main9 .main9M .onlineM{height:340px;}
    #main9 .main9M .onlineM .onlineLM h1{font-size:32px;margin: 0 0 20px;}
    #main9 .main9M .onlineM .onlineLM h5{margin: 0 0 20px;font-size:20px;}
    #main9 .main9M .onlineM .onlineLM h4{font-size:20px;}
    #main9 .main9M .onlineM .onlineRM h1{font-size:20px;}
    #main9 .main9M .onlineM .onlineRM h5{font-size:17px;}
    #main9 .main9M .onlineM .onlineRM .onlineRHF span{font-size:17px;}
    #main9 .main9M .onlineM .onlineCM{background-position: center; background-repeat: no-repeat;}
    #main9 .main9M .onlineL{order:2;width: 100%;padding: 0 15px 20px;height: auto;}
    #main9 .main9M .onlineC{order:1;width: 100%;margin:0 0 15px;}
    #main9 .main9M .onlineR{order:3;width: 100%;padding:0 15px;}
    #main10 .main10{padding: 20px; width: 90%;height:auto;margin: 30px 0;}
    #main10 .main10 .main10M .houseM h1{font-size:24px;}
    #main10 .main10 .main10M .houseM h6{font-size:17px;line-height: 1.5;word-break: keep-all;margin:0 0 20px;}
    #main10 .main10 .main10M .houseM h5{font-size:17px;word-break:keep-all;padding:0 0 20px;}
    #main10 .main10 .main10M .houseM .houseHFM{position:relative;width:100%;}
    #main10 .main10 .main10M .houseM .houseHFM .houseHF{padding: 25px 60px;}
    #main10 .main10 .main10M .houseM .houseHFM .houseHF span{font-size:15px;}

}

@media (max-width:320px) {
}