@import url('https://fonts.googleapis.com/css?family=Montserrat:600,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Song+Myung&display=swap');

section { width: 100%; overflow: hidden; background-position: center; position: relative; }
.content { width: 1400px; margin: 0 auto; position: relative; }
.col_right { float: right; }
.col_left { float: left; }
.title { text-align: center; }
.deco { position: absolute; }
.clear:after { content: ''; display: block; clear: both; }
input::placeholder { color: #bbb; }

a.btn_trans { display: block; width: 330px; height: 85px; position: absolute; bottom: 62px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); cursor: pointer; }
#travel .btn_trans { bottom: 50px; }
#package .btn_trans { bottom: 58px; }
#himart .btn_trans {  width: 480px; height: 92px; bottom: 82px; }
#affiliate .btn_trans { width: 460px; height: 90px; bottom: 148px; }

@keyframes line_ef {
  0% {
    opacity: 0.5;
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% { opacity: 1.0; }
  100% {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}
.btn_box { width: 100%; position: absolute; bottom: 80px; left: 0; z-index: 1; }
.btn_effect { position: relative; width: 300px; height: 80px; margin: 0 auto; }
/*.btn_effect .line { width: 88%; height: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/
.btn_effect .line { width: 260px; height: 70px; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -130px; }
.btn_effect .line span {
  border: 1px solid rgba(255,255,255,0.8);
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;     
  animation: line_ef 4s cubic-bezier(1, 2, 0.66, 3) infinite;
}
.btn_effect .line span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.btn_effect .line span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.btn_effect .line span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }

.btn_effect .btn_img { width: 100%; height: 100%;  position: absolute; top: 0; left: 0; }
.btn_effect .btn_img a { cursor: pointer; }
.btn_effect .btn_img img { width: 100%; height: auto; display: block; }

/*#side_btn { display: none; }*/
#side_btn p { position: fixed; right: -260px; transition: right 0.3s; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; z-index: 10; }
#side_btn p:hover { right: 0; }
#side_btn p:nth-child(1) { bottom: 204px; }
#side_btn p:nth-child(2) { bottom: 127px; }
#side_btn p:nth-child(3) { bottom: 50px; }

#main { width: 100%; height: 100%; overflow-y: hidden; position: relative; z-index: 11 }
#main #main_slider { height: 100%; }
#main #main_slider .item { background-position: bottom center; }
#main .top_bg .deco_top { position: absolute; top: 0; left: 0; }
#main .top_bg .title { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1; }
/*#main .top_bg .title [class^=deco] { position: absolute; z-index: -1; }
#main .top_bg .title .deco_star { top: -45px; left: -130px; }
#main .top_bg .title .deco_tree { top: -45px; right: -70px; }*/
#main .reserv_box { position: absolute; bottom: 165px; left: 50%; margin-left: -246px; text-align: center; }
#main .reserv_box ul { color: #fff9db; font-size: 50px; font-family: 'Montserrat', sans-serif; }
#main .reserv_box ul li { display: inline-block; width: 60px; height: 74px; background-image: url(../img/main/reserv_num.png); line-height: 74px; }
#main .reserv_box ul li.unit { background: none; width: auto; margin: 0 -10px; font-family: 'Noto Sans KR', sans-serif; }
#main .btn_effect { height: 50px; }
#main .btn_effect .line { height: 50px; margin-top: -25px; }

#travel { height: 1000px; background-image: url(/img/bg/travel.jpg); background-position: center; }
#travel #sc_area { position: absolute; top: 0; left: 0; width: 100%; height: 80%; }

#gift { background-image: url(../img/gift/bg.jpg); background-position: top center; background-attachment: fixed; height: 1600px; position: relative; }?/*선물 하나더 추가시-height: 2200px*/
#gift .particle { background-image: url(../img/gift/particle.png); background-size: 100% auto; background-repeat: no-repeat; width: 100%; height: 310px; position: absolute; top: 0; left: 0; z-index: 1; }
#gift .title { position: absolute; top: 100px; left: 50%; margin-left: -445px; }
#gift .content { padding-top: 400px; }
#gift .content .col_right { margin-top: 130px; }
#gift ul li { width: 700px; height: 430px; position: relative; background-size: 100%; background-position: center; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; }
#gift ul li img { display: block; }
#gift ul li .label { position: absolute; top: -50px; right: -70px; z-index: 2; }
#gift ul li .tit { position: absolute; top: 160px; left: 0; }
#gift ul li .img { 
  position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  box-shadow: 40px 40px 50px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 40px 40px 50px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 40px 40px 50px 0px rgba(0,0,0,0.5);
}
#gift ul li:hover { background-size: 110%; }
#gift ul li:hover .tit { display: none; }
#gift ul li:hover .img { opacity: 1; }


#gift .col_left ul li:nth-child(1) { background-image: url(../img/gift/gift_off_02.png); }
#gift .col_right ul li:nth-child(1) { background-image: url(../img/gift/gift_off_03.png); }
#gift .col_left ul li:nth-child(2) { background-image: url(../img/gift/gift_off_09.png) !important; }
#gift .col_right ul li:nth-child(2) { background-image: url(../img/gift/gift_off_05.png) !important; }
#gift .col_left ul li:nth-child(3) { background-image: url(../img/gift/gift_off_06.png) !important; }
#gift .col_right ul li:nth-child(3) { background-image: url(../img/gift/gift_off_07.png) !important; }
/*#gift .col_left ul li:nth-child(4) { background-image: url(../img/gift/gift_off_06.png); }*/

#gift .btn_box { width: 100%; position: absolute; bottom: 3%; left: 0; display: none; }
#gift ul li:hover .btn_box { display: block; }
#gift .btn_effect { width: 110px; height: 110px; position: absolute; bottom: 0; right: 2%; }
#gift .btn_effect .line { width: 110px; height: 110px; top: 0; left: 0; margin: 0; }
#gift .btn_effect .line span {
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 50%;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  animation: line_ef 3s cubic-bezier(1, 2, 0.66, 3) infinite;
}
#gift .btn_effect .line span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
#gift .btn_effect .line span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
#gift .btn_effect .line span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }
#gift .btn_effect .btn_img { border-radius: 50%; background: #fff; }
#gift .btn_effect .btn_img img { width: 100%; height: auto; }
#gift ul li a { display: block; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; }

