@import url(common.css); /* 글자의 기본 스타일 및 wrapper 설정 */
@import url(default02.css); /* default.css 브라우저가 태그에 주는 기본스타일을 모두 초기화*/
@import url(fonts.css); /* main.css 메인페이지에만 적용되는 스타일 입력, 다른 css import */
@import url(layout.css); /* layout.css header / footer 모든 페이지의 공통 스타일 적용*/


.main_swiper {
    width: 100%;
    height: calc(100vh - 100px);
}
/******메인 background 넣기*******/
.visual {
    background: url(/theme/temporary/img/main01.jpg) no-repeat center center / cover;
}
.remember {
    background: url(/theme/temporary/img/main02.jpg) no-repeat center center / cover;
}
.premium {
    background: url(/theme/temporary/img/main03.jpg) no-repeat center center / cover;
}
.notice {
    background: url(/theme/temporary/img/main04.jpg) no-repeat center center / cover;
}



/****visual 시작******/
.visual  {
    display: flex;
    align-items: center;
}
.visual  .visual_txt {
    width: 100%;
}
.visual  .visual_txt  h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffff;
}
.visual  .visual_txt  p {
    margin:  5px 0 52px 0 ;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}
.visual  .visual_txt .more  {
    position: relative;
}
.visual .visual_txt .more a {
    border: 1px solid #D5D5D5;
    padding: 12px 71px 12px 28px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
}
.visual  .visual_txt .more::before {
    content: "";
    position: absolute;
    left: 114px;
    top: -2px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* 마우스 오버시*/
.visual .visual_txt .more a:hover {
    background-color: #1d1d1d;
    color: #fff;
}
.visual .visual_txt .more a:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
}


/********visual. animation 시작 ********/
.swiper-slide-active.visual .visual_txt h2 {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}

.swiper-slide-active.visual .visual_txt p {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.visual .more {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
@keyframes move { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}
@keyframes mmmm { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */

	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}



/******모바일 시작 1111111111*****/
@media screen and (max-width:1000px){  /* 모바일 시작 */
    .visual  .visual_txt  h2 {
        font-size: 35px;
    }
    .visual  .visual_txt  p {
        margin:  5px 0 45px 0 ;
        font-size: 14px;
    }
    .visual  .visual_txt .more  {
        position: relative;
    }
    .visual  .visual_txt .more a {
        padding: 12px 71px 12px 28px;
        font-size: 14px;
    }
}

/*****모바일22222222*****/
@media screen and (max-width: 600px){ 
    .visual .visual_txt {
        top: 260px;
    }
    .visual  .visual_txt  h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
        color: #ffff;
    }
    .visual .visual_txt  p {
        margin:  5px 0 30px 0 ;
        font-size: 14px;
    }
    .visual .visual_txt .more  {
        position: relative;
    }
    .visual  .visual_txt .more a {
        padding: 8px 15px 8px 15px;
        font-size: 14px;
    }
    .visual  .visual_txt .more::before {
        display: none;
    }
}
/*******visual 끝 ****/









/***********remember 시작*************/
.remember {
    display: flex;
    align-items: center;
}
.remember .rem_txt  {
    width: 100%;
}
.remember .rem_txt .wrapper {
    text-align: center;
}
.remember .rem_txt  h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffff;
    text-align: center;
}
.remember  .rem_txt  p {
    margin:  10px 0 47px 0 ;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.remember .rem_txt .list {
    display: flex;
    justify-content: center;
}

.remember .rem_txt .list  a .photo {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
}
.remember .rem_txt .list a .photo img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:  0.5s;
}
.remember .rem_txt .list  a:hover .photo img {
    transform: scale3d(1.2, 1.2, 1);
}
.remember  .rem_txt .list .rem_tit {
    display: block;
    background-color: #fff;
    padding: 35px 60px 0 30px;
    height: 303px;
    width: 378px;  
    text-align: left;
}
.remember  .rem_txt .list .rem_tit strong {
    font-size: 30px;
    color: #1d1d1d;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 3px 0;
}
.remember .rem_txt .list .rem_tit  span {
    color: #1d1d1d;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}
.remember .rem_txt .list .rem_tit p {
    text-align: left;
    color: #3d3d3d;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    margin: 10px 0 45px 0;
}
.remember .rem_txt .list .rem_tit .more  {
    position: relative;
}
.remember .rem_txt .list .rem_tit .more a {
    border: 1px solid #D5D5D5;
    background-color: #fff;
    padding: 13px 70px 13px 26px;
    color: #1d1d1d;
    font-size: 15px;

}
.remember .rem_txt .list .rem_tit .more::before {
    content: "";
    position: absolute;
    left: 114px;
    top: -1px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:24px ;
}
/***** 마우스오버********/
.remember  .rem_txt .list .rem_tit .more a:hover {
    background-color: #1d1d1d;
    color: #ffff;
}
.remember .rem_txt .list .rem_tit  .more:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='white'/%3E%3C/svg%3E ");
}


