@charset "UTF-8";

/* 메인페이지 공통 */


.slick_slidebox{
    position: relative;
}

.slick_slide{position: relative;}

.slick_con{
    position: relative;
}

/*.slick_con > img{
    width: 100%;
    margin: 0 auto;
}*/


.slick-active .slick_con > img {
    animation-name: imgscale;
    animation-duration: 7s;
    -webkit-animation-name: imgscale;
    -webkit-animation-duration: 7s;
    transition: all 0.5s ease-out;
}

-webkit-@keyframes imgscale {
    0% {
         -webkit-transform: scale(1.2,1.2);
    }

    100% {
         -webkit-transform: scale(1,1);
    }
}


@keyframes imgscale {
    0% {
        transform: scale(1.2,1.2);
    }

    100% {
        transform: scale(1,1);
    }
}


.slick_con > img{ position: relative; width: 1920px; margin: 0 auto;}


/*.slick_img01{
    background: url(../images/main/slide01.jpg) center center no-repeat;
    width: 100%;
    height: 893px;
    -webkit-background-size: cover;
    background-size: cover;
}
.slick_img02{
    background: url(../images/main/slide02.jpg) center center no-repeat;
    width: 100%;
    height: 893px;
    -webkit-background-size: cover;
    background-size: cover;
}
.slick_img03{
    background: url(../images/main/slide03.jpg) center center no-repeat;
    width: 100%;
    height: 893px;
    -webkit-background-size: cover;
    background-size: cover;
}*/

.slidetext{width: 100%; margin: 0 auto; text-align: center; padding-top: 230px; position: absolute; top: 0;left: 0; right: 0;}
.slidetext h4{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; display: block; color: #fff; opacity: 0.5; padding-bottom: 20px;}
.slidetext h1{font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 50px; color: #fff;line-height: 1.1em;}
.slidetext h1 span{display: block; vertical-align: baseline;}
.slidetext h1.m_slidetext{display: none;}
.slidetext img{width: 100%;max-width: 106px; margin: 0 auto; padding: 35px 0;}
.slidetext p{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 18px; color: #fff; display: block; line-height: 1.8em; padding-bottom: 75px;}
.slidetext p span{display: block; vertical-align: baseline;}

.slidetext p.m_slidep{display: none;}
.slidetext p.m_slidep span{display: block; vertical-align: baseline;}

.aboutgodo{font-family: 'Montserrat', sans-serif; font-weight: 600; width: 174px; height: 46px; border: 1px solid #fff; box-sizing: border-box; font-size: 16.24px; display: block; line-height: 46px; text-align: center; margin: 0 auto; color: #fff; position: absolute; bottom:130px; left: 0 ; right: 0;}

.aboutgodo:hover{color: #060c17; background: #fff;}
/*aroow_box*/

.arrow_box{position: absolute; top: calc(100% - 460px); left: 0; max-width: 1300px;width: 100%; margin: 0 auto; right: 0; display: flex; justify-content: space-between; align-items: center; }
.arrow_box a:nth-child(1){padding-left: 15px;}
.arrow_box a:nth-child(2){padding-right: 15px;}




@media screen and (max-width:1900px){
    .slick_con > img{right: 50px; }
}

@media screen and (max-width:1800px){
    .slick_con > img{right: 100px;}
}

@media screen and (max-width:1700px){
    .slick_con > img{right: 150px;}
}

@media screen and (max-width:1600px){
    .slick_con > img{right: 200px;}
}

@media screen and (max-width:1500px){
     .slick_con > img{right: 250px;}
}

@media screen and (max-width:1400px){
      .slick_con > img{right: 300px;}
}

@media screen and (max-width:1300px){
      .slick_con > img{right: 350px;}
}

@media screen and (max-width:1200px){
     .slick_con > img{right: 400px;} 
}

@media screen and (max-width:1100px){
     .slick_con > img{right: 450px;} 
}


@media screen and (max-width:1024px){
    .aboutgodo{display: none;}
    .slidetext h1{font-size: 45px;}
  /*  .slidetext p{font-size: ;}*/
    .arrow_box a:nth-child(1){padding-left: 10px;}
    .arrow_box a:nth-child(2){padding-right: 10px;}
}

@media screen and (max-width:1000px){
     .slick_con > img{right: 500px;} 
}

@media screen and (max-width:900px){
     .slick_con > img{right: 550px;} 
}

@media screen and (max-width:890px){
    .slidetext p.pc_slidep{display: none;}
    .slidetext p.m_slidep{display: block;}
     .slidetext h1.m_slidetext span{display: block;}
    .slidetext h1.pc_slidetext{display: none;}
    .slidetext h1.m_slidetext{display: block;}
}

@media screen and (max-width:800px){
     .slick_con > img{right: 600px;} 
}

@media screen and (max-width:700px){
     .slick_con > img{right: 650px;} 
}


@media screen and (max-width:650px){
      .slidetext h1{font-size: 38px;}
}

@media screen and (max-width:600px){
     .slick_con > img{right: 720px;} 
}

@media screen and (max-width:500px){
     .slick_con > img{right: 770px;} 
}

@media screen and (max-width:450px){
    .slidetext h1{font-size: 20px;}
    .slidetext p{font-size: 12px;}
    .slidetext img{max-width: 90px}
    .arrow_box a img{max-width: 15px;}
}


@media screen and (max-width:400px){
     .slick_con > img{right: 800px;} 
}