@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap');
* {font-family: 'KoPub Batang', serif !important;}
a{color:#717171;}

#container {position: relative; z-index: 99; background-color: #fff; overflow: hidden;}
#container .bgm_top .bgm {position: absolute;top: 26px;left: 22px;z-index: 9999;width: 14px;background-color: rgba(213, 178, 156, 0.48); height: 14px;padding: 8px;border-radius: 20px;}
#container .bgm_top .bgm img {width: 100%;}
#header .count{margin: 10px 0;overflow: hidden;text-align:center;padding: 0 10px 0;}
#header .count > p{width:25px; height:38px; background-size:25px; background-position:center 0; background-repeat:no-repeat; display:inline-block; }
#header .count > .t-d{background-image:url(/skin/A/images/count/d.png);}
#header .count > .hyphen{width:16px; background-image:url(/skin/A/images/count/ddbar.png);}
#header .count > .t-0{background-image:url(/skin/A/images/count/0.png);}
#header .count > .t-1{background-image:url(/skin/A/images/count/1.png);}
#header .count > .t-2{background-image:url(/skin/A/images/count/2.png);}
#header .count > .t-3{background-image:url(/skin/A/images/count/3.png);}
#header .count > .t-4{background-image:url(/skin/A/images/count/4.png);}
#header .count > .t-5{background-image:url(/skin/A/images/count/5.png);}
#header .count > .t-6{background-image:url(/skin/A/images/count/6.png);}
#header .count > .t-7{background-image:url(/skin/A/images/count/7.png);}
#header .count > .t-8{background-image:url(/skin/A/images/count/8.png);}
#header .count > .t-9{background-image:url(/skin/A/images/count/9.png);}

#container .top_line {
  display: inline-block;
  border: 2px solid #d5b29c;
  width: 90%;
  position: absolute;
  opacity: 0.5;
  height: 120%;
  padding: 10px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 20px auto;
  box-sizing: border-box;
}
#container > .topimg-wrap .top_txt {
  color: #d5b29c;
  letter-spacing: 8px;
  font-size: 13px;
  padding-top: 36px;
  display: inline-block;
  position: relative;
}
#container > .topimg-wrap .top_txt::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 32px;
  margin-top: 6px;
  background: #d5b29c;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}
#container > .topimg-wrap .top_date {
  width: 38px;
  display: inline-block;
  font-size: 34px;
  color: #d5b29c;
  margin-top: 50px;
  line-height: 30px;
}
#container .wedding_info {
  display: inline-block;
  height: 134px;
}
#container .wedding_info .wedding_info_name {
  font-size: 19px;
  color: #d5b29c;
  margin: 30px 0 15px;
  font-weight: 100;
  letter-spacing: 7px;
}
#container .wedding_info .wedding_info_name>span {
  margin: 0 5px;
}
#container .wedding_info p {
  color: #aaaaaa;
  font-size: 14px; line-height: 20px;
  letter-spacing: -0.5px;
}

#container .shape{padding:15px 0; color:#fff; }
#container > .topimg-wrap{position:relative;width:100%;min-height:355px;padding-bottom:51%;}
#container > .topimg-wrap .topimg{position: absolute;width: 100%;height:100%;left:0;top:0; z-index: -1;}
#container > .topimg-wrap .topimg .block{position:absolute; left:10px;bottom:10px;right:10px; height:160px; background-image:url(/skin/A/images/bg-top.png);background-repeat: repeat; text-align:center; margin:auto; padding: 20px 23px;box-sizing: border-box;}
#container > .topimg-wrap .topimg .block p{margin:4px 0; text-align:left;  background-repeat:no-repeat; background-size:100%; color:#111111;}

#container > .topimg-wrap .topimg .block .txt-01{background-image:url(/skin/A/images/txt-top-01.png);width: 190px;height: 26px;}
#container > .topimg-wrap .topimg .block .txt-02{background-image:url(/skin/A/images/txt-top-02.png); width: 130px;height: 17px;}
#container > .topimg-wrap .topimg .block .txt-03{border-left:1px solid #111; background-image:url(/skin/A/images/txt-top-03.png); background-size:80px;width: 95px;height: 19px; background-position:10px center;}
#container > .topimg-wrap .topimg .block .txt-04{font-size:13px; font-weight:bold; margin-top:12px;}
#container > .topimg-wrap .topimg .block .txt-04 > span{display:inline-block;}
#container > .topimg-wrap .topimg .block .txt-04 > span:first-child{margin-right:10px; }
#container > .topimg-wrap .topimg .block .txt-05{font-size:13px; font-weight:bold; background-image:url(/skin/A/images/icon-plus.png); background-position:0 center; background-size:13px; text-indent:15px; }