/********remember. animation 시작 ********/
.swiper-slide-active.remember .rem_txt h2 {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}

.swiper-slide-active.remember .rem_txt  {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.remember .rem_txt .list {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
@keyframes move { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}
@keyframes mmmm { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
    50% { transform:translate(0, 80px);  opacity: 0;} /* 중간값은 %를 조절하여 추가/삭제 가능 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}

/******모바일 시작 1111111111*******/
@media screen and (max-width:1000px){  /* 모바일 시작 */
        /********remember 시작 ********/
        .remember  .rem_txt {
            top: 140px;
        }
        .remember .rem_txt  h2 {
            font-size: 35px;
        }
        .remember .rem_txt  p {
            margin:  10px 0 30px 0 ;
        }
        .remember  .rem_txt .list {
            display: inline-block;
        }
        .remember  .rem_txt .list  .photo {
            font-size: 0;
            line-height: 0;

        }
        .remember  .rem_txt .list .rem_tit {
            display: block;
            padding: 20px 0 0 0;
            height: 190px;
            width: 505px;  
            text-align: center;
        }

        .remember  .rem_txt .list .rem_tit strong {
            font-size: 25px;
            margin: 0 0 3px 0;
            font-weight: 700    ;
        }
        .remember  .rem_txt .list .rem_tit  span {
            display: none;
        }
        .remember  .rem_txt .list .rem_tit p {
            color: #3d3d3d;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4;
            margin: 10px 0 28px 0;
            text-align: center;
        }
        .remember  .rem_txt .list .rem_tit .more  {
            position: relative;
        }
        .remember .rem_txt .list .rem_tit .more a {
            border: 1px solid #D5D5D5;
            background-color: #fff;
            padding: 13px 55px 13px 26px;
            color: #1d1d1d;
        }
        .remember .rem_txt .list .rem_tit .more::before {
            content: "";
            position: absolute;
            left: 283px;
            top: -2px;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E ");
            background-position: center center;
            background-repeat: no-repeat;
            background-size:24px ;
            transition: 0.5s;
        }
        /***** 마우스오버********/
        .remember  .rem_txt .list .rem_tit .more a:hover {
            transform: rotate(360deg);
            background-color: #1d1d1d;
            color: #ffff;
        }
        .remember  .rem_txt .list .rem_tit  .more:hover:before {
            transform: rotate(360deg);
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='white'/%3E%3C/svg%3E ");
        }
}

/*****모바일22222222*****/
@media screen and (max-width: 600px){ 
            /********remember 시작 ********/
            .remember  .rem_txt {
                top: 100px;
            }
            .remember .rem_txt  h2 {
                font-size: 25px;
            }
            .remember .rem_txt  p {
                margin:  10px 0 20px 0 ;
                font-size: 14px;
            }
            .remember .rem_txt .list {
                display: inline-block;
                width: 300px;
            }
            .remember  .rem_txt .list .photo {
                font-size: 0;
                line-height: 0;
            }
            .remember  .rem_txt .list .photo  img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
            .remember  .rem_txt .list .rem_tit {
                display: block;
                padding: 17px 0 0 0;
                height: 190px;
                width: auto;  
                text-align: center;
            }
            .remember  .rem_txt .list .rem_tit strong {
                font-size: 20px;
                margin: 0 0 3px 0;
                font-weight: 700    ;
            }
            .remember .rem_txt .list .rem_tit  span {
                display: none;
            }
            .remember .rem_txt .list .rem_tit p {
                color: #3d3d3d;
                font-size: 14px;
                font-weight: 400;
                line-height: 1.4;
                margin: 10px 5px 28px 5px;
            }
            .remember  .rem_txt .list .rem_tit .more  {
                position: relative;
            }
            .remember .rem_txt .list .rem_tit .more a {
                border: 1px solid #D5D5D5;
                background-color: #fff;
                padding: 8px 28px 8px 26px;
                color: #1d1d1d;
            }
            .remember  .rem_txt .list .rem_tit .more::before {
                display: none;
            }
            /***** 마우스오버********/
            .remember  .rem_txt .list .rem_tit .more a:hover {
                background-color: #1d1d1d;
                color: #ffff;
            }
            .remember .rem_txt .list .rem_tit  .more:hover:before {
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.15 13H5C4.71667 13 4.47917 12.9042 4.2875 12.7125C4.09583 12.5208 4 12.2833 4 12C4 11.7167 4.09583 11.4792 4.2875 11.2875C4.47917 11.0958 4.71667 11 5 11H16.15L13.3 8.15001C13.1 7.95001 13.0042 7.71668 13.0125 7.45001C13.0208 7.18335 13.1167 6.95001 13.3 6.75001C13.5 6.55001 13.7375 6.44585 14.0125 6.43751C14.2875 6.42918 14.525 6.52501 14.725 6.72501L19.3 11.3C19.4 11.4 19.4708 11.5083 19.5125 11.625C19.5542 11.7417 19.575 11.8667 19.575 12C19.575 12.1333 19.5542 12.2583 19.5125 12.375C19.4708 12.4917 19.4 12.6 19.3 12.7L14.725 17.275C14.525 17.475 14.2875 17.5708 14.0125 17.5625C13.7375 17.5542 13.5 17.45 13.3 17.25C13.1167 17.05 13.0208 16.8167 13.0125 16.55C13.0042 16.2833 13.1 16.05 13.3 15.85L16.15 13Z' fill='white'/%3E%3C/svg%3E ");
            }
}   
/************remember 끝***********/










/**********premium 시작***********/
.premium {
    display: flex;
    align-items: center;
}
.premium .wrapper {
    text-align: center;
}
.premium .pre_txt {
    width: 100%;
}
.premium .pre_txt  h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffff;
}
.premium .pre_txt  p {
    margin:  10px 0 30px 0 ;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}
.premium .pre_txt .list  a .photo {
    width: 100%;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
}
.premium .pre_txt .list a .photo img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:  0.5s;
}
.premium .pre_txt .list  a:hover .photo img {
    transform: scale3d(1.2, 1.2, 1);
}
.premium .pre_txt .list ul {
    display: flex;
    justify-content: space-between;
}
.premium  .pre_txt .list ul li {
    width: 32%;
}

.premium  .pre_txt .list ul li .pre_tit {
    background-color: #fff;
    color: #1d1d1d;
    text-align: center;
}
.premium .pre_txt .list ul li .pre_tit h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 0 0 0;
}
.premium .pre_txt .list ul li .pre_tit p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: #3d3d3d;
    margin: 10px 0 22px 0;
}
.premium  .pre_txt .list ul li .pre_tit .more {
    position: relative;
    padding: 10px 0 35px 0;
} 
.premium  .pre_txt .list ul li .pre_tit .more a {
    position: relative;
    border: 1px solid #D5D5D5;
    background-color: #fff;
    color: #3d3d3d;
    border-radius: 30px;
    padding: 12px 40px 12px 18px;
    font-size: 15px;
}
.premium  .pre_txt .list ul li .pre_tit .more a:hover {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    color: #fff;
}
.premium  .pre_txt .list ul li .pre_tit .more a::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 9px;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0833 11.9163H4.58334V10.083H10.0833V4.58301H11.9167V10.083H17.4167V11.9163H11.9167V17.4163H10.0833V11.9163Z' fill='%23D5D5D5'/%3E%3C/svg%3E ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px;
}
.swiper-wrapper .swiper-slide .pre_txt .list ul li .pre_tit .more:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0833 11.9163H4.58334V10.083H10.0833V4.58301H11.9167V10.083H17.4167V11.9163H11.9167V17.4163H10.0833V11.9163Z' fill='%23D5D5D5'/%3E%3C/svg%3E ");

}



