@charset "UTF-8";



.rowwwwww {
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Dancing Script', cursive;
    font-family: 'Roboto', sans-serif;
}

.rows{
    max-width: 1200px;
    margin: 0 auto;
}

input[type="button"]{padding: 0; -webkit-appearance: none; -webkit-border-radius: 0; }
input[type="submit"]{padding: 0; -webkit-appearance: none; -webkit-border-radius: 0;}

/* 메인페이지 공통 */


.main_wrap{width: 100%; margin: 0 auto;}
.mainBox{width: 100%; margin: 0 auto;}

/*메인페이지 콘텐츠*/

.slickMain{position: relative;}
.slickBox{width: 100%; margin: 0 auto;}

.slickContBox{width: 100%; height: 507px; position: relative;}
.slickContBox01{background: url(../images/main/main_banner01.png) 50% 50% no-repeat; background-size:cover;}
.slickContBox02{background: url(../images/main/main_banner02.png) 50% 50% no-repeat; background-size:cover;}
.slickContBox03{background: url(../images/main/main_banner03.png) 50% 50% no-repeat; background-size:cover;}

.slickPage{position: absolute ; top: 150px;  left: 0; max-width: 1200px; margin: 0 auto; right: 0; }
.slickPageCont{width: 155px; display: flex; align-items: center; justify-content: space-between;}
.slickPageCont p{cursor: pointer;}

.slickPageNum{font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 600; display: flex; align-items: center; color: #fff;}
.slickSpan{display: block; margin: 0 15px; color:#fff; opacity: 0.5;}
.slickPageNum span{display: block; color: #fff;}
.slickPages02{opacity: 0.5;}
.slickPages span{vertical-align: baseline; display: inline-block;}

.slickConTxt{max-width: 1200px; margin: 0 auto; position: absolute; top: 200px; left: 0; right: 0; }
.slickConTxt h1{font-size: 58px; color: #fff; line-height: 1.4em; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; margin-bottom: 36px;}
.slickConTxt h1 span{display: block; vertical-align: baseline; font-weight: 700; }
.slickConTxt h1 span strong{font-weight: 300; vertical-align: baseline;}
.slickConTxt p{font-family: 'Noto Sans KR', sans-serif; font-size: 21px; font-weight: 300; color: #fff; line-height: 1.6em; margin-bottom: 60px;}
.slickConTxt p span{display: block; vertical-align: baseline;}
.slickConTxt a{width: 240px; height: 58px; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid; border-color: rgba(255,255,255,0.4); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 19px; box-sizing: border-box; position: relative; transition: all 0.3s;}
.slickConTxt a:hover{border:transparent; background: #fff; color: #111;}






@media screen and (max-width: 1199px){


    .slickConTxt{width: 90%;}
    .slickPageCont{margin-left: 5%;}


}



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

    .slickContBox{height: 350px;}    
    .slickPage{top: 130px;}
    .slickPageNum{font-size: 12px;}
    .slickPageCont{width: 95px;}
    .slickSpan{margin: 0 7px;}

    .slickConTxt{top: 168px;}
    .slickConTxt h1{font-size: 28px;}
    .slickConTxt p{font-size: 12px;}
    .slickConTxt a{width: 134px; height: 31px; font-size: 12px;}
   


}