#plan { background: url(../img/plan/bg.jpg); background-size: cover;  padding: 100px 0 60px; }
#plan .carousel-container { padding: 40px 0; }
#plan .title { position: relative; }
#plan .title .trophy { width: 280px; height: 276px; background: url(../img/plan/trophy.png); position: absolute; }

#makeup { background: url(../img/makeup/bg.jpg); height: 1100px; padding-top: 110px; }
#makeup .content { margin-top: 110px; }
#makeup [class^=col] { float: left; width: 430px; }
#makeup .col_center { width: 530px; position: relative; }
#makeup .btn { text-align: center; margin-top: 50px; }

#application {background: url(../img/form_bg.jpg) center; height: 1080px; font-family: 'Noto Sans KR', sans-serif;  }

#dress { background-image: url(../img/dress/bg.jpg); height: 4250px; background-attachment: fixed; padding-top: 520px; position: relative; }
#dress .title { position: absolute; top: 120px; left: 50%; margin-left: -1000px;  }
#dress .row { margin-top: 150px; position: relative; }
#dress .row:first-child { margin-top: 100px; }
#dress .row .brand { margin: 0 -8px; }
#dress .row .brand li { float: left; width: 25%; padding: 0 8px; }
#dress .row .brand li:nth-child(even) { margin-top: 260px; }
#dress .row .brand li img { width: 100%; height: auto; display: block; }
#dress .row .name { position: absolute; bottom: 30px; }
#dress .row:nth-child(1) .name { left: 210px; }
#dress .row:nth-child(3) .name { right: 260px; }
#dress .row [class^=deco] { position: absolute; }
#dress  .row .deco_verti { top: 8px; left: 345px; }
#dress  .row .deco_hori { top: 240px; right: 0; }