/******** premium animation 시작 ********/
.swiper-slide-active.premium .pre_txt h2 {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}

.swiper-slide-active.premium .pre_txt  {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.premium .pre_txt .list .bg1  {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.premium .pre_txt .list .bg2  {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.premium .pre_txt .list .bg3  {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 3s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}

@keyframes mmmm { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
    50% { transform:translate(0, 80px);  opacity: 0;} /* 중간값은 %를 조절하여 추가/삭제 가능 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}

/**********모바일시작1111111111*******/
@media screen and (max-width:1000px){  /* 모바일 시작 */

            .premium .pre_txt {
                margin: 55px 0 0 0;
            }
            .premium  .pre_txt  h2 {
                font-size: 25px;
            }
            .premium  .pre_txt  p {
                font-size: 14px;
                
            }
            .premium .pre_txt .list .photo {
                width: 35%;
                height: 130px;
            }
            .premium .pre_txt .list .photo img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .premium  .pre_txt .list ul {
                display: block;
            }
            .premium .pre_txt .list ul li {
                width: auto;
                display: flex;
                justify-content: center;
                margin: 0 0 15px 0;
            }
            .premium  .pre_txt .list ul li .pre_tit {
                width: 65%;
                text-align: left;
                padding: 10px 0 0 15px;
            }
            .premium .pre_txt .list ul li .pre_tit h3 {
                font-size: 20px;
                padding: 5px 0 0 0;
            }
            .premium .pre_txt .list ul li .pre_tit p {
                font-size: 14px;
                /*2줄제한*/
                line-height: 1.4;
                height: 2.8em;
                overflow: hidden;
                margin: 5px 0 0 0;
            }
            
            .premium  .pre_txt .list ul li .pre_tit .more {
                display: block;
                position: relative;
                padding: 5px 0 15px 0;
            } 
            .premium  .pre_txt .list ul li .pre_tit .more a {
                position: relative;
                border: 1px solid #D5D5D5;
                background-color: #fff;
                color: #3d3d3d;
                border-radius: 30px;
                padding: 5px 10px 5px 10px;
                font-size: 14px;
            }
            .premium  .pre_txt .list ul li .pre_tit .more a:hover {
                background-color: #1d1d1d;
                border-color: #1d1d1d;
                color: #fff;
            }
            .premium  .pre_txt .list ul li .pre_tit .more a::before {
                display: none;
            }

}       
/*********premium 끝**********/







/********notice 시작************/
.notice {
    display: flex;
    align-items: center;
}
.notice .no_txt {
    width: 100%;
}
.notice .no_txt  .wrapper {
    text-align: center;
}
.notice .no_txt  h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffff;
    text-align: center;
}
.notice .no_txt  p {
    margin: 10px 0 30px 0 ;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.notice .no_txt .map_list iframe {
    width: 1110px;
    height: 330px;
    border: 0;
}




/********notice. animation 시작 ********/
.swiper-slide-active.notice .no_txt h2 {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}

.swiper-slide-active.notice .no_txt p {
    animation-name: move ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 1.5s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
.swiper-slide-active.notice .map_list {
    animation-name: mmmm ; /* *keyframe에서 선언한 이름* 필수 */
    animation-duration: 2s; /* 애니메이션이 동작하는 시간. 필수 */
    animation-iteration-count: 1; /*애니메이션 반복 횟수 (1, 2, infinite - 무제한)  필수 */
}
@keyframes move { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}
@keyframes mmmm { /* 애니메이션을 효과를 미리 설정함 */
	0% { transform:translate(0, 100px); opacity: 0;}  /* 애니메이션을 시작할때의 속성 / 왼쪽에 좌우, 오른쪽이 위아래 , 안보일때는 opacity: 0/ 보일때는 opacity: 1 */
    50% { transform:translate(0, 80px);  opacity: 0;} /* 중간값은 %를 조절하여 추가/삭제 가능 */
	100% { transform:translate(0, 0); opacity: 1;} /* 애니메이션이 종료될때의 속성 */
}
/**********모바일시작1111111111*******/
@media screen and (max-width:1000px){  /* 모바일 시작 */
            .notice .no_txt  h2 {
                font-size: 25px;
            }
            .notice .no_txt  p {
                margin:  5px 0 25px 0 ;
                font-size: 14px;
            }
            .notice .no_txt .map_list iframe {
                width: 100%;
                height: 100%;
                border: 0;
            }
}