#container > .sns{margin-top: 30px;}
#container > .sns ul{overflow:hidden}
#container > .sns li{float:left; width:25%;}
#container > .sns li img{width:100%;}

#container > .invitation{padding:18px 18px 0; margin-top:-4px; color:#ffffff;  line-height:20px;}
/* #container > .invitation .block{border:1px solid #b6dddd; padding: 18px;} */
#container > .invitation .title{width:240px; margin:18px auto 0; color:#d5b29c; font-size:14px;}
#container > .invitation .title img{width: 15px; vertical-align: middle; margin: 0 5px;}
/* #container > .invitation .profile{border:1px solid #b6dddd;} */
#container > .invitation .profile .groom::before {
  content: "";
  width: 18px;
  height: 2px;
  margin-bottom: 13px;
  background-color: #d5b29c;
  display: inline-block;
}
#container > .invitation .profile li{display:inline-block;width: 100%;vertical-align:top;}
#container > .invitation .profile li .img{width: 100%;padding: 80% 0%;}
#container > .invitation .profile .groom .img{background-image:url(/skin/A/images/img-bride.png); background-repeat:no-repeat; background-size:100%; background-position:0 0;}
#container > .invitation .profile .bride .img{background-image:url(/skin/A/images/img-groom.png); background-repeat:no-repeat; background-size:100%; background-position:0 0;}
#container > .invitation .profile li .name{color:#555; font-size:14px;}
#container > .invitation .w-info{ font-weight:bold; margin-bottom:25px; font-size:14px; }
#container > .invitation .article{font-size:14px; color: #555; margin-top: 28px; line-height: 26px; padding: 0 27px;}
#container > .invitation .profile{
  margin-top: 50px; padding-bottom: 50px; color: #555; line-height: 30px;
  border-bottom: 1px solid #d5b29c;
}

/* 달력 */
#container #kCalendar {background-color: #fff; border-top: 0; padding: 0; margin-top: 30px; background-size: cover;}
#container #kCalendar #header {background-color: #fff; padding: 30px 0px; line-height: 20px; height: 20px;}
#container #kCalendar #header span {font-size: 18px; color: #d5b29c;}
#container #kCalendar #header span font {font-size: 17px; color: #d5b29c;}
#container #kCalendar table {padding: 0 3% 3%;}
#container #kCalendar .sun {color: #ff4242;}
#container #kCalendar .sat {color: #7c7cff;}
#container #kCalendar tr:last-child td {border-bottom: 0;}
#container #kCalendar th {width: 10%; padding: 5px 0px; background-color: #faf3e9; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
#container #kCalendar th:last-child {border-right: 0px;}
#container #kCalendar td {color: #333; padding: 0 5px; height: 70px;}
#container #kCalendar td:last-child {border-right: 0px; width: 13%;}
#container #kCalendar td.weddingday {border: 0; border-radius: 0; width: 13%; height: 60px; font-size: 14px; font-weight: bold;}
#container #kCalendar td.weddingday div {width: 30px; height: 30px; border-radius: 30px; background-color: #d5b29c; line-height: 30px; color: #fff; margin: 0 auto;}
#container .remain {font-size: 13px;margin: 0 0 20px; font-family: 'Noto_R' !important; color: #333; padding-bottom: 20px;}
#container .remain i {vertical-align: middle;}
#container .remain .xi-heart {color: #de7272;}
#container .remain span {border-radius: 20px; color: #d5b29c; font-size: 13px;font-family: 'Noto_b' !important;}

/* 연락하기 */
#container .call {border-top: 1px solid #d5b29c;padding-top: 30px;width:calc(100% - 16%);margin: 0 auto;margin-top: 30px;}
#container .call .calling {margin-bottom: 20px;}
#container .call .calling span {color: #717171;font-weight: normal;font-size: 14px;}
#container .call .calling>a {display: inline-block;vertical-align: middle;}
#container .call .calling>a i {margin: 0 10px;font-size: 18px;border-radius: 100%;}
#container a.parents {border: 1px solid #e4dfdc;border-radius: 20px;width: calc(100% - 16%);display: inline-block;line-height: 2.3rem;color: #777;box-sizing: border-box;font-weight: normal;font-size: 14px;}

