@charset "UTF-8";
 
*{margin: 0; padding: 0;}

a{color:#000; text-decoration: none;}
td{font-family: var(--font-default); font-size:14px;}
li{list-style: none;}
em{font-style: normal;}
button{font-family: var(--font-default);border:none; outline: none; background: none; cursor: pointer;}
img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}	
input{font-size: 13px;color: #333;outline:none;}
input[type=text]{font-family: var(--font-default);font-size:16px;height:50px;outline: none;background-color:#fffefa;}
input[type=button]{font-family: var(--font-default);border:none; outline: none; cursor: pointer;}
select{font-size: 13px; text-decoration: none; background-color:#F1F1F1;background-color:#FFFFFF; height:22px; border:1px;border-style: groove;border:solid 1 #bbb;	padding:0px 0px 0 2px;}

#contentWrap{width: 100%;margin:0; padding:0;box-sizing:border-box;}
.main-max-container{width: 100%;max-width: 1920px; padding:0;box-sizing:border-box;margin:auto;}
.maxcontainer{width: 100%;max-width: 1920px; padding:0;box-sizing:border-box;margin:auto;}

/*Body ÁÂ¿ì »çÀÌÁî*/
.container{max-width: 1280px; width: 1280px;margin: auto;padding:0;box-sizing:border-box;}
.row::after{content: ''; display: block; overflow: hidden; clear: both;}

::-webkit-input-placeholder {font-size:0.9em;color:#999}
:-ms-input-placeholder {font-size:0.9em;color:#999}
::placeholder {font-size:0.9em;color:#999}

@media(max-width:760px){
.maxcontainer{max-width: 100%;margin:0;padding:0;box-sizing:border-box;}
.container{max-width: 100%; margin:0 auto;padding:0; box-sizing: border-box;}
}

/* mobile menu icon */
.material-icons{font-size: 32px;}/*mobile menu icon*/

/* header ================================================================== */
/* Top Util menu */
/* header .maxcontainer:before {
   display: block;
   content: '';
   width: 100%;
   height: 34px;
   background-color: #000000;
   position: relative;
   box-sizing: border-box;
} */

/*¼·¿Ü¹®ÀÇ ÀüÈ­*/
/* header .util .utilline{margin:auto;padding: 2px 0 0 0;box-sizing: border-box;}
header .util .utilline .telnumber{line-height: 28px;}
header .util .utilline .telnumber a{font-size: 15px;font-weight:500;color:#e6003b;} */
/* 
@media(max-width:760px){
header .util{margin:0;width:100%;}
header .util .utilline{width:90%;border:none;}
header .util .utilline li{margin:0;font-size:13px;font-weight:500;}
header .util .utilline li a:hover{font-weight:500;}
header .util .utilline .telnumber{margin:0 auto;text-align:center;}
header .util .utilline .telnumber a{color:#e6003b;font-size:1em;}
} */

@media (min-width: 1100px) and (max-width: 1366px) {   
}

.clearfix:after{content: ''; display: block; clear: both}


/* section =============================================== 
Header ¾Æ·¡ Body ½ÃÀÛÀ§Ä¡-TOP¿¡ °¡¸®Áö ¾Êµµ·Ï /
.Main-Slide-section{
   padding-top:130px;
   padding-bottom:100px;
}*/
/* ================================ */
/* main-slide */
/* ================================ */
.main-slide{position: relative;background-color:#f1f1f1;}

.main-slide .t, 
.main-slide .m{
   display: none !important;
}

.main-slide img{
   display: block; 
   max-width: 100%;
   width: 1920px;
   height:650px;
   margin:auto;
   box-sizing: border-box;}

.main-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 14px;
   width: 15px;
   height: 15px;   
}
/* .swiper-pagination-bullet {
   width: 15px;
   height: 15px;   
   background: #fff;
   opacity: 0.8;
} */
.swiper-pagination-bullet-active{
   background: #F3C525;
   background: #d83c9c;
}
.main-slide .next, 
.main-slide .prev{
   /* cursor: pointer; */
   z-index: 1;
   position: absolute;
   top:50%; 
   transform: translateY(-50%);
   /* color: rgb(255, 244, 232);	 */
   /*#052e6b;*/
   font-size: 5em;
}
.main-slide .next{right:0;
   background-image: url(../../assets/images/arrow_next.png);
}
.main-slide .prev{left:0;
   background-image: url(../../assets/images/arrow_prev.png);
}

@media(max-width:760px){
   .main-slide .swiper-container{height:350px;}
   .main-slide .t, 
   .main-slide .swiper-slide .m{display: block;}
   .main-slide .swiper-slide img{width:400px;height:350px;}
   
.main-slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 8px;
   width: 11px;
   height: 11px;   
}
}

/* ================================ */
/*contact*/
/* ================================ */

.contact-rolling {position:relative;margin-bottom:15rem;margin-top:0rem;text-align:center;}
.contact-rolling .maxcontainer {width:100%;max-width:1200px;margin:auto;; padding:0 2.4rem;display:block;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact-rolling .Main-roll-Title{width:100%;margin:0 0 2.5rem 0;text-align: center;}
.contact-rolling .Main-roll-Title h2{text-align:center;color:#000;font-size: 4.6rem;font-weight: 700;}
.contact-rolling .Main-roll-Title .tit-bottom{color:#525252;font-size: 3rem;font-weight: 600;PADDING:0 0 1rem 0;}
.contact-rolling .Main-roll-Title p{font-size: 1.9rem;font-weight: 500;padding:30px 0; line-height: 3rem;}

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

.contact-rolling .box-blue{padding:30px;background-color:#c5f6ff;background-image: url(../../image/_bg_icon1.jpg);background-size: cover;}
.contact-rolling .box-pink{background-color:#ff9df2;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.contact-rolling .box-pink{background-color:#FBDBE5;background-image: url(../../image/_bg_icon2.jpg);background-size: cover;}
.contact-rolling .box-yellow{background-color:#FCEBD1;background-image: url(../../image/_bg_icon3.jpg);background-size: cover;}
.contact-rolling .tel{background-color:#f0f0f0;background-image: url(../../image/_bg_tel.jpg);background-size: cover;}
.contact-rolling .kko{background-color:#f0f0f0;background-image: url(../../image/_bg_kko.jpg);background-size: cover;}
.contact-rolling .mail{background-color:#f0f0f0;background-image: url(../../image/_bg_mail.jpg);background-size: cover;}

.contact-rolling .box-blue,.box-pink,.box-yellow{box-shadow: 0px 5px 10px rgba(104, 104, 104, 0.14);}

.contact-rolling .Left_Title {width:50%;float:left;}
.contact-rolling .Left_Title h2 {font-size:2.6rem;color: #525252;}

.contact-rolling::before{
   z-index: -1;
   content: '';   
   position: absolute;
   left:0; 
   top:1340px;
   width: 100%;
   height: 0;
   background: #efefef;
   background: #ffc5ed;
}

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

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


/* CONTACT ¸Þ´º Áß ¹è³Ê */

.contact-rolling .main-notice-banner{display: block; width: 1200px;height:45rem;text-align:center;}
.contact-rolling .main-notice-banner{margin:auto;}
.contact-rolling .main-notice-banner img{height:35rem;border-radius:30px;}

.contact-rolling .swiper-container{padding-top:10rem;}
.contact-rolling .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;
}
.contact-rolling .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;
}
.contact-rolling .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);
}

@media(max-width:1260px){
   .contact-rolling .main-notice-news{width:95%;float:left;margin-left:2%;margin-top: 0rem;}
}

@media (max-width: 768px) {
   .contact-rolling .main-notice-banner{width:90%;height:20rem;margin:auto;}
   .contact-rolling .main-notice-banner img{width:360px;height:105px;border-radius:30px;border:solid 0px black;}
   .contact-rolling .swiper-container{padding-top:2rem;}
}
  


@media(max-width:760px){
   .contact-rolling {margin-bottom:0px;width:100%;}
   .contact-rolling .maxcontainer {width:100%;padding:0;}
   .contact-rolling .Main-roll-Title{margin-bottom:0px;}
   .contact-rolling .swiper-slide{clear: both;width: 90%;margin: 0px 0px;}
   .contact-rolling .Main-roll-Title h2 {font-size:2.9rem;font-weight:600;}
   .contact-rolling .Main-roll-Title .tit-bottom{font-size: 1.9rem;font-weight: 600;}
   .contact-rolling .Main-roll-Title p{font-size: 1.6rem;;}

   .contact-rolling .Main-roll-Container{display:block;width:100%;padding-bottom:0rem;}
   .contact-rolling .Left_Title {width:100%;float:none;}
   .contact-rolling .Left_Title h2 {font-size:1.8rem;FONT-WEIGHT:700;text-align: center;}

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

   .contact-rolling .main_info{width:100%;}
   .contact-rolling .main_info h3{font-size:1.4rem;font-weight:500;}
   .contact-rolling .main_info .Tel{font-size:1.4rem;font-weight:600;}
   .contact-rolling::before{
      top:1400px;
      width: 100%;
      height: 0px;}
}





/* animation */
.boardlist{animation: fadeInUp 0.6s linear;}
.main-sketch .portfolio-wrap{animation: lab-bar 0.4s linear;}
.contact-rolling {animation: up-down-main 0.5s linear;}
.profile-list .img{animation: up-down 0.5s linear;}
.picscasting .picscasting-list .img{animation: lab-bar 0.5s linear;}
.boardpicslist{animation: lab-bar 0.4s linear;}


/* animation ================================================== */
@keyframes up-down{
   0%,100%{transform: translateY(0);}
   50%{transform: translateY(-30px);}   
}

@keyframes up-down-main{
   0%,100%{transform: translateY(0);}
   50%{transform: translateY(-50px);}   
}
.fadeInUp.on{
   animation: fadeInUp 1s linear forwards;
}

@keyframes fadeInUp{
   0%{transform: translateY(100px); opacity: 0;}
   100%{transform: translateY(0); opacity: 1;}
}

@keyframes lab-bar{
   0%{transform: scaleX(0);}
   100%{transform: scaleX(1);}
}

/* .getauditionbtn:hover{animation: lab-bar 0.6s linear;} */