#weddinghall { background: url(../img/weddinghall/bg.jpg) center top; height: 1610px; text-align: center; padding-top: 360px; }
#weddinghall p { font-family: 'Noto Sans KR', sans-serif; color: #efc993; opacity: 0.6; margin-top: 50px; }
#weddinghall p.list { display: block; height: 100px; overflow-y: hidden; font-size: 12px; color: #fff; line-height: 1.2; position: relative; }
#weddinghall p.list .move { width: 100%; animation: listmove 100s cubic-bezier(0, 0, 1, 1) 2s infinite; position: absolute; top: 0; left: 0; }
@keyframes listmove {
  0% { 
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }

  100% { 
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
  }
}

#weddinghall #hall_slider { width: 2300px; margin: 10px auto 0; position: absolute; top: 820px; left: 50%; margin-left: -1150px; }
#weddinghall #hall_slider .owl-item { width: 760px; }
#weddinghall #hall_slider .owl-nav { position: absolute; top: 0; left: 0; width: 100%; margin: 0; color: #efc993; }
#weddinghall #hall_slider .owl-nav span { text-indent: -9999px }
#weddinghall #hall_slider .owl-nav .owl-prev { position: absolute; top: 0; left: 0; margin: 0; }
#weddinghall #hall_slider .owl-nav .owl-prev span { display: block; width: 760px; height: 520px; background-image: url(../img/weddinghall/btn_left.png); }
#weddinghall #hall_slider .owl-nav .owl-next { position: absolute; top: 0; right: 0; margin: 0; }
#weddinghall #hall_slider .owl-nav .owl-next span { display: block; width: 760px; height: 520px; background-image: url(../img/weddinghall/btn_right.png); }
#weddinghall #hall_slider .owl-nav [class*='owl-']:hover { background: none; }
#weddinghall .btn_wrap { position: absolute; bottom: 80px; left: 50%; margin-left: -210px; }

#package {background: url(../img/bg/package.jpg) center top; height: 1100px; padding-top: 360px; }
#package ul { width: 1400px; margin: 0 auto; }
#package ul li { float: left; margin-right: 40px; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
#package ul li img { display: block; }
#package ul li .img { height: 265px; width: 320px; overflow: hidden; }
#package ul li .img img { 
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
}
#package ul li:hover .img img { 
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
}
#package ul li:last-child { margin: 0; }
#package ul li:hover { box-shadow: 5px 7px 20px 3px #7a8c5e; -webkit-box-shadow: 5px 7px 20px 3px #7a8c5e; -moz-box-shadow: 5px 7px 20px 3px #7a8c5e; }

#affiliate {background: url(../img/bg/affiliate.jpg) center top; height: 2600px; padding-top: 450px; text-align: center; }
#affiliate .row { margin-bottom: 20px; }
#affiliate .row:nth-child(2) { margin-bottom: 55px; }
#affiliate .row:last-child { display: inline-block; }
#affiliate .row .col { float: left; width: 450px; margin-right: 25px; }
#affiliate .row .col:last-child { margin-right: 0; }
#affiliate .row .col p { margin-bottom: 15px; }
#affiliate .owl-carousel { width: 320px; margin: 0 auto; position: relative; }
#affiliate .owl-carousel .owl-nav { position: absolute; top: 40%; left: 0; width: 100%; }
#affiliate .owl-carousel .owl-nav span { display: block; width: 15px; height: 23px; background: url(../img/affiliate/arrow.png); text-indent: -99999px; position: absolute; top: 0; left: -30px; }
#affiliate .owl-carousel .owl-nav .owl-next span { left: auto; right: -30px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#affiliate .btn_box { bottom: 140px; }