/* 혼주에게 연락하기 */
#container .call_parents_black {background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 1;}
.hidden {width: 100%; height: 100%; min-height: 100%; overflow: hidden;}
#container .call_parents_wrap {background-color: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;position: fixed; display: none;font-size: 14px;z-index: 2;}
#container .call_parents_wrap .tit {display: inline-block;width: 100%;line-height: 45px;background-color: #d5b29c;color: #fff;font-family: 'Noto_m' !important;border-top: 1px solid #d5b29c;}
#container .call_parents_wrap .tit i {font-size: 19px;margin: 12px;position: absolute;right: 0;color: #fff;}
#container .call_parents_wrap>li {width: 100%;margin: 0 auto;text-align: left;display: inline-block;}
#container .call_parents_wrap>li>p {padding: 10px 0;font-family: 'noto_m' !important;text-indent: 8px;background-color: #f7f7f7;color: #777;}
#container .call_parents_wrap>li>p i {color: #d5b29c;font-size: 10px;margin-right: 10px;}

#container .call_parents_wrap .groom_call_inner {text-align: center;width: 82%;margin: 10px auto;}
#container .call_parents_wrap .groom_call_inner>p {display: inline-block;font-family: 'noto_r' !important;color: #777;}
#container .call_parents_wrap .groom_call_inner p:first-of-type {width: 58%; text-align: left;}
#container .call_parents_wrap .groom_call_inner p:nth-of-type(2) {width: 40%; text-align: right;}

#container .call_parents_wrap .parents_bank_wrap>p {font-family: 'noto_r' !important;color: #777;}

#container .call_parents_wrap .bride_call_inner {text-align: center;width: 82%;margin: 10px auto;}
#container .call_parents_wrap .bride_call_inner>p {display: inline-block;font-family: 'noto_r' !important;color: #777;}
#container .call_parents_wrap .bride_call_inner p:first-of-type {width: 58%; text-align: left;}
#container .call_parents_wrap .bride_call_inner p:nth-of-type(2) {width: 40%; text-align: right;}
#container .call_parents_wrap .only-mobile {display: inline-block; vertical-align: middle;}
#container .call_parents_wrap .only-mobile i {margin: 0 10px; font-size: 18px;}

#container > .content-wrap{padding: 25px 15px 0;text-align:left;}
#container > .content-wrap .tab-area{text-align:center; margin-bottom:14px;}
#container > .content-wrap .tab-area li{display:inline-block; width:30%; opacity:0.5; text-align:center;}
#container > .content-wrap .tab-area li.on{opacity:1;}
#container > .content-wrap .tab-area li img{width:50px;}
#container > .content-wrap .title{text-align: center;}
#container > .content-wrap .title .tit {
  color: #d5b29c;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 20px;
}
#container > .content-wrap .title>img {
  width: 30px;
}

#container > .content-wrap > .movie{display: block; text-align: center;}
#container > .content-wrap > .movie>img {width: 30px;}
#container > .content-wrap > .movie .tit {
  color: #d5b29c;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 20px;
}
#container > .content-wrap > .movie .cont{background-repeat:repeat; padding:18px 10px 28px;}
#container > .content-wrap > .movie iframe{width:100% !important; }
#container > .content-wrap > .movie .mv-wrap{position:relative;width:100%;height: auto;margin-bottom:10px;}
#container > .content-wrap > .movie .mv-wrap iframe{width: 100%;height: 100%;left:0;top:0;}

/* 갤러리 */
#container > .content-wrap > .photo{height:auto; display:block;overflow:hidden; text-align: center; padding-top: 16px;}
#container > .content-wrap > .photo>img {width: 30px;}
#container > .content-wrap > .photo .tit {color: #d5b29c; font-size: 14px; margin-top: 5px; margin-bottom: 20px;}
#container > .content-wrap > .photo .gallery-wrap{background-repeat: repeat;padding:10px;margin-bottom:10px;}
#container > .content-wrap > .photo .gallery{text-align: center;}
#container > .content-wrap > .photo .gallery div{width: 32%;height: 140px;display: inline-block;background-position: center;background-repeat: no-repeat;background-size: cover;}

