@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text&display=swap');

.mainpage h2 {font-family :'Pretendard Variable';font-size:5rem;font-weight:900;}
.mainpage h2 {font-family :'Red Hat Text';font-size:4rem;font-weight:900;}
@media (max-width: 768px) {
  .mainpage h2 {font-size:2.9rem;font-weight:600;color: #353535;}
}

/* ¼·¿Ü¹®ÀÇ / ¿Àµð¼Ç ½Åû ¹öÆ° */
.main-subbanner__wrap {
  max-width: 1250px;
  margin: 0 auto;
  padding: 20rem 2.4rem;
}

.main-subbanner__container {display: flex;align-items: center;justify-content: center;gap: 2rem;width:100%;;}
.main-subbanner__container .tit {font-size:3.6rem;font-weight:700;width:50%;}
.main-subbanner__container .desc {width:50%;}

.tit-sub{font-weight:700;font-size: 2.1rem;}
.sub-comment{font-weight:600;font-size: 1.7rem;}

.main-subbanner__wrap .main-tit__wrap h3{font-size:2.1rem;margin-bottom: 1rem;padding-left:5px;}
.main-subbanner__wrap .main-tit__wrap h2{margin-bottom: 3rem;}

.main-subbanner__container::before{
  z-index: -1;
  content: '';   
  position: absolute;
  left:0; 
  top:68.5%;
  width: 100%;
  height: 500px;
  background: #efefef;
  background: rgb(153, 157, 216);
  background: #c4a3eb;
  background: #e4befa;
  opacity:1;
}


.main-subbanner {
  width: 100%;
  height: 20rem;
  margin: 4rem 0;
  padding: 0 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3rem;
  box-shadow: 5px 8px 9px rgba(0, 0, 0, 0.14);
  transition:.5s ease;
}
.main-subbanner a:hover{
  border-radius: 10rem;transition:.5s ease;
}

@media (max-width: 768px) {
  .main-subbanner {
    height: 10rem;
    width:160px;
    flex-direction: column;
    justify-content: center;
    margin: 2rem 0;
    padding: 0 2rem;
  }
.sub-comment{padding:1rem 0;font-size: 1.6rem;font-weight:600;}
}

.main-subbanner.type1 {
  background-color: #48c568;
  background-size: cover;
}
.main-subbanner.type1 a:hover {
  background-color: #ffffff;
  background-size: cover;
}
.main-subbanner.type1 .tit {
  color: #fff;
}
.main-subbanner.type1 .desc {
  color: #fff;
}
.main-subbanner.type2 {
  background-color: rgb(238, 238, 238);
  background-size: cover;
  border: solid 1px #ddd;
  color:#222;
}
.main-subbanner.type2 a{color:#000;}


.main-subbanner .desc {font-size: 2.4rem;}


@media (max-width: 768px) {
  .main-subbanner__wrap {padding:8rem 2.4rem 3rem 2.4rem;}
  .main-subbanner .desc {font-size: 1.6rem;}
  .main-subbanner .tit {font-size: 2.4rem;padding-bottom: 1rem;}
  .main-subbanner__container .tit {font-size:1.8rem;font-weight:700;width:100%;text-align: center;}
  .main-subbanner__container::before{top:9120px;width: 100%;height: 210px;}
}

/* CASTING PROJECT */

.main-rolling {position:relative;margin-bottom:15rem;margin-top:0rem;}
.main-rolling .maxcontainer {width:1176px;; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}

.main-rolling .Main-roll-Title{width:100%;margin-bottom:50px;}
.main-rolling .Main-roll-Title h2{padding-top:2rem;padding-bottom:1rem;font-weight: 600;text-align: center;}
.main-rolling .Main-roll-Title p{font-size: 2.1rem;font-weight: 400;padding:10px 0;;}
.main-rolling .Main-roll-Title .tit-bottom{color:#3f3f3f;font-size: 2.1rem;font-weight: 500;PADDING:0 0 2rem 0;}

.main-rolling .Main-roll-Container{display:flex;margin-bottom:20px;}
.main-rolling .contact-container{width:372px;margin-right:2rem;padding:40px;height:150px;border-radius:30px;transition:.5s ease;margin:auto;text-align: center;}
.main-rolling a{margin:auto;text-align: center;}
.main-rolling .contact-container:hover{border-radius:100px;transition:.5s ease;}
.main-rolling .contact-container h2{font-size:2.7rem;font-weight:600;padding-top:0.8rem;}
.main-rolling .contact-container h3{font-size:1.6rem;font-weight:500;color:#555;}
.main-rolling .contact-container .smalltext{font-size:2.1rem;}
.main-rolling .contact-container {margin:auto;}

.main-rolling .box-blue{padding:30px;background-color:#c5f6ff;background-image: url(../../image/_bg_icon1.jpg);background-size: cover;}
.main-rolling .box-pink{background-color:#ff9df2;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.main-rolling .box-pink{background-color:#FBDBE5;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.main-rolling .box-yellow{background-color:#FCEBD1;background-image: url(../../image/_bg_icon3.jpg);background-size: cover;}
.main-rolling .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.main-rolling .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;margin:auto;}
.main-rolling .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;margin:auto;}
.main-rolling .tel:hover{border-radius:100px;transition:.5s ease;background-color: #26c221;}
.main-rolling .kko:hover{border-radius:100px;transition:.5s ease;}
.main-rolling .mail:hover{border-radius:100px;transition:.5s ease;}

.main-rolling .tel,.kko,.mail{box-shadow: 5px 8px 9px rgba(71, 71, 71, 0.14);}
.main-rolling .box-blue,.box-pink,.box-yellow{box-shadow: 5px 8px 9px rgba(71, 71, 71, 0.14);}

.main-rolling::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:100px;
   width: 100%;
   height: 280px;
   /* background: #ffa6a6;
   background: #e4befa; */
   opacity:1;
  }


/* .swiper-slide .m{display:none} */

/*rolling 1. main_info*/
.main-rolling .main_info{display:block;width:50%;padding:2rem 0 0 3rem;text-align:left;}
.main-rolling .main_info h3{font-size:1.8rem;font-weight:500;}
.main-rolling .main_info .Tel{font-size:1.8rem;font-weight:700;}


.Main-Video {width: 100vw;height:100vh;position: relative;}
video{width:100vw;height: 100vh;object-fit:cover;}


.Main-Video {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* À¯Æ©ºê iframeÀ» ¿µ»óó·³ ¸¸µé±â */
.youtube-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* Ŭ¸¯ ¸·±â */
  overflow: hidden;
}

.youtube-background iframe {
  width: 100vw;
  height: 56.25vw; /* 16:9 ºñÀ² À¯Áö (100/16*9 = 56.25) */
  min-height: 100vh;
  min-width: 177.77vh; /* (100/9)*16 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3.5rem;
  font-weight: ;
  z-index: 2;
  animation: fadeInUp 2s ease-out forwards;
  opacity: 0;
  letter-spacing: 0.2rem;
}
.overlay-text h1{font-weight:500;}

.overlay-text .Logobannerimg{width:7rem;left:50%;margin:auto;text-align: center;}
.overlay-text img{width:7rem;}

.overlay-sub{left: 50%;font-size:4.5rem;color:#fff;letter-spacing: 0.1rem;margin:auto;text-align: center;}

/* ÅؽºÆ® ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, 60%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}



@media(max-width:1200px){
  .Main-Video{
    width: 100vw;
    height: 70vh;
    overflow: hidden;
    text-align: center;
  }
  video{width:100%;object-fit: cover;height: 100%;object-position: center;}

/* ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.overlay-text {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2rem;
  font-weight:;
  z-index: 2;
  animation: fadeInUp 2s ease-out forwards;
  opacity: 0;
}
.overlay-text .Logobannerimg{left:50%;margin:auto;}
.overlay-text img{width:5rem;}

.overlay-sub{left: 50%;font-size:2.7rem;color:#fff;margin:auto;}

}

@media(max-width:760px){
  .main-slide .swiper-slide .m{display:block}
  .main-rolling {margin-bottom:5rem;}
  .main-rolling .maxcontainer {width:100%;}
  .main-rolling .Main-roll-Title{margin-bottom:0px;}
  .main-rolling .swiper-slide{float:none;width: 90%;margin: 0px 0px;}
  .main-rolling .Main-roll-Title h2 {font-size:2.4rem;font-weight:600;color: #525252;}
  .main-rolling .Main-roll-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;}
  .main-rolling .Main-roll-Title p{font-size: 1.2rem;;}

  .main-rolling .Main-roll-Container{display:block;width:100%;padding-bottom:0rem;margin-top: 2rem;}

  .main-rolling .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius:30px;margin-top:20px;}
  .main-rolling .box-blue{padding:10px 30px;}
  .main-rolling .contact-container:hover{border-radius:100px;transition:.5s ease;}
  .main-rolling .contact-container h2{font-size:1.9rem;font-weight:600;}
  .main-rolling .contact-container h3{font-size:1.2rem;font-weight:500;}
  .main-rolling .contact-container .smalltext{font-size:1.8rem;}

  .main-rolling .main_info{width:100%;}
  .main-rolling .main_info h3{font-size:1.4rem;font-weight:500;}
  .main-rolling .main_info .Tel{font-size:1.4rem;font-weight:600;}
  .main-rolling::before{
    display:none;
    top:-70px;
    width: 100%;
    height: 190px;}
}


.T02{margin-top:7rem;margin-bottom:0rem}

.swiper-slide .t, 
.swiper-slide .m{
	display: none;
}
  
.about-system .Main-roll-Title{margin: 7rem 0;}

@media (max-width: 768px) {
	.main-service__wrap .swiper-container {
	  padding: 0 2.4rem;
	}
}

@media(max-width:760px){
	.about-company .maxcontainer {width:100%;margin:auto;}
	.swiper-container .swiper-slide {height:450px;}
	.swiper-slide .t, 
	.swiper-slide .m{display: block;}
	.swiper-slide .p{display: none;}
	.swiper-slide .swiper-slide img{height:350px;}
	.about-system .main-service__wrap{padding:5rem 0;}
}


/*MAIN PAGE 2. CASTING NEWS*/

.main-news {  
  clear: both;
  width: 100%;
  max-width: 1900px;
  margin:auto;
  margin-top:15rem;
  padding: 0rem;
  
  
  /* margin-bottom:15rem;padding: 7rem 0 2rem 0;width:100%; */
}

/* .main-news .maxcontainer {width:1200px; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;} */
.main-news .news-container {display:block;width:100%;max-width:1900px;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}
/* max-width:1500px; */
.main-news .cn-container{display:block;width:100%;margin: 0 auto;padding:0;}

.main-news .Main-news-Title{width:100%;margin-bottom:2rem;text-align: center;}
.main-news .Main-news-Title h2{text-align:center;font-family :'Red Hat Text';font-size:4rem;font-weight:900;}

/* ij½ºÆôº½º */
/* .main-news .castingnews{display:block;position: relative;width:100%;margin: 0 auto;padding: 0;} */
.main-news .castingnews_cont {display:block;width:100%; padding:0; opacity: 0.8;margin:auto;padding:2px;}
.main-news .castingnews_cont li a{float:left;margin:0 0 0 1.5%; width:15%;}
.main-news .castingnews_cont li a{font-size: 1.9rem;font-weight:500;height:210px;padding:2.5rem;border:solid 1px #ddd;border-radius: 60px;}
.main-news .castingnews_cont .IconGubun{display:block}
.main-news .castingnews_cont a:hover{
   border-color:#233e83; background: #233e83;
   border-color:#f7d48b; background: #f7d48b;
   border-color:#6cafa8; background: #48c568;
   backdrop-filter: grayscale(30%);
   color:#fff;
}

@media(max-width:1400px){
  .main-news .castingnews_cont li a{margin:0 1.5% 2% 0; width:29%;font-size: 1.6rem;}
}

.main-news .castingnews_cont a{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;}
.main-news .castingnews_cont a:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);}
.main-news .castingnews_cont a:hover li{opacity: 0.4;transition: .4s;}

.main-news .material-symbols-outlined{position:relative; bottom:0px;right:0;font-size:3.5rem;color:#48c568;;float:right;}


/*°Ô½ÃÆÇ À̹ÌÁö-ij½ºÆÃÁ¤º¸ / ¸ÞÀÎÆäÀÌÁö ij½ºÆôº½º ¼·¿Ü±¸ºÐÀÚ*/
.main-news .castingnews_cont li a .selGubun_img_10{width:90px;height:35px;background-color:#26c221;color:#FFF;border:0;font-size:0.8em;border-radius:50px;}/*¼·¿ÜÁøÇà BB5204/F2BF7B*/
.main-news .castingnews_cont li a .selGubun_img_11{width:90px;height:30px;background-color:#e04299;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*¼·¿Ü¿Ï·á*/
.main-news .castingnews_cont li a .selGubun_img_12{width:90px;height:30px;background-color:#426BCC;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*¸ðµ¨È®Á¤*/
.main-news .castingnews_cont li a .selGubun_img_31{width:90px;height:30px;background-color:#ffa742;color:#FFF;border:0;font-size:0.7em;border-radius:20px;}/*ÃÔ¿µ½Ç½Ã*/


.main-news .castingnews_cont li a:hover .selGubun_img_10{background:#ffffff;color:#26c221;}
.main-news .castingnews_cont li a:hover .selGubun_img_11{background:#ffffff;color:#e04299;}
.main-news .castingnews_cont li a:hover .selGubun_img_12{background:#ffffff;color:#426BCC;}
.main-news .castingnews_cont li a:hover .selGubun_img_13{background:#ffffff;color:#ffa742;}

.main-news .castingnews_cont li a:hover .material-symbols-outlined{color:#FFF;}

/* ij½ºÆôº½º ¹è³Ê */

@media(max-width:760px){
    .main-news {position:relative;margin-top:0rem;;}
    .main-news .news-container{display:block;width:100%;}
    .main-news .cn-container{float:none;width:95%;max-width:95%;margin:auto;}

    .main-news .Main-news-Title{margin-top:10rem;}
    .main-news .Main-news-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;padding:0;}
    .main-news .Main-news-Title p{font-size: 1.2rem;;}

    .main-news .castingnews_cont{padding-top:1.4rem;margin:auto;}
    .main-news .castingnews_cont li a{margin:0 0 3% 0;width:95%;height: 4.5rem;padding:1rem 0 0 1.25rem;}
    .main-news .castingnews_cont li a{font-size: 1.5rem;}
    .main-news .castingnews_cont li:last-child{display:none;}

    .main-news .material-symbols-outlined{font-size:3.5rem;color:#fff3e3;bottom:0;right:0;float:right;}

}

.main-news .cnews_more{display:block;width:100%;padding-right:10%;}
.cnews_more a{float:right;}
.cnews_more .view_more{text-decoration: none;font-size: 1.6rem;padding-top:-10px;}

/* 
.cnews_more .icon_arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 20px;
}

.cnews_more .icon_arrow:after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  -webkit-transform: translate(50%,0) rotate(315deg);
  -ms-transform: translate(50%,0) rotate(315deg);
  transform: translate(50%,0) rotate(315deg);
} */

.cnews_more .view_more:after {
  content: "+";
  margin-left:5px;
  font-size: 2.6rem;
}


@media (max-width: 768px) {
  .main-news__container {
    flex-direction: column;
    padding: 0;
  }
  .main-news{
    padding: 1rem 0 1rem;
  }

  .main-news .cnews_more{display:none;}

  .main-news .BF_TitleLine{font-size:1.2rem;}
}

.main-news .BF_TitleLine::before{
  z-index: 1;
content: '';
display: block;
position:relative;
/* top:70px; */
/* width: 50px; */
/* height: 50px; */
padding:0;
/* margin:auto; */
/* background: #c0d2e2; */
/* background-image:url(../../image/_right.gif) center center no-repeat; */
background-size: cover; 
/* opacity:0.8; */
}

.main-news .Main-news-Title .golink {
  position: absolute;
  top: 24px;
  right: 32px;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../image/ico_arrow_r.svg) no-repeat rgba(255,255,255,.2) center center;
  background-size: 24px 24px;
  border-radius: 50%;
  transition: background-color .3s;
  font-size: 1px;
  color: transparent;
  text-indent: -9999px;
}


/* ¼ÒÇü ¿¬¶ôó ¹è³Ê */
.main-contact {clear:both;display: inline-block;width:100%;position:relative;margin-top:10rem;}
.main-contact .maxcontainer {width:1176px;; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}

.main-contact .Main-roll-Title{width:100%;margin-bottom:50px;}
.main-contact .Main-roll-Title h2{padding-top:2rem;padding-bottom:1rem;font-weight: 600;text-align: center;}
.main-contact .Main-roll-Title p{font-size: 2.1rem;font-weight: 400;padding:10px 0;;}
.main-contact .Main-roll-Title .tit-bottom{color:#3f3f3f;font-size: 2.1rem;font-weight: 500;PADDING:0 0 2rem 0;}

.main-contact .Main-roll-Container{display:flex;margin-top:10rem;}
.main-contact .contact-container{width:372px;margin-right:2rem;padding:40px;height:150px;border-radius:30px;transition:.5s ease;margin:auto;text-align: center;}
.main-contact a{margin:auto;text-align: center;}
.main-contact .contact-container:hover{border-radius:100px;transition:.5s ease;}
.main-contact .contact-container h2{font-size:28px;font-weight:600;padding-top:10px;}
.main-contact .contact-container h3{font-size:15px;font-weight:500;color:#555;}
.main-contact .contact-container .smalltext{font-size:2.1rem;}
.main-contact .contact-container {margin:auto;}

.main-contact .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.main-contact .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;margin:auto;}
.main-contact .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;margin:auto;}
.main-contact .tel:hover{border-radius:100px;transition:.5s ease;}
.main-contact .kko:hover{border-radius:100px;transition:.5s ease;}
.main-contact .mail:hover{border-radius:100px;transition:.5s ease;}

.main-contact .tel,.kko,.mail{box-shadow: 5px 8px 9px rgba(0, 0, 0, 0.14);}

.main-contact::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:10px;
   width: 100%;
   height: 380px;
   /* background: #e4befa;
   background: #a6edff; */
   opacity:1;
  }


  @media(max-width:760px){
    .main-contact {margin-bottom:5rem;}
    .main-contact .maxcontainer {width:100%;}
    .main-contact .Main-roll-Title{margin-bottom:0px;}
    .main-contact .swiper-slide{float:none;width: 90%;margin: 0px 0px;}
    .main-contact .Main-roll-Title h2 {font-size:2.4rem;font-weight:600;color: #525252;}
    .main-contact .Main-roll-Title .tit-bottom{font-size: 1.6rem;font-weight: 600;}
    .main-contact .Main-roll-Title p{font-size: 1.2rem;;}
  
    .main-contact .Main-roll-Container{display:block;width:100%;padding-bottom:0rem;margin-top: 2rem;}
  
    .main-contact .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius:30px;margin-top:20px;}
    .main-contact .box-blue{padding:10px 30px;}
    .main-contact .contact-container:hover{border-radius:100px;transition:.5s ease;}
    .main-contact .contact-container h2{font-size:1.9rem;font-weight:600;}
    .main-contact .contact-container h3{font-size:1.2rem;font-weight:500;}
    .main-contact .contact-container .smalltext{font-size:1.8rem;}
  
    .main-contact .main_info{width:100%;}
    .main-contact .main_info h3{font-size:1.4rem;font-weight:500;}
    .main-contact .main_info .Tel{font-size:1.4rem;font-weight:600;}
    .main-contact::before{
      display:none;
      top:-70px;
      width: 100%;
      height: 190px;}
  }



/*MAIN PAGE 3. CASTING FIX*/
/* CASTING FIX slide */
.main-sketch__wrap {
  clear: both;
  width: 100%;
  max-width: 1920px;
  margin:auto;
  margin-top:15rem;
  padding-top:15rem;
}

.main-sketch__wrap .main-tit__wrap{text-align: center;margin:auto;padding:20px 0 0 10px;}
.main-sketch__wrap .main-tit__wrap h2 {font-family :'Red Hat Text';text-align: center;margin-bottom:30px;}

.main-sketch__wrap .main-sketch-container ul{margin:auto;text-align:center;}
/* .main-sketch__wrap .main-sketch-container li:first-child{margin-left:0;} */
/* .main-sketch__wrap .main-sketch-container li{display:inline-block;width:13.5%;margin:0 0.3%;} */
.main-sketch__wrap .main-sketch-container li{display:inline-block;width:14%;height:95%;margin:1% 1%;overflow: hidden;border-radius:50px 50px 1px 50px ;border:solid 1px #ccc;}
.main-sketch__wrap .main-sketch-container li{ box-shadow: inset 6px 6px 17px -14px rgb(134, 134, 134);} 
/* .main-sketch__wrap .main-sketch-container li{float:left;width:14%;margin-right:.2%;} */
/* .main-sketch__wrap .main-sketch-container li{background-image: url(../../image/_bg_tel.jpg);background-size: 50%;} */
/* .main-sketch__wrap .main-sketch-container li .img{padding:0;width: 100%;} */
.main-sketch__wrap .main-sketch-container li:hover img{transform: scale(1.2); transition:transform 0.7s;}
.main-sketch__wrap .main-sketch-container li .txt{padding:10px 0;border-radius:10px;font-size: 1.4rem;font-weight: 500;}


@media (max-width: 768px) {
  .main-sketch__wrap {position:relative;padding-top:5rem;}
  .main-sketch__wrap .main-tit__wrap {padding-bottom: 1rem;width:94%;}
  .main-sketch__wrap .main-tit__wrap .tit {font-size: 2.8rem;font-weight:700;}
    
  .main-sketch__wrap .main-sketch-container li{clear:both;margin:auto;width:70%;height:90%;overflow: hidden; margin-bottom:4rem;border-radius:50px 50px 10px 50px;}
  .main-sketch__wrap .main-sketch-container li img{border-radius:0px;}
}


/*MAIN PAGE 5. */
/*ÇöÀ彺ÄÉÄ¡ height: 120px;*/

.main-sketch::before{
  z-index: -1;
  content: '';   
  position: absolute;
  left:0; 
  display: block;
  top:1600px;
  width: 100%;
  height: 0;
  background: #ffeed8;
  /* background: #fff3d8; */
  opacity: 1;
}

@media (max-width: 768px) {
  .main-sketch::before{
  top:1080px;
  height: 0;
  }
}

.main-sketch {
  display: block;
  padding: 0px;
  width: 100%;  
  max-width: 1920px;
  margin:auto;
  margin-top: 15rem;
  box-sizing: border-box;
  text-align:center;
  
  /* background-color:#FFF;background-size: cover;margin: auto; 
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
     -ms-flex-pack: center;
        justify-content: center;*/
}

@media(max-width:760px){
  .main-sketch {margin-top: 1rem;}
}

.main-sketch .maxcontainer{margin-top:5rem;}

.main-sketch .section-title h2{padding-top:3rem;padding-bottom:3rem;text-align: center;}
.main-sketch p{margin-top:20px;margin-bottom:20px;text-align: center;}
.main-sketch .section-title {text-align: center;width:100%;padding-bottom: 10px;}
.main-sketch .section-sub_Title{font-size: 2.1rem;font-weight: 400;padding-bottom:30px;}

/*ImgTable1*/
.main-sketch .snslist-box{width:100%;height:100%;text-align:center;margin:auto;box-sizing: border-box;}
.main-sketch .sns-list{overflow: hidden;width:100%;height:100%;margin:auto;padding-left: 0%;box-sizing: border-box;}
.main-sketch .sns-list li{float: left;padding:0.5rem;text-align:center;width:25%;height:auto;box-sizing:border-box;}
/* .main-sketch .sns-list li:last-child{padding:0 0% 2% 0%;}*/
/* .main-sketch .sns-list li a{display: block;} */
.main-sketch .sns-list .img{width: 100%; padding-bottom:calc(100% * 0.42);;position: relative; overflow: hidden;background: #e4af6a;cursor:pointer;border-radius:0px;}
.main-sketch .sns-list .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: 0 auto;width: 100%;transition:transform 1s;}
.main-sketch .sns-list .img:hover img{transform: scale(1.2); }
.main-sketch .sns-list .titlebox{width:100%;padding:0.6rem;;box-sizing:border-box;}
.main-sketch .sns-list .titlebox .text{font-size:16px;font-weight:400;text-align:left;padding:10px 10px;}

.main-sketch .portfolio-wrap {box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;margin:auto;border:solid 1px #ddd}
.main-sketch .portfolio-wrap:hover { box-shadow: 0px 6px 14px rgb(199, 199, 199);border:solid 0px #ccc;border-radius:0px;} 
.main-sketch .portfolio-wrap:hover img {opacity: 0.4;transition: .4s;}

@media(max-width:760px){
.main-sketch .sns-list{padding-left: 1.5%;width: 90%;margin:auto;}
.main-sketch .sns-list li{float:left;padding:0 7px 30px 3%;width:100%;}
.main-sketch .sns-list .img{padding-bottom:calc(100% * 0.47);width:100%;}
.main-sketch .sns-list .titlebox{width:100%;background: #FFF;padding:10px 10px;}
.main-sketch .sns-list .titlebox .text{font-size:15px;font-weight:400;text-align:left;padding:10px;}
.main-sketch .portfolio-wrap {box-shadow: 0px 3px 12px rgba(24, 22, 22, 0.16);transition: 0.3s;}
.main-sketch .section-title p{display:none}
.main-sketch .section-title h2 { margin-bottom: 10px; padding-bottom: 10px;position: relative;}
.main-sketch .section-sub_Title{font-size: 1.9rem;font-weight: 400;padding-bottom:30px;}
}


/*MAIN PAGE 5. portfolio*/

.main-portfolio {
  clear: both;
  display: block;
  width: 100%;
  max-width: 1920px;
  padding:0;
  text-align:center;
  margin: auto;
  margin-top: 15rem;

  /* background-color:#FFF;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
        -ms-flex-direction: column;
           flex-direction: column;
  -webkit-box-align: center;
        -ms-flex-align: center;
           align-items: center;
  -webkit-box-pack: center;
        -ms-flex-pack: center;
           justify-content: center; */
}

/* 
.main-portfolio::before{
  z-index: -1;
  content: '';   
  position: absolute;
  left:0; 
  top:40px;
  width: 100%;
  height: 490px;
  background:#FFF5F4;
}
  */

.main-portfolio .section-title {text-align: center;margin:0 auto;padding-bottom: 3rem;}
.main-portfolio .section-title h2 {margin-bottom: 20px;padding: 30px 0;text-align: center;margin:0 auto;}
.main-portfolio .section-sub_Title{font-size: 2.1rem;font-weight: 400;padding-bottom:30px;}
.main-portfolio h2 em{font-weight: 900;}

/*.main-portfolio .sns-list li{float: left; width: 30%; margin: 0 0 1% 1%; text-align: center;position: relative;}
ImgTable2*/
.main-portfolio .sns_listbox{width:100%;text-align:center;margin:auto;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list{overflow: hidden;width:100%;margin:auto;padding-left:0;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list li{float: left;padding:0.5rem ;text-align:center;width:25%;box-sizing:border-box;}
/* .main-portfolio .sns-list .portfolio-wrap{margin-right:1%;} */
.main-portfolio .sns_listbox .sns-list li a{display: block;padding:0.5rem;margin:0;}
.main-portfolio .sns_listbox .sns-list .img{width:100%;height: 20rem; position: relative; overflow: hidden;background: #000;cursor:hand;right:0px;border-radius:0px;}
.main-portfolio .sns_listbox .sns-list .img img{position: absolute; left: 0; top:0; bottom: 0; right: 0; margin: auto;width: 100%;transition:transform 1s;}

.main-portfolio .sns_listbox .sns-list .middlename{transition:.5s ease; opacity:0; position: absolute; top:70%;left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center;box-sizing: border-box;}
.main-portfolio .sns_listbox .sns-list .img:hover img {opacity: 0.6;transform: scale(1.2);}
.main-portfolio .sns_listbox .sns-list .img:hover .middlename {opacity: 0.7;}
.main-portfolio .sns_listbox .sns-list li .img .middlename .text {background-color:#74ee44;color:#FFF;font-size: 1.6rem;font-weight:400;padding:1rem;border-radius:0px;}

.main-portfolio .portfolio-wrap {box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;margin:auto;border:solid 1px #ddd;border-radius:0px;}
.main-portfolio .portfolio-wrap:hover { box-shadow: 0px 6px 14px rgb(199, 199, 199);border:solid 0px #ccc;border-radius:0px;} 
.main-portfolio .portfolio-wrap:hover img {opacity: 0.4;transition: .4s;}

@media(max-width:760px){
.main-portfolio{margin-top: 5rem;}
.main-portfolio .sns_listbox .sns-list{overflow: hidden;margin:0 auto;padding-top:1rem;width:90%;}
.main-portfolio .sns_listbox .sns-list li{width: 100%;border-radius:0px;border:solid 1px #ddd;margin-bottom: 2rem;padding:0;}
.main-portfolio .sns_listbox .sns-list .img{width: 100%; height:0;padding-bottom:180px; border-radius:0px;}
/* .main-portfolio .sns-list .img{float: left; width: 100%;height: 0; padding-bottom:60%; position: relative; overflow: hidden;background: #000; cursor:hand;} */
.main-portfolio .section-sub_Title{font-size: 1.7rem;font-weight: 400;}
}




/* ¸ÞÀÎÆäÀÌÁö °øÁö»çÇ×*/
.main-notice{
  position:relative;
  text-align:center;
  margin:0 auto;
  padding-top:0px;
  padding-bottom:0px;
 background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
}   

.main-notice p{
  margin: 10px 0 45px;
  color:#3c3c3c;
  font-size: 26px;
  font-weight: 100;
}

.main-notice .maxcontainer {width:1200px; display:block;-webkit-box-sizing: border-box;box-sizing: border-box;margin:auto;}
.main-notice .Main-notice-Contact{display: flex; width: 100%;padding-top:50px;}
.main-notice .Main-notice-Contact .contact-container{width:32%;margin-right:1%;background-color:#f0f0f0;padding:30px;height:150px;border-radius: 10px;;}
.main-notice .contact-container h3{font-size:16px;font-weight:500;}
.main-notice .contact-container .smalltext{font-size:2.1rem;}

.main-notice .main-notice-news{width:100%;margin:auto;margin-top: 100px;text-align:center;}
.main-notice .main-notice-news h2{padding-left:2rem}/*D63F8E*/
.main-notice .main-notice-news h2::after{
  content: '';
  display: block;
  width: 150px;
  height: 1px;
  margin: 0 auto;
  margin-top :30px;
  background: #fff;
}

.main-notice .main-notice-news .news_cont{padding:0;opacity: 0.8;width:100%;}
.main-notice .main-notice-news .news_cont li a{display: block;border-radius:0px;border:solid 1px #ddd;margin-bottom:10px;}
.main-notice .main-notice-news .news_cont a{font-size: 1.9rem; font-weight: 500;color:#000;text-align:left; height: 7rem;line-height:7rem;}
.main-notice .main-notice-news .news_cont a:hover{border-color:#ddd;color:#fff; background: #f592c3;backdrop-filter: grayscale(30%);}
/* f7d48b */
.main-notice .main-notice-news .news_cont a{box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);transition: 0.3s;}
.main-notice .main-notice-news .news_cont a:hover { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.16);}
.main-notice .main-notice-news .news_cont a:hover li{opacity: 0.4;transition: .4s;}
.main-notice .main-notice-news .news_cont li .MNTitle{display:none;}
.main-notice .main-notice-news .news_cont li .NTitle{display:block;padding-left:30px;}
.main-notice .main-notice-news .news_cont a:hover i{color:#fff;}

@media(max-width:1260px){
  .main-notice{padding:0px;}
  .main-notice .maxcontainer {width:100%;;}
  .main-notice .main-notice-news{width:95%;float:left;margin-left:2%;margin-top: 0rem;}
  
  .main-notice .Main-notice-Contact{display: block; width: 100%;padding-top:50px;}
  .main-notice .Main-notice-Contact .contact-container{width:90%;margin:auto;padding:30px;height:110px;border-radius: 10px;margin-bottom:10px;}
  .main-notice .contact-container h3{font-size:1.3rem;font-weight:500;}
  .main-notice .contact-container .smalltext{font-size:1.8rem;}

  .main-notice .box{display:none;}
  .main-notice .main-notice-news{width:90%;padding-top:0;margin-bottom:6rem;}
  .main-notice .main-notice-news .news_cont li a{padding:0px 0 0 20px;font-size:1.6rem;}
  .main-notice .main-notice-news .news_cont li .NTitle{display:none;}
  .main-notice .main-notice-news .news_cont li .MNTitle{display:block;}

}


/* ¸ÞÀÎÆäÀÌÁö ¹è³Ê */
.main-banner{
  position:relative;
  text-align:center;
  margin:0 auto;
  padding:0;
  padding-bottom:100px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
-webkit-box-pack: center;
     -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}

.main-banner .main-notice-banner{display: block; width: 100%;height:35rem;margin:100px 0;}
.main-banner .main-notice-banner img{width:1200px;height:350px;border-radius:20px;}

.main-banner .swiper-container .sketch-btn-wrap > div {
  position: absolute;
  top: 28%;
  transform: translateY(-50%);
  margin-top: 0;
  width: 3.5rem;
  height: 3.5rem;
  background-size: 100% auto;
  transition: all 0.3s;
}
.main-banner .swiper-container .sketch-btn-wrap .sketch-next {
  /* right: calc((100% - 1200px) / 2); */
  right: calc((100% - 1000px) / 2);
  background-image: url(../../assets/images/common/ico_slide_next.png);
  margin-left: 3rem;
}
.main-banner .swiper-container .sketch-btn-wrap .sketch-prev {
  /* left: calc((100% - 1200px) / 2); */
  left: calc((100% - 450px) / 2);
  background-image: url(../../assets/images/common/ico_slide_prev.png);
}

.partner{padding:5rem 0;text-align: center;}
.img_partner{margin:auto;}

@media(max-width:760px){
  .main-banner{
     display: block;
     padding-top:0px;
     padding-bottom:3rem;
     text-align: center;
  }   
  .main-banner .main-notice-banner{width:360px;height:150px;margin:0 auto;}
  .main-banner .main-notice-banner img{width:360px;height:105px;border-radius:20px;}

  .main-notice .main-notice-partner {width:95%;margin:auto;margin-top:5rem;}
  .main-notice .main-notice-partner h2{padding-left:2rem}
  .partner{padding:3rem 0;}
  .img_partner{width:96%;}

  .viewinfo_ad .main-notice-banner{width:360px;height:360px;margin:0 auto;}
  .viewinfo_ad .main-notice-banner img{width:360px;height:1005px;border-radius:20px;}
}


.sticky-menu__wrap {
  position: fixed;
  right: 1rem;
  top: 50%;
  z-index: 100;
  padding: 0rem;
  background: rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.3);
  background: none;
}
@media (max-width: 768px) {
  .sticky-menu__wrap {
    display: none;
  }
}