#himart {background: url(../img/bg/himart.jpg) center top; height: 3665px; position: relative; }
#himart .btn_qna { width:830px; position: absolute; bottom: 780px; left: 50%; margin-left: -415px; }
#himart .btn_qna a { display: block; position: absolute; top: 0; right: 0; animation: qnamove 2s ease-in-out infinite alternate; }
@keyframes qnamove {
  0% {
    -webkit-transform: translateY(-3%);
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -o-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  50% {
    -webkit-transform: translateY(3%);
    -moz-transform: translateY(3%);
    -ms-transform: translateY(3%);
    -o-transform: translateY(3%);
    transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(-3%);
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -o-transform: translateY(-3%);
    transform: translateY(-3%);
  }
}

#honeymoon { position: relative; background: #fdf9f7; height: 1007px; }
#honeymoon .title { width: 100%; text-align: left; padding: 40px 30px 0; position: relative; }
#honeymoon .title .desc { position: absolute; bottom: -25px; left: 30px; z-index: 2; }
#honeymoon #honey_slider { position: relative; height: 910px; }
#honeymoon #honey_slider .owl-nav.disabled + .owl-dots { bottom: unset; top: -40px; padding-right: 30px; text-align: right; }
#honeymoon #honey_slider .owl-dots span { width: auto; height: 40px; background: none; font-family:  'Song Myung', serif; font-weight: bold; font-size: 20px; margin: 0 15px; position: relative; padding: 0 10px; }
#honeymoon #honey_slider .active span:after { content: ''; width: 100%; height: 6px; background: #ef403e; position: absolute; bottom: 0; left: 0; }
#honeymoon .btn_box { width: auto; position: absolute; bottom: 40px; left: 38.3%; }

/******** 63빌딩-1500px // 본사-1200px ********/
/*63빌딩*/
#map { background-image: url(../img/map_bg.jpg); height: 1200px; }
/*본사
#map { background-image: url(../img/map2_bg.jpg); height: 1200px; }*/

#popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; }
#popup #qna_pop { width: 1000px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
box-shadow: 9px 7px 20px #0a1d319e;
-webkit-box-shadow: 9px 7px 20px #0a1d319e;
-moz-box-shadow: 9px 7px 20px #0a1d319e;
}
#popup #qna_pop .btn_close { display: block; width: 65px; height: 65px; position: absolute; top: 0; right: 0; cursor: pointer; }
#popup #qna_pop .cont { height: 600px; overflow-y: scroll; overflow-x: hidden; }
#popup #qna_pop img { display: block; }

#safe { background-image: url(../img/safe_bg.jpg); height: 800px; }

#w_review { background-image: url(../img/w_review.jpg); height: 1700px; }

#samsung { background-image: url(../img/samsung.jpg); height: 3128px; }

#shinhan { background-image: url(../img/shinhan.jpg); height: 1324px; }

#theritz { background-image: url(../img/theritz.jpg); height: 1324px; }

#s_gift { background-image: url(../img/s_gift_bg.jpg); height: 1500px; }

#e_gift { background-image: url(../img/e_gift.jpg); height: 1253px; }

#h_gift { background-image: url(../img/h_gift.jpg); height: 1300px; }

#s_event01 { background-image: url("../img/s_event_newv_01.jpg"); height: 1263px; }
#s_event02 { background-image: url("../img/s_event_newv_02.jpg"); height: 1418px; }


#story { background-image: url(../img/story_bg.jpg); height: 1100px; margin-top: -4px; }
#story .video { width: 1200px; margin: 0 auto; position: relative; }
#story .video iframe { position: absolute; top: 170px; right: 0; }
#story .marquee { width: 100%; height: 100px; overflow: hidden; position: absolute; bottom: 140px; left: 0; }
#story .marquee p { width: 200%; height: 100px; position: absolute; animation: marquee 40s linear infinite; }
#story .marquee span { width: 50%; float: left; font-family: 'Montserrat', sans-serif; font-size: 90px; color: rgba(56, 113, 184, 0.1); line-height: 1; }
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }