#wrap{max-width: 100.00vw; margin: 0 auto; }

/* 가운데영역 */
.container{max-width: 89.00vw; margin: 0 auto;}

/* section01 */
#section01{padding: 6.88vw 0;  background-color: #f7f4ef;}
#section01 h1{margin-bottom: 9.25vw; text-align: center;}
#section01 h1 img{display: block; max-width: 53.13vw; margin: 0 auto;}
#section01 .imgBox{position: relative; margin-bottom: 3.75vw; text-align: center;}
#section01 .imgBox span{position: absolute;}
#section01 .imgBox span.icon01{width: 13.88vw; height: 16.25vw; left:6.00vw; top:-12.25vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/img01.png); animation: effect01 1s alternate infinite; background-size: cover;}

@keyframes effect01{
    0%{
        transform: rotate(-35deg);
    }
    100%{
        transform: rotate(35deg);
    }
}

#section01 .imgBox span.icon02{width: 9.25vw; height: 8.88vw; right:8.13vw; top:-8.75vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/img02.png); animation: effect02 1s alternate infinite; background-size: cover;}

@keyframes effect02{
    0%{
       right: 8.13vw;
    }
    100%{
       right: 25.00vw;
    }
}
#section01 .imgBox span.icon03{width: 5.25vw; height: 7.88vw; right:10.00vw; top:20.13vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/img03.png); animation: effect03 1s alternate infinite; background-size: cover;}
@keyframes effect03{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }
}
#section01 .imgBox img{display: block; width: 100%; margin: 0 auto;}
#section01 h2{margin-bottom: 6.25vw; font-size: 15.7vw; text-align: center; color: #a9988b; font-family: '나눔손글씨-할아버지의나눔';}
#section01 h2 img{display: block; max-width: 25.38vw; margin: 0 auto;}
#section01 .birthdayText{display: block; margin-bottom: 9.25vw; text-align: center; font-family: 'GmarketSans'; font-weight: 500; font-size: 2.63vw; color: #383838; line-height: 1;}
#section01 address{margin-bottom: 5.00vw; font-size: 3.50vw; color: #292929; line-height: 1.7; text-align: center;}
#section01 .dateBox{display: flex; gap: 0 2.88vw; justify-content: center; line-height: 1;}
#section01 .dateBox span{font-family: 'GowunBatang'; font-weight: 700; color: #434343; font-size: 4.13vw;}
#section01 .dateBox em{font-family: 'GowunBatang'; font-weight: 500; color: #434343; font-size: 4.13vw;}

/* section02 */
#section02{padding: 7.88vw 0 11.25vw;}
#section02 h2{margin-bottom: 5.38vw; text-align: center; line-height: 1; }
#section02 h2 span{padding: 0 8.25vw;position: relative; z-index: 1; background-color: #fff; font-size: 3.50vw; color: #292929; font-weight: 400;}
#section02 h2 span::after{content: ''; position: absolute; top:1.50vw; left:-200%; right: -200%; height: 0.13vw; background-color: #a9998b; z-index: -1;}
#section02 p{margin-bottom: 6.00vw; text-align: center; font-size: 3.50vw; color: #292929; line-height: 2.5;}
#section02 .layoutBox{display: flex; gap: 0 3.50vw; align-items: center; justify-content: center;font-size: 3.50vw;}
#section02 .box{display: flex; align-items: center; gap: 0 1.50vw;}
#section02 .box span{font-size: 3.63vw; color: #434343;}
#section02 .box em{color: #434343; font-size: 4.38vw; font-weight: 700;}

/* section03 */
#section03 .container{max-width: 68.13vw;}
#section03{position: relative; padding: 6.25vw 0 2.75vw; background-color: #f7f4ef;}
#section03::after{content: ''; display: block; margin: 0 auto;  background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/icon02.png)no-repeat; width: 2.63vw; height: 3.88vw; background-size: cover;}
#section03 .callBox{margin-bottom: 6.63vw; display: flex; gap: 0 18.75vw; justify-content: center; list-style: 1;}
#section03 .callBox a{position: relative; display: block; padding-top: 15.88vw; font-size: 3.13vw; color: #292929; text-align: center;}
#section03 .callBox a:nth-child(1)::after{width: 12.00vw; height: 11.63vw; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/call01.png)no-repeat; background-size: cover;}
#section03 .callBox a:nth-child(2)::after{width: 12.00vw; height: 11.63vw; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/call02.png)no-repeat; background-size: cover;}
#section03 h2{margin-bottom: 9.38vw; position: relative; padding-top: 9.75vw;}
#section03 h2::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); top:0; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/icon01.png)no-repeat; width: 5.63vw; height: 3.25vw; background-size: cover;}
#section03 h2 img{display: block; margin: 0 auto;}
#section03 .gallery{display: flex; gap: 0 1%; flex-wrap: wrap; justify-content: center;}
#section03 .gallery li{width: 49.5%; margin-bottom: 0.88vw;}
#section03 .gallery li a{display: block;}
#section03 .gallery li a img{display: block; width: 100%;}
#section03 .view{display: block; margin-bottom: 4.50vw; height: 5.13vw; line-height: 5.38vw; font-size: 2.50vw; color: #fff; text-align: center; background-color: #a9998b;}

/* section04 */
#section04{padding: 4.63vw 0 9.88vw;}
#section04 .view{display: block; margin-bottom: 6vw; height: 9.13vw; line-height: 9.38vw; background-color: #e1e1e1; text-align: center; font-family: 'GmarketSans'; font-weight: 500; font-size: 2.50vw; color: #2c2c2c;}
#section04 h3{margin-bottom: 9.38vw;}
#section04 h3 img{display: block; max-width: 27.38vw; margin: 0 auto;}
#section04 .mapBox{margin-bottom: 1.88vw;}
#section04 .mapBox img{display: block; max-width: 50.50vw; margin: 0 auto;}
#section04 .mapBox02{margin: 3.25vw 0 10.50vw;}
#section04 .mapBox02 a{display: block;}
#section04 .mapBox02 img{display: block; max-width: 43.75vw; margin: 0 auto;}
#section04 span{display: block; margin-bottom: 4.25vw;}
#section04 span img{display: block; max-width: 33.63vw; margin: 0 auto;}
#section04 .view{display: block; height: 9.25vw; line-height: 9.50vw; background-color: #e1e1e1; text-align: center; font-family: 'GmarketSans'; font-weight: 500; color: #2c2c2c; font-size: 2.50vw;}
#section04 .snsList{display: flex; justify-content: center; gap: 0 16.63vw;}
#section04 .snsList li a{position: relative; display: block; font-family: 'GmarketSans'; font-weight: 500; font-size: 2.50vw; color: #434343; line-height: 1;}
#section04 .snsList li a::after{content: ''; position: absolute; top:0; left: 50%; transform: translateX(-50%); background-size: cover!important;}
#section04 .snsList li a.kakao{padding-top: 14.63vw;}
#section04 .snsList li a.kakao::after{width: 11.38vw; height: 11.50vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/kakao.jpg)no-repeat;}
#section04 .snsList li a.facebook{padding-top: 13.88vw;}
#section04 .snsList li a.facebook::after{width: 9.88vw; height: 9.88vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/facebook.jpg)no-repeat;}
#section04 .snsList li a.insta{padding-top: 13.50vw;}
#section04 .snsList li a.insta::after{width: 10.13vw; height: 10.13vw; background: url(http://m.dejavu-m.com/data/sample_img/baby/66/images/insta.jpg)no-repeat;}