@charset "utf-8";

@import url(common.css);
@import url(font.css);


/* 레이아웃 */
#wrap { width:auto; max-width:100%; height:auto; min-height:100%;}
.innerconts {width: 1440px; margin: 0 auto;}

/* 메인비주얼 */
.main-visual { position: relative;padding-top: 7%;}

#single { background: url(../img/firststory-bg.png) center top no-repeat;width: 100%;height: 100%;}

/* Page Style */
.content-resizer { width: 100%; margin: 0 auto;}
.img-rounded { border-radius: 5px; margin: 5px auto 20px auto;}
div[data-target] { margin: 0; padding: 0; position: relative; overflow: hidden;}
div[data-target] > div { text-align: center;}

div#home { background: url(../img/mVisual1.jpg) center top no-repeat; background-size: cover;width: 100%;height: 100%; position: relative;}
div#about { background: #fff; }
div#examples { background: #fff; }
div#contact { background: #fff; }

/*sns*/
.sna-wrap { position: absolute;right: 50px;bottom: 7%;}
.sna-wrap p { display: inline;}
.sna-wrap p a {display: inline-block;}


.hall-logo img { width: 185px;position: absolute;  left: 50%;  top: 88%;  transform: translate(-50%, -50%); }

.txt-wrap {text-align: center;padding-bottom: 80px;position: relative;}
.mVisual-txtwrap { clear: both;}
.mVisual-txtwrap p:nth-child(1) { width: 280px;height: 80px; font-size: 32px; color: #fff;letter-spacing: -1px;margin-bottom: 30px;border-radius:200%; border: 1px solid #fff;display: inline-block;align-items: center;flex-wrap: wrap;align-content: center;text-align: center;}
.mVisual-txtwrap p:nth-child(2) { font-size: 44px; color: #fff;letter-spacing: -1px;text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.mVisual-txtwrap p.moImg img { width: 65%;}

/* 타이틀 */
.title-garden { font-size: 32px; line-height: 150%;color: #A4694C;padding-top: 170px;margin-bottom: 15px;}
.title-garden::before { content: ''; position: absolute;left: 50%;top:110px; margin-left: -42px; background: url(../img/flower-1.png) center no-repeat;width: 84px;height: 50px;}

/*세번째 타이틀*/
.title-gardenThree { font-size: 32px; line-height: 150%;color: #058769;padding-top:150px;margin-bottom: 15px;}
.title-gardenThree::before { content: ''; position: absolute;left: 50%;top:100px; margin-left: -42px; background: url(../img/flower-2.png) center no-repeat;width: 84px;height: 50px;}
.three-storyTtl {padding-bottom: 50px;}

#two-story { background: url(../img/twostory-bg.png) center top no-repeat; width: 100%; height: auto;background-size: cover;}
.two-flower { font-size: 32px; line-height: 150%;color: #085E8B;padding-top: 150px;margin-bottom: 15px;position: relative;}
.two-flower::before { content: ''; position: absolute;left: 50%;top:100px; margin-left: -42px; background: url(../img/flower-2.png) center no-repeat;width: 84px;height: 50px;}
.two-storyttl {padding:5px 0 4%;}
.two-storytxt {padding:20px 0 80px;font-size: 32px;color: #585C5F;font-weight: 600;}

/* 웨딩 */
.wedding-wrap { padding-top:20px;clear: both;}

/* 카피라이터*/
.copyright { clear: both;position: relative;background: #1C1A1A;padding: 80px 0;}
.footer-logo { margin-top: 20px;}
.footer-logo img { width: 180px;opacity: 0.7;}
.copyright .innerconts { color: #fff;display: flex;align-items: center;flex-wrap: wrap;align-content: center; justify-content: space-between;padding: 0 8%; box-sizing: border-box;}
.copyright .innerconts .right > div { text-align: right; }
.copyright .innerconts .right span img { opacity: 0.5;width: 50px;}
.copyright .innerconts .right span a {display: inline-block;}
.copyright .innerconts .left p span { color: #fff;}
.copyright .innerconts .left p { line-height: 170%;font-size: 14px;color: #999;}


.txt-colorG-a { clear: both;line-height: 120%; font-size: 32px; font-family: 'Pretendard';background: linear-gradient(to right, #A3684C 0%, #BC9A00 100%);-webkit-background-clip: text;color: transparent;display: inline-block;margin-bottom: 20px;}
.txt-colorG-a::before { content: '';display: inline-block;width: 100%;height: 2px;background:linear-gradient(to right, #A3684C, #BC9A00);}
.food-height { margin-top: 20px;}

.txt-pure {font-size: 20px;color: #7E6464;padding-top: 35px;padding-bottom: 3%;line-height: 150%;}

.only-wedding {padding-top:20px;}

#three-story { clear: both;background: url(../img/threestory-bg.png) center top no-repeat; width: 100%; height: auto;background-size: cover;}
#beautyhall-map { clear: both;background: url(../img/map-bg.png) center top no-repeat; width: 100%; height: auto;background-size: cover;padding-bottom: 5%;}

#two-story { text-align: center;}

/*약도*/
.map-ttl { color: #4A515B;font-size: 32px;line-height: 200%;padding-bottom: 30px;}
.map-txt { color: #505050;font-size: 24px;line-height: 200%;padding-top: 25px;padding-bottom: 80px;font-weight: 600;}
.map-area { box-shadow: -10px -5px 10px rgba(0,0,0,0.2);}

.twostory-bann {display: flex;align-items: center;flex-wrap: wrap;align-content: center;}
.bann-conts { position: relative;width:calc((100% - 60px)/3); margin-right: 30px;overflow: hidden;}
.bann-conts:nth-child(3) { margin-right: 0;}
.bann-conts span img { border-radius: 7px;overflow: hidden; width: 100%;}
.event-txt {position: absolute;left: 0; bottom: 0;width: 100%;height: 100px;background: rgba(0,0,0,0.2);  /*display: none;*/}
.event-txt span { display: block;color: #fff;line-height: 130%;}
.event-txt span:first-child { padding-top: 20px;}
.event-txt span:last-child { font-size: 32px;font-weight: 600;}


/*영상*/
.movie { clear: both;}
.movie video {box-shadow: -10px -5px 10px rgba(0,0,0,0.2);border-radius: 7px;overflow: hidden;}

/* swiper */
.swiper-pagination-bullet-active { background: #fff !important;}
.swiper-pagination-bullet { width: 12px !important; height: 12px !important;}
.swiper-button-prev:after { background: url(../img/arrow-left.png) center no-repeat; width: 50px; height: 50px;font-size: 0 !important;}
.swiper-button-next:after { background: url(../img/arrow-right.png) center no-repeat; width: 50px; height: 50px;font-size: 0 !important;}
.swiper-button-prev, .swiper-button-next {    width: calc(var(--swiper-navigation-size) / 50* 55) !important;  height: var(--swiper-navigation-size);}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 5% !important; right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 5% !important; left: auto;}

/* 유튜브 영상 */
.movie .ytp-title-channel-logo {display: none !important;}




/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/

@media (max-width: 1440px) and (min-width: 1001px) {


}
   

@media (max-width:1000px) {	

    .movie.innerconts video { height: 238px;}

    .mVisual-txtwrap p:nth-child(2) { font-size: 26px;}
    .mVisual-txtwrap p:nth-child(1) { font-size: 24px;width: 245px; height: 55px;}

    .moImg img { padding: 0 30px;box-sizing: border-box;}

    .sna-wrap { right: 15px;bottom: 20px;}
    .sna-wrap p a img { width: 60px;}

    .twostory-bann { margin: 0 10px; width: calc(100% - 20px) !important;}
    .bann-conts {margin-right: 10px;width: calc((100% - 20px) / 3);}
    .event-txt span:last-child { font-size: 24px;}

    
}

@media (max-width:1440px) {	

    .innerconts { width: 100%;}
    .txt-wrap {padding: 0 30px 50px;}

    .txt-colorG-a { font-size: 24px;}
    .two-storytxt { font-size: 24px;}

    .map-txt { font-size: 15px;}


    .copyright .innerconts { padding: 0 25px;}
    .movie video {box-shadow: none;border-radius: 7px;overflow: hidden;}
    .footer-logo {margin-right: 20px;}
    
}



@media (max-width:720px) {	


    .bann-conts {width: calc((100% - 0px) / 1); margin-right: 0px; margin-bottom: 30px;padding: 0 20px;}
    .event-txt { margin: 0 20px; width: calc(100% - 40px);}


    .map-ttl { padding-bottom: 0px;}

    .copyright {padding: 80px 30px;}
    .copyright .innerconts { display: block;text-align: center;padding: 0;}

    .txt-pure span { display: block;}

    .copyright .innerconts .right > div { text-align: center;margin-right: 0px;}

    .footer-logo img { width: 150px;opacity: 0.7;}


}

@media (max-width:480px) {	

    .mVisual-txtwrap p:nth-child(2) { font-size: 18px;}
    .mVisual-txtwrap p:nth-child(2) { font-size: 18px;}
    .mVisual-txtwrap p:nth-child(1) { font-size: 18px;width: 185px; height: 40px;}
    .txt-pure {font-size: 13px;}

    .txt-colorG-a { font-size: 17px;}





    .map-area { height: 550px;overflow: hidden;}


    .two-storyttl img, .firstttl img, .three-storyTtl img { width: 60%;}

    .title-garden, .two-flower, .title-gardenThree {font-size: 20px;}


    .sna-wrap p:nth-child(1) { bottom: 50px;right: -62px; position: relative;}
    
}