@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; }
section .bg { width: 100%; height: auto; display: block; }
section .cont { width: 100%; position: absolute; top: 0; left: 0; }
.img_box img { width: 100%; height: auto; display: block; }
.col_right { float: right; }
.col_left { float: left; }
.title { text-align: center; }
.deco { position: absolute; }
.tx_ct { text-align: center; }
.clear:after { content: ''; display: block; clear: both; }
input::placeholder { color: #bbb; }

a.btn_apply { display: block; width: 50%; height: 7%; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); cursor: pointer; }
a.btn_apply.unset { width: auto; height: auto; position: relative; bottom: unset; left: unset; transform: unset; }
a.btn_apply img { display: block; width: 100%; height: auto; }
a.btn_apply.unset img { width: auto; height: auto; display: unset; }


@keyframes line_ef {
0% {
  opacity: 0.5;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
50% { opacity: 1.0; }
100% {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  }
}
.btn_box { width: 100%; position: absolute; bottom: 5%; left: 0; z-index: 1; }
.btn_effect { position: relative; width: 50%; height: 0; padding-top: 13.4%; margin: 0 auto; }
.btn_effect .line { width: 88%; height: 96%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.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;
    -webkit-animation: line_ef 4s cubic-bezier(1, 2, 0.66, 3) infinite;
    -moz-animation: line_ef 4s cubic-bezier(1, 2, 0.66, 3) infinite;
    -o-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 img { width: 100%; height: auto; display: block; }

.fix_wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg_fix { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: -1; }

#site_btn { width: 100%; height: 60px; background: url(../../mobile/images/btn/btn_bg.png) repeat-x; position: fixed; bottom: -60px; left: 0; z-index: 99; transition: bottom 0.3s; }
#site_btn p { width: 38%; height: 100%; float: left; text-align: center; position: relative; }
#site_btn p:not(:first-child):before { content: ''; width: 1px; height: 30px; background: #000; position: absolute; top: 15px; left: 0; opacity: 0.2; }
#site_btn p:not(:last-child):after { content: ''; width: 1px; height: 30px; background: #fff; position: absolute; top: 15px; right: 0; opacity: 0.2; }
#site_btn p:last-child { width: 24%; }
#site_btn p img { max-height: 18px; }
#site_btn p a { display: block; width: 100%; height: 100%; padding-top: 21px; }

#main { width: 100%; overflow-y: hidden; position: relative; z-index: 11 }
#main #main_slider .item { background-position: bottom center; }
#main .top_bg .deco_top { position: absolute; top: 0; left: 0; }
#main .top_bg .title { width: 100%; position: absolute; top: 5%; left: 0; z-index: 1; }
#main .reserv_box { position: absolute; bottom: 12%; left: 0%; width: 100%; text-align: center; }
#main .reserv_box ul { color: #fff9db; font-size: 40px; font-family: 'Montserrat', sans-serif; display: inline-block; margin-top: 8px; }
#main .reserv_box ul li { display: inline-block; width: 40px; height: 50px; background-image: url(../../mobile/images/main/reserv_num.png); background-size: cover; line-height: 50px; float: left; margin: 0 1px; }
#main .reserv_box ul li.unit { background: none; width: auto; font-family: 'Noto Sans KR', sans-serif; }
#main .btn_effect { width: 58%; height: 36px; padding: 0; }
#main .btn_wrap { width: 100%; text-align: center; position: absolute; bottom: 5%; left: 0; z-index: 9; font-family: 'Noto Sans KR', sans-serif; padding: 0 1%; }
#main .btn_wrap a { width: 100%; height: 36px; line-height: 36px; position: absolute; top: 0; left: 0; margin: 0; background: #feeb93; color: #000; margin: 0; padding: 0; }
#main .btn_wrap .btn_apply { border: 1px solid #feeb93; background: #feeb93; color: #000; }
#main .title_img img { max-width: 80%; margin: 0 auto; }

#travel #sc_area { position: absolute; top: 0; left: 0; width: 100%; height: 80%; }

#gift .bg_fix { background-image: url(../../mobile/images/gift/bg.jpg); }
#gift .cont { position: relative; top: unset; left: unset; padding: 0 0 30px; }
#gift .cont .list_box { padding: 30px 15px; position: relative; }
#gift .cont .list_box .list { position: relative; margin-top: 15px; }
#gift .cont .list_box .list .btn_apply { width: 40%; height: 10%; right: 0; bottom: 2.5%; left: unset; transform: unset; }
#gift .cont .label { width: 100px; height: 100px; position: absolute; top: 0; right: 0; }
#gift .btn_box { width: 100%; position: absolute; bottom: 3%; left: 0; }
#gift .btn_effect { width: 20%; height: 0; padding-top: 20%; position: absolute; bottom: 0; right: 2%; }
#gift .btn_effect .line { width: 98%; height: 98%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#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 4s 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: #ccc; }
#gift .list:nth-child(1) .btn_effect .btn_img { background: #5e3d2e; }
#gift .list:nth-child(2) .btn_effect .btn_img { background: #542e77; }
#gift .list:nth-child(3) .btn_effect .btn_img { background: #8b172c; }
#gift .list:nth-child(4) .btn_effect .btn_img { background: #c8384f; }
#gift .list:nth-child(5) .btn_effect .btn_img { background: #24468d; }
#gift .list:nth-child(6) .btn_effect .btn_img { background: #215d44; }

#plan .slider_wrap { width: 90%; position: absolute; top: 36%; left: 5%; }

#makeup .cont { top: 28%; }
#makeup .cont .wow { margin-bottom: 6%; }
#makeup .cont img { width: 100%; height: auto; display: block; }
#makeup .btn_box { bottom: 8%; }

#application { font-family: 'Noto Sans KR', sans-serif; padding: 52% 0 10%; background: url(../../mobile/images/apply/bg.jpg); background-size: 100% auto; background-position: top center; }
#application .cont_wrap { width: 90%; margin: 0 auto; }

#application #privacy { width: 100%; height: 100%; background: rgb(0,0,0,0.4); display: none; position: fixed; top: 0; left: 0; z-index: 10; }

#dress .bg_fix { background-image: url(../../mobile/images/dress/bg.jpg); }
#dress .cont { position: relative; top: unset; left: unset; padding: 80px 0 50px; }
#dress .list { width: 96%; margin: 60px auto 0; position: relative; }
#dress .list [class^=col] { width: 50%; }
#dress .list .col_right { padding-top: 50px; }
#dress .list .brand li { width: 100%; padding: 0 5px; margin-bottom: 60px; }
#dress .list .brand li img { width: 100%; height: auto; display: block; }
#dress .list .name { position: absolute; left: 0; transform: rotate(8deg); }
#dress .list .name img { width: 100%; height: auto; display: block; }
#dress .list:nth-child(2) .name { top: 42%; }
#dress .list:nth-child(3) .name { top: 43%; transform: rotate(-8deg); }
#dress .list:nth-child(4) .name { top: 42%; }
#dress .list:nth-child(5) .name { top: 40%; transform: rotate(-8deg); }
#dress .row [class^=deco] { position: absolute; display: none; }
#dress  .row .deco_verti { top: 8px; left: 345px; }
#dress  .row .deco_hori { top: 240px; right: 0; }
#dress .list:nth-child(3) .col_right { padding-top: 0; }
#dress .list:nth-child(3) .col_left { padding-top: 50px; }

#weddinghall { padding: 15% 0 28%; background: url(../../mobile/images/bg/weddinghall.jpg) center top; text-align: center; }
#weddinghall .benefit { margin-top: 40px; }
#weddinghall p { font-family: 'Noto Sans KR', sans-serif; color: #efc993; opacity: 0.6; margin-top: 50px; word-break: keep-all; }
#weddinghall p.list { width: 90%; margin: 20px auto 5px; display: block; height: 80px; overflow-y: hidden; font-size: 10px; color: #fff; line-height: 1.2; position: relative; }
#weddinghall p.list .move { width: 100%; animation: listmove 200s 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: 90%; margin: 0 auto 15px; position: relative; }
#weddinghall #hall_slider .owl-nav { position: absolute; top: 50%; margin-top: -19px; 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: 10px; margin: 0; }
#weddinghall #hall_slider .owl-nav .owl-prev span { display: block; width: 24px; height: 38px; background-image: url(../../mobile/images/weddinghall/btn_left.png); }
#weddinghall #hall_slider .owl-nav .owl-next { position: absolute; top: 0; right: 10px; margin: 0; }
#weddinghall #hall_slider .owl-nav .owl-next span { display: block; width: 24px; height: 38px; background-image: url(../../mobile/images/weddinghall/btn_right.png); }
#weddinghall #hall_slider .owl-nav [class*='owl-']:hover { background: none; }
#weddinghall .btn_apply { position: relative; }

#affiliate { text-align: center; font-family: 'Noto Sans KR', sans-serif; }
#affiliate .cont { padding-top: 55%; }
#affiliate .slider_wrap { position: relative; }
#affiliate .slider_wrap p.title { width: 100%; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#affiliate .owl-carousel { width: 100%; margin: 0 auto; position: relative; padding: 160px 20% 0; }
#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(../../mobile/images/affiliate/arrow.png); text-indent: -99999px; position: absolute; top: 0; left: 50px; }
#affiliate .owl-carousel .owl-nav .owl-next span { left: auto; right: 50px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
#affiliate .owl-carousel .owl-dots { width: 90%; position: absolute; top: 0; left: 5%; }
#affiliate .owl-carousel .owl-dots .owl-dot span { width: auto; height: auto; line-height: 1; margin: 3px; padding: 3px 10px; border-radius: 8px; background: #1a2858; color: #fff; }
#affiliate .owl-carousel .owl-dots .owl-dot.active span{ background: #fff799; color: #1a2858; font-weight: bold; }

#himart .btn_qna { width: 40%; position: absolute; bottom:17%; left: 55%; }
#himart .btn_qna img { display: block; width: 100%; height: auto; }
#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%);
  }
}
#himart .btn_box { bottom: 1% }

#theritz { background-image: url("../../mobile/images/theritz.jpg"); height: 735px; }

#w_reivew { background-image: url("../../mobile/images/w_review.jpg"); height: 1248px; }

#honeymoon { position: relative; background: #fdf9f7;}
#honeymoon .title { text-align: center; margin: 12% 0 30px; }
#honeymoon #honey_slider { position: relative; padding-top: 40px; }
#honeymoon #honey_slider .owl-nav.disabled + .owl-dots { bottom: unset; top: 0; text-align: center; }
#honeymoon #honey_slider .owl-dots span { width: auto; height: 40px; background: none; font-family:  'Song Myung', serif; font-weight: bold; font-size: 16px; margin: 0 5px; position: relative; padding: 0; }
#honeymoon #honey_slider .active span:after { content: ''; width: 100%; height: 6px; background: #ef403e; position: absolute; bottom: 0; left: 0; }
#honeymoon .btn_apply { bottom: 30px; left: 0; z-index: 1; transform: unset; }

#story .video { width: 90%; height: 0; padding-top: 90%; margin: 0 auto; position: absolute; top: 39%; left: 5%; }
#story .video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#story .marquee { background: transparent; position: absolute; bottom: 5%; left: 0; font-family: 'Montserrat', sans-serif; font-size: 60px; color: rgba(56, 113, 184, 0.1) }

#popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; z-index: 10; }
#popup #qna_pop { width: 90%;
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: 500px; overflow-y: scroll; overflow-x: hidden; position: relative; }
#popup #qna_pop img { display: block; }