/*갤러리 전체화면*/
#gallery-view {width: 100%; height: 100%; position: fixed; top: 0; left: 50%; background: #333; z-index: 9; max-width: 420px; transform: translate(-50%, 100%);}
#gallery-view .swiper-container {height: 100%;}
#gallery-view .swiper-slide {background-size: contain; background-repeat: no-repeat; background-position: center;}
#gallery-view .slide_txt {color: #dadada; font-size: 14px; font-family: 'Noto_M' !important; position: absolute; top: 15px; left: 50%; transform: translateX(-50%);}
#gallery-view .close {background-image: url("/skin/test/images/close.png"); background-repeat: no-repeat; background-size: cover; color: #fff; height: 20px; position: absolute; right: 10px; text-indent: -9999px; top: 10px; width: 20px; z-index: 99;}

#gallery-view .swiper-button-next.swiper-button-disabled, #gallery-view  .swiper-button-prev.swiper-button-disabled {opacity: 1;}

#gallery-view .swiper-button-next {background-image: url(/skin/test/images/right_btn.png) !important; background-size: auto; right: 0px; width: 30px; height: 40px; background-color: rgb(0,0,0,0.2);}
#gallery-view .swiper-button-prev {background-image: url(/skin/test/images/left_btn.png) !important; background-size: auto; left: 0px; width: 30px; height: 40px; background-color: rgb(0,0,0,0.2);}

#gallery-view .swiper-button-prev:after, #gallery-view .swiper-container-rtl .swiper-button-next:after {content: none;}
#gallery-view .swiper-button-next:after, #gallery-view .swiper-container-rtl .swiper-button-prev:after {content: none;}

/* 방명록 */
#container > .content-wrap > .guestbook {margin-top: 30px; display: inline-block; width: 100%;}
#container > .content-wrap > .guestbook .cont .arrow_box {padding:10px; margin-bottom: 10px; font-size:12px; border: 1px solid #d5b29c;}

#container > .content-wrap > .guestbook .cont .arrow_box:first-child{margin-top:0;}
#container > .content-wrap > .guestbook .cont .name{display:inline-block; padding-right:3px; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .content-wrap > .guestbook .cont .name:after{content: " | "; opacity:0.5}
#container > .content-wrap > .guestbook .cont .date{display:inline-block; padding-left:3px; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .content-wrap > .guestbook .cont .memo{display:block; padding-top:5px; font-size:13px; word-break: break-all; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .content-wrap > .guestbook .write{text-align:center; margin-top:13px;}
#container > .content-wrap > .guestbook .write a{color:#fff; font-size:13px; height: 40px; line-height:40px; width: 49%; display: inline-block; float: center; background-color: #d5b29c; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .content-wrap > .guestbook .write a:first-of-type {
  margin-right: 2%;
}

/* 지도 */
#container > .map {text-align:center; padding-bottom:0px; padding-top: 50px;}
#container > .map h4>img {width: 30px;}
#container > .map h4 .tit {
  color: #d5b29c;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 20px;
}
#container > .map #nmap{width: auto !important;height:500px;}
#container > .map .map-zoom{}
#container > .map .map-zoom img{width:100%}
#container > .map .adress{text-align:left; padding:20px 0; font-size:13px; width: 80%; margin: 0 auto;}
#container > .map .adress .name{color:#d5b29c; padding-bottom:8px; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .map .adress .addr{color:#888888; font-family: 'Noto Sans KR', sans-serif !important;}

#container >.map .navi {width: 100%;text-align: right;padding: 15px 15px 0;box-sizing: border-box;}
#container >.map .navi_in span {font-family: 'noto_b' !important;font-size: 12px;}
#container >.map .navi_in {font-family: 'noto_r' !important;display: inline-block;padding: 0.4rem 11px; font-size: 11px;border: 1px solid #ddd;}
#container >.map .navi_in img {height: 18px;vertical-align: middle;margin-right: 5px;}


/* 지도 */
#container > .direction{padding:10px 8%;}
#container > .direction table{width:100%; border-collapse: collapse; }
#container > .direction th,
#container > .direction td{color:#333; font-size:13px; padding:0 5px 5px 0; font-family: 'Noto Sans KR', sans-serif !important;}
#container > .direction th{
    width: 10%;
    text-align: left;
    color: #d5b29c;
    padding: 10px 0px; font-family: 'Noto Sans KR', sans-serif !important;
}

#container > .direction th img{width:26px;}
#container > .direction td{width:auto; text-align:left; line-height:18px;}

#container > .direction .call{overflow:hidden; border:1px solid #c3e4e6; margin:0 !important; padding:0; }
#container > .direction .call li.phone{background-image:url(/skin/A/images/bg-call-pattern.jpg)}
#container > .direction .call li{float:left; width:25%; margin:0 !important; padding:0; }
#container > .direction .call li img{width:100%; }
#container > .direction .ment {padding:20px 50px; text-align:center;}
#container > .direction .ment img{width:100%; }

/* 계좌번호 */
#container .deliver_bank {padding: 50px 0 0;}
#container .deliver_bank .title>img {width: 30px;}
#container .deliver_bank .tit {
color: #d5b29c;
font-size: 14px;
margin-top: 5px;
margin-bottom: 20px
}

#container .deliver_bank a.side {width: 100%;/* border-radius: 3px; */border: 1px solid #d5b29c;color: #d5b29c;padding: 10px;display: inline-block;box-sizing: border-box;font-family: 'noto_r' !important;margin-bottom: 10px;font-size: 13px;position: relative;}
#container .deliver_bank a>span {position: absolute;right: 19px;top: 50%;display: block;width: 9px;height: 1px;background-color: #d5b29c;}
#container .deliver_bank a>span.plus {transform: rotate(90deg);}
#container .deliver_bank a.on>span.plus {display: none;}
#container .deliver_bank .bank_hide {display: none;}
#container .deliver_bank .bank_hide>ul li {padding: 0 10px 10px;}

#container .deliver_bank .deliver_bank_inner {width: 80%; max-width: 300px; display: inline-block;}

#container .deliver_bank .deliver_bank_inner li {margin-bottom: 20px;text-align: left;}
#container .deliver_bank .deliver_bank_inner li:last-of-type {margin-bottom: 0;}
#container .deliver_bank .deliver_bank_inner li>p {text-align: left;height: 2rem;line-height: 2rem;font-size: 13px;font-family: 'Noto_M' !important;color: #555;}

#container .deliver_bank .middle_border>li {width: 100%; height: 1px; background-color: #ddd; display: block; margin-top: 20px; margin-bottom: 10px !important; padding: 0 !important}

#container .deliver_bank .deliver_bank_inner li span {font-size: 12px;font-family: 'noto_r' !important;line-height: 2rem;}
#container .deliver_bank .deliver_bank_inner li span:nth-of-type(1) {text-align: left;}
#container .deliver_bank .deliver_bank_inner li span:nth-of-type(3) {width: 80%;display: inline-block;text-align: left;background-color: #fafafa;text-indent: 10px;}
#container .deliver_bank .deliver_bank_inner li .account_copy {width: 17%;display: inline-block;background-color: #d5b29c;color: #fff;text-align: center; cursor: pointer;}



/* 필카드마켓 버튼 */
/* #container .feel_market {width: 85%; border-radius: 20px; background-color: #d5b29c; display: inline-block; color: #fff; line-height: 2.3rem; font-size: 13px; margin-bottom: 50px;}
#container .feel_market div {font-family: 'noto_r' !important;} */

/* sns */
#container .sns ul {display: inline-block;text-align: center;width: 85%;}
#container .sns li {float: left; width: 25%; font-size: 13px;}
#container .sns li i {font-size: 25px; text-align: center;vertical-align: middle; color: #565656;}
#container .sns li span {display: none;}

/* 키파라이트 */
#container .footer_copy {color: #777; font-size: 14px; padding-bottom: 10px;}

/* 광고 */
#footer > .pm{position:relative;}
#footer > .pm img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%;}


.sign{padding: 10px 0px;background-color: #929292; font-size: 13px; display: inline-block;
width: 100%; text-align: center; margin-top: 10px;}
.sign > a {color: #fff; font-family: 'Noto Sans KR', sans-serif !important;}
.sign > a > i{font-size: 25px;vertical-align: middle; color: #fff;}