@charset "utf-8";
.container {width:calc(100% - 352px);float:right;margin:40px 50px 90px;padding:80px 0;min-height:calc(100vh - 210px)}

/* cont-info */
.cont-info {margin-bottom:20px}
.cont-info:after {display:block;clear:both;content:''}
.cont-tit {font-size:26px;font-weight:600;color:#333;float:left}
.cont-info .btn01 {float:right;font-size:14px;padding:7px 15px;}

.group-plus button {width:70px;height:70px;border-radius:50%;background:#fff;border:1px solid #323232;color:#323232;font-size:1.2rem;}
.group-plus button i {transition:all .4s}
.group-plus button:hover i {transform:rotate(180deg);}
/* table */
.cont-info + .table-wrap {margin-top:20px}
.table-wrap {width:100%;overflow:hidden;margin-bottom:40px}
.table-wrap table {background:#fff;border-top:2px solid #333;margin-left:-1px}
.table-wrap thead th {font-size:16px;font-weight:400;color:#000}
.table-wrap tbody td {font-weight:300;color:#555}
.table-wrap tbody td {font-weight:300;color:#555}
.table-wrap thead th,.table-wrap tbody td,.table-wrap tbody th {padding:20px 0 !important;border-bottom:1px solid #ddd !important;border-left:1px solid #ddd !important;text-align:center}
.table-wrap [class*="btn"] {font-size:14px;padding:7px 15px;height:auto;line-height:inherit;vertical-align:inherit}
.table-wrap.table-form thead th,.table-wrap.table-form tbody td,.table-wrap.table-form tbody th {padding:20px !important}
.table-wrap.fade {display:none}
.table-wrap.fade.in {display:block}
.table-wrap input,.table-wrap select {padding:0 18px;display:inline-block}
.table-wrap input[type="button"] {width:auto}
.table-wrap select {height:45px;line-height:45px}
.table-wrap strong {font-weight:600;display:inline-block;margin-right:15px;}
.table-wrap input[type=file] {display:inline-block}
.table-wrap .radio-inline input[type=radio] {position:static;margin-left:0}
.we-table strong {width:110px}
.we-table input[type="text"],.we-table input[type="file"], .we-table select {min-width:300px}
.we-table #mtList .wePlus span {min-width:230px;display:inline-block}
.table02 strong {min-width:70px}
.table02 strong + input {width:calc(100% - 90px) !important}
.group-div + .group-div {margin-top:60px}
.guests-info {text-align:center}
.guests-info .money-total {display:inline-block;background:#d4dee8;border-radius:3px;overflow:hidden;margin-right:36px;padding:21px 0;vertical-align:middle}
.guests-info .money-total p {position:relative;float:left;min-width:325px;text-align:center}
.guests-info .money-total p strong {font-weight:600}
.guests-info .money-total p:after {position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#747474;content:''}
.guests-info .money-total p:last-child:after {display:none}
.guests-info .btn01 {display:inline-block;font-size:17px;padding:19px 50px 20px;vertical-align:middle;}
.guests-info .guest-delete {float:right;font-size:14px;padding:7px 15px;}
#group-content tbody tr { height:95px; }
/* 웨딩홀 등록 */
.we-place [class*="col"] {padding:0}
.we-img img {text-align:center;width:100%}
.wePlus + .wePlus {margin-top:.5rem}
#giftList .wePlus > * {display:inline-block;vertical-align:middle}  
#giftList .wePlus .txt {width:150px;border-right:1px solid #f1f1f1;margin-right:20px}
#giftList .wePlus .img {margin-right:20px}
.we-place {background:#fff;}
.row.we-place {margin:0 !important}
.we-place .col-md-4 p {padding:1.4rem 0 1.5rem;text-align:center}
.we-place i {color:#6aa2d7;font-size:1rem;vertical-align:middle;display:inline-block}
.we-place span {color:#333;font-size:.9rem;margin-left:10px;vertical-align:middle;display:inline-block}
.we-place.relate {padding:3rem}
.we-place .col-md-4 {position:relative}
.we-place .col-md-4:after {position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:33px;background:#ddd;content:''}
.we-place .col-md-4:last-child:after {display:none}


.modal-header {background:#66a1d7;position:relative}
.modal-header .modal-title {color:#fff;text-align:center}
.modal-header .close {font-size:1.8rem;color:#fff;position:absolute;right:1rem;top:3px;opacity:1}
.modal-body {padding:35px 40px 40px}
.modal-body .container {width:100%;float:none;margin:0;padding:0;text-align:center}
.modal-body input[type="text"],.modal-body input[type="password"] {padding:10px;width:100%}
.modal-body input[type="submit"],.modal-body [class^="btn0"] {height:50px;line-height:50px;padding:0;width:42%;margin:1.5rem 0;display:inline-block;}
.modal-body p + p{margin-top:.5rem}
.modal-body .search-form + .search-form {margin-top:8px}
.modal-body .search-form strong {font-size:1rem;font-weight:500;color:#333;margin-right:10px}
.modal-body .result {background:#f3f3f3;padding:10px}
.modal-body #adminList {margin-top:1rem;text-align:left}
.modal-body #adminList .adminManName {position:relative;display:block;padding-left:1.5rem;margin-bottom:.5rem}
.modal-body #adminList .adminManName:before {position:absolute;left:0;top:-4px;font-size:1.2rem;font-family:'xeicon';content:'\ea30';color:#6aa2d7}
.modal-body #adminList .adminWomanName {position:relative;display:block;padding-left:1.5rem;margin:1rem 0 .5rem}
.modal-body #adminList .adminWomanName:before {position:absolute;left:0;top:-4px;font-size:1.2rem;font-family:'xeicon';content:'\ea2f';color:#6aa2d7}
.modal-body #weList {margin-top:1rem}
.modal-body .weLi .weName{display:block;font-size:.9rem;color:#6aa2d7;margin-bottom:.3rem}
.modal-body .weLi .weTell{position:relative;padding-left:1.5rem}
.modal-body .weLi .weTell:before {position:absolute;left:0;top:-1px;font-size:1rem;font-family:'xeicon';color:#6aa2d7;content:'\e9d3'}
.modal-body .weLi .weAddress{position:relative;padding-left:1.5rem}
.modal-body .weLi .weAddress:before {position:absolute;left:0;top:-4px;font-size:1rem;font-family:'xeicon';color:#6aa2d7;content:'\eb49'}
.modal-body .weLi + .weLi {margin-top:.5rem}
.modal-body div.searchList li p, .modal-body div.searchList li span {cursor: pointer}
.modal-body .mtLi p {position:relative;;padding-left:1.5rem}
.modal-body .mtLi p:before {position:absolute;left:0;top:-1px;font-size:1rem;font-family:'xeicon';color:#6aa2d7;content:'\eb62'}
.modal-body .mtLi + .mtLi {margin-top:.4rem}

.import {position:relative;padding-left:1.5rem;margin-bottom:.5rem}
.import:before {position:absolute;left:0;top:-4px;font-size:1.2rem;font-family:'xeicon';content:'\e9a6';color:#6aa2d7}
.footer {position:relative;bottom:0;width:100%;background:#cfcfcf}
.footer a {color:#808080;}

.card-wrap .row {margin:0 0 0 -43px !important}
.card-wrap .cont-info {margin:0 0 1rem !important;background:#81b2de;height:65px;line-height:65px;padding:0 2rem}
.card-wrap .cont-info h2 {font-size:.9rem;color:#fff;float:left;line-height:65px;}
.card-wrap .cont-info .more-btn {font-size:.8rem;color:#fff;float:right}
.card-wrap .row + .cont-info {margin-top:2rem !important}
.card-wrap .card {position:relative;width:calc(25% - 43px);margin:43px 0 0 43px;min-height:350px;}
.card-wrap .card a,.card-wrap .card button {display:block;width:100%;height:100%}
.card-wrap .card button {height:350px}
.card-wrap .card .img {height:calc(100% - 70px);display:block}
.card-wrap .card.iv-card .img {height:350px}
.card-wrap .card .tit {font-size:1rem;color:#323232;font-weight:500;background:#fff;text-align:center;padding:22px 10px 23px}
.card-wrap .card.iv-card .tit {font-family:'Noto Serif KR',serif;color:#8a4f4f;font-size:1.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.card-wrap .card .more {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s}
.card-wrap .card .more:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#81b2de;content:'';}
.card-wrap .card .more p {color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.card-wrap .card .more p i {display:block;font-size:2rem;margin-bottom:.5rem}
.card-wrap .card .more p span, .card-wrap .card .more p button {font-size:.9rem}
.card-wrap .card a:hover {text-decoration:none}
.card-wrap .card a:hover .more,.card-wrap .card:hover .more {opacity:.9}


/* 청첩장 style 01 */
#iv-wrap {max-width:420px;margin:auto;overflow:hidden;font-family:'Noto Serif KR', serif;background:#fff}
#iv-wrap #admin-info-wrapper {height:100vh;position:relative}
#iv-wrap #admin-info-wrapper .admin-name {margin-top:5rem;position:relative;color:#8a4f4f}
#iv-wrap #admin-info-wrapper .admin-name:after {display:block;width:1px;height:40px;content:'';background:#b68989;margin:1.5rem auto 2rem}
#iv-wrap #admin-info-wrapper .admin-name div {width:300px;height:300px;padding-top:100px;background:url('/img/iv_01.png') center no-repeat;background-size:contain;margin:auto}
#iv-wrap #admin-info-wrapper .admin-name p {font-size:1.5rem;line-height:inherit;margin-left:10px}
#iv-wrap #admin-info-wrapper .we-info {font-size:.7rem;line-height:1.6}
#iv-wrap h3 {font-size:.9rem;text-align:left;padding:0 .85rem;margin-bottom:1rem}
#iv-wrap h3 span {display:block;font-size:.7rem;margin-bottom:.3rem}
/* #iv-wrap > div {padding:0 17px} */
#iv-wrap .gallery-wrap {background:#f3f3f3;padding:3rem .85rem 2rem}
#iv-wrap .gallery-wrap #cover_div {width: 100%;overflow: hidden;min-height: 200px;position: relative;}
#iv-wrap .gallery-wrap .image2-div {left:0;top:0;width: 100%;height:100%;}
#iv-wrap .gallery-wrap #cover_div img {display: block;margin: 0;width: 100%;height:100%;}
#iv-wrap .gallery-wrap #cover_div img.sketch-image {width:100%;height:auto;position: absolute;left: 0;top:0}
/* #iv-wrap .gallery-wrap #cover_div img.sketch-image {width:100%;height:100%;} */
/* #iv-wrap .gallery-wrap img.sketch-image {position: absolute;left: 0;} */
#iv-wrap .gallery-wrap .thumb {padding:15px 0 0 15px}
#iv-wrap .gallery-wrap .thumb a {width:100%;height:100%;display:block;overflow: hidden;}
#iv-wrap .gallery-wrap .thumb:nth-of-type(1),#iv-wrap .gallery-wrap .thumb:nth-of-type(4) {padding-left: 0;padding-right:5px;}
#iv-wrap .gallery-wrap .thumb:nth-of-type(2),#iv-wrap .gallery-wrap .thumb:nth-of-type(5) {padding: 15px 2.5px 0 2.5px;}
#iv-wrap .gallery-wrap .thumb:nth-of-type(3),#iv-wrap .gallery-wrap .thumb:nth-of-type(6) {padding-left:5px;}
#iv-wrap .marry {text-align:center; padding: 1.75rem 0;}
#iv-wrap .marry div + div {margin-top:1rem} 
#iv-wrap .marry p {display:inline-block;margin-right:1rem}
#iv-wrap .parents-wrap {padding:0}
#iv-wrap .parents-wrap .col-xs-6 {padding:2rem 0 3rem}
#iv-wrap .parents-wrap > p {margin-left:8.333%; background:#f5f5f5;text-align:center;color:#333;height:45px;line-height:45px}
#iv-wrap .parents-wrap > p i {margin-left:.5rem}/*call - \f2a0*/
#iv-wrap .parents-wrap h3 {text-align:center;padding:0}
#iv-wrap .parents-wrap .col-xs-6 > div + div {margin-top:1rem}
#iv-wrap .parents-wrap .col-xs-6 > div p {padding-bottom:.5rem}
#iv-wrap .parents-wrap .col-xs-6 a, #iv-wrap .marry > div a {display:inline-block;width:30px;height:30px;line-height:30px;background:#795252;color:#fff;border-radius:50%}
#iv-wrap .parents-wrap .col-xs-6 a:nth-of-type(2),, #iv-wrap .marry > div a:nth-of-type(2) {background:#b68989}
#iv-wrap .parents-wrap .col-xs-6 a + a,, #iv-wrap .marry > div a + a {margin-left:.5rem}
#iv-wrap .parents-wrap strong,, #iv-wrap .marry > div strong {font-size:.7rem;display:inline-block;margin-right:3px}
#iv-wrap .parents-wrap span,, #iv-wrap .marry > div span {font-size:.8rem}
#iv-wrap .attend-wrap {background:#f9f2f2; padding:1.25rem .85rem 1.75rem }
#iv-wrap .attend-wrap p {font-size:.7rem;color:#525252;line-height:1.6;padding-top:5.5rem;background:url('/img/iv_02.png') center top no-repeat}
#iv-wrap .attend-wrap .btn-wrap {font-family:'Noto',sans-serif}
#iv-wrap .attend-wrap .btn-wrap [class*="btn"] {width:42%}
#iv-wrap .weHall_div {padding:1.25rem 0 2rem}
#iv-wrap .weHall_div .txt {padding:2rem .85rem 0;font-family:'Noto',sans-serif;color:#333;text-align:left}
#iv-wrap .weHall_div .weName {font-size:1rem;font-weight:600;}
#iv-wrap .weHall_div .weAddress {font-size:.8rem;color:#333;margin-top:2px}
#iv-wrap .weHall_div .weTell {color:#767676;font-size:.6rem;margin-top:10px}
#iv-wrap .greeting-wrap {position:relative;background:#f9f2f2;height:100vh; padding:2.5rem 0 3.5rem;text-align:center}
#iv-wrap .greeting-wrap:before {position:absolute;left:0;top:-1.5rem;background:url('/img/iv_03.png');background-size:contain;background-repeat:no-repeat;width:50%;height:60%;content:''}
#iv-wrap .greeting-wrap:after {position:absolute;right:0;bottom:-2rem;background:url('/img/iv_04.png');background-size:contain;background-repeat:no-repeat;width:22%;height:60%;content:''}
#iv-wrap .greeting-wrap .tit {color:#8a4f4f;font-size:.7rem;margin-bottom:2.5rem;}
#iv-wrap .greeting-wrap .tit:after {display:block;width:15px;height:1px;background:#b68989;content:'';margin:1rem auto 0}
#iv-wrap .footer-tit {background:#ececec;color:#a1a1a1;text-align:center;height:30px;line-height:30px}

/* 청첩장 type2 */
.invitation.iv_type2 #iv-wrap {background:#fff;font-family:'BM JUA','배달의민족 주아',sans-serif}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper .admin-name {width:100vw; margin-top:0}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper {width:100vw; padding:0}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper .admin-name:before {display:block;width:100%;height:65vh;background:url('/img/iv02_01.png') center top no-repeat;content:'';background-size:contain}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper .admin-name div {background:none;margin:0;text-align:center;width:auto;height:auto;padding-top:2.5rem}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper .admin-name p {margin:0 0 20px 0;display:inline-block;color:#323232;font-size:1.2rem}
.invitation.iv_type2 #iv-wrap #admin-info-wrapper .admin-name:after {display:none}
.invitation.iv_type2 #iv-wrap .gallery-wrap {background:#fff}
.invitation.iv_type2 #iv-wrap .gallery-wrap h3 {font-size:0;background:url('/img/iv02_02.png') center top no-repeat;width:100%;height:3rem;background-size:contain}
.invitation.iv_type2 #iv-wrap .gallery-wrap h3 span {display:none}
.invitation.iv_type2 #iv-wrap .parents-wrap h3:after {display:block;content:'';margin:1rem auto 0;width:20px;height:1px;background:#7daddc}
.invitation.iv_type2 #iv-wrap .parents-wrap .col-xs-6 a, .invitation.iv_type2 #iv-wrap .marry > div a {background:none;color:#488acb;width:40px}
.invitation.iv_type2 #iv-wrap .parents-wrap .col-xs-6 a:nth-of-type(2), .invitation.iv_type2 #iv-wrap .marry > div a:nth-of-type(2) {position:relative}
.invitation.iv_type2 #iv-wrap .parents-wrap .col-xs-6 a:nth-of-type(2):before, .invitation.iv_type2 #iv-wrap .marry > div a:nth-of-type(2):before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:8px;background:#c9c9c9;content:''}
.invitation.iv_type2 #iv-wrap .marry {background:#fff}
.invitation.iv_type2 #iv-wrap .parents-wrap > p, .invitation.iv_type2 #iv-wrap .parents-wrap {background:#eef7ff}
.invitation.iv_type2 #iv-wrap .attend-wrap {background:#fff;padding:1.75rem .85rem}
.invitation.iv_type2 #iv-wrap .attend-wrap p {padding-top:6rem;background-image:url('/img/iv02_03.png');background-size:contain}
.invitation.iv_type2 #iv-wrap .weHall_div {background:#fff}
.invitation.iv_type2 #iv-wrap .attend-wrap .btn-wrap .btn05 {background:#bbd2e9;}
.invitation.iv_type2 #iv-wrap .attend-wrap .btn-wrap .btn06 {background:#7daddc;}
.invitation.iv_type2 #iv-wrap .greeting-wrap {background:#eef7ff}
.invitation.iv_type2 #iv-wrap .greeting-wrap:before, #iv-wrap .greeting-wrap:after {display:none}
.invitation.iv_type2 #iv-wrap .greeting-wrap .tit {width:61px;height:107px;margin:auto;font-size:0;background:url('/img/iv02_04.png') no-repeat;margin-bottom:1rem}
.invitation.iv_type2 #iv-wrap .greeting-wrap .tit:after {display:none}
.invitation.iv_type2 #iv-wrap .footer-tit {background:#dbebfb}

/* 청첩장 type3 */
/* .invitation.iv_type3 #iv-wrap {background:#fff;font-family:'BM JUA','배달의민족 주아',sans-serif} */
/* .invitation.iv_type3 #iv-wrap #visual-area-wrapper .admin-name {width:100vw; margin-top:0} */

.invitation.iv_type3 #iv-wrap .visual-area-wrapper .container {
	position: relative;
	padding: 0 15px;
}

.invitation.iv_type4 #iv-wrap .visual-area-wrapper .container {
	position: relative;
	padding: 0 15px;
}

/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper .admin-name {width:100vw; margin-top:0} */
/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper {width:100vw; padding:0} */
/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper .admin-name:before {display:block;width:100%;height:65vh;background:url('/img/iv02_01.png') center top no-repeat;content:'';background-size:contain} */
/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper .admin-name div {background:none;margin:0;text-align:center;width:auto;height:auto;padding-top:2.5rem} */
/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper .admin-name p {margin:0 0 20px 0;display:inline-block;color:#323232;font-size:1.2rem} */
/* .invitation.iv_type3 #iv-wrap #admin-info-wrapper .admin-name:after {display:none} */
/* .invitation.iv_type3 #iv-wrap .gallery-wrap {background:#fff} */
/* .invitation.iv_type3 #iv-wrap .gallery-wrap h3 {font-size:0;background:url('/img/iv02_02.png') center top no-repeat;width:100%;height:3rem;background-size:contain} */
/* .invitation.iv_type3 #iv-wrap .gallery-wrap h3 span {display:none} */
/* .invitation.iv_type3 #iv-wrap .parents-wrap h3:after {display:block;content:'';margin:1rem auto 0;width:20px;height:1px;background:#7daddc} */
/* .invitation.iv_type3 #iv-wrap .parents-wrap .col-xs-6 a, .invitation.iv_type2 #iv-wrap .marry > div a {background:none;color:#488acb;width:40px} */
/* .invitation.iv_type3 #iv-wrap .parents-wrap .col-xs-6 a:nth-of-type(2), .invitation.iv_type2 #iv-wrap .marry > div a:nth-of-type(2) {position:relative} */
/* .invitation.iv_type3 #iv-wrap .parents-wrap .col-xs-6 a:nth-of-type(2):before, .invitation.iv_type2 #iv-wrap .marry > div a:nth-of-type(2):before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:8px;background:#c9c9c9;content:''} */
/* .invitation.iv_type3 #iv-wrap .marry {background:#fff} */
/* .invitation.iv_type3 #iv-wrap .parents-wrap > p, .invitation.iv_type2 #iv-wrap .parents-wrap {background:#eef7ff} */
/* .invitation.iv_type3 #iv-wrap .attend-wrap {background:#fff;padding:1.75rem .85rem} */
/* .invitation.iv_type3 #iv-wrap .attend-wrap p {padding-top:6rem;background-image:url('/img/iv02_03.png');background-size:contain} */
/* .invitation.iv_type3 #iv-wrap .weHall_div {background:#fff} */
/* .invitation.iv_type3 #iv-wrap .attend-wrap .btn-wrap .btn05 {background:#bbd2e9;} */
/* .invitation.iv_type3 #iv-wrap .attend-wrap .btn-wrap .btn06 {background:#7daddc;} */
/* .invitation.iv_type3 #iv-wrap .greeting-wrap {background:#eef7ff} */
/* .invitation.iv_type3 #iv-wrap .greeting-wrap:before, #iv-wrap .greeting-wrap:after {display:none} */
/* .invitation.iv_type3 #iv-wrap .greeting-wrap .tit {width:61px;height:107px;margin:auto;font-size:0;background:url('/img/iv02_04.png') no-repeat;margin-bottom:1rem} */
/* .invitation.iv_type3 #iv-wrap .greeting-wrap .tit:after {display:none} */
/* .invitation.iv_type3 #iv-wrap .footer-tit {background:#dbebfb} */

#iv-container {width:100% !important;margin:0;padding:0;float:none;min-height:inherit}
#iv-container .contents {padding:1.75rem .85rem 3.5rem;background:#faf2f0;height:100vh;position:relative;font-family:'Noto Serif KR', serif;}
#iv-container .contents-gift {padding:1.75rem .85rem 3.5rem;background:#faf2f0; height: 100%;position:relative;font-family:'Noto Serif KR', serif;}
#iv-container .contents.bg-wh {background:#fff !important}
#iv-container .contents.bg-wh.gift-wh,
#iv-container .contents.bg-wh.ticket-wh{height:auto !important}
#iv-container .tit {position:relative;text-align:center;margin-bottom:1rem}
#iv-container .tit:before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background:#c59e9f;content:''}
#iv-container .tit span {display:inline-block;padding:0 30px;background:#faf2f0;position:relative;z-index:1;color:#704847;font-size:1.5rem}
#iv-container .contents.bg-wh .tit span {background:#fff}
#iv-container .contents.bg-wh .img img {margin:auto;}
#iv-container .contents.bg-wh .img img.img-responsive {max-width:100%;}
#iv-container .txt {position:relative;text-align:center;margin-bottom:.5rem;color:#843a38}
#iv-container .txt:before {display:block;width:100%;background-size:contain !important;content:'';margin-bottom:.5rem}
#iv-container .txt-wrap {text-align:center;color:#843a38;margin-top:1rem}
#iv-container .txt-wrap .bg {background:#f0d3d4;border-radius:30px;color:#323232;padding:10px 0;margin:1rem 0}
#iv-container .txt-wrap #barcode {width:100% !important}
#iv-container .txt-wrap .count-wrap {background:#f0d3d4;border-radius:30px;color:#323232;padding:10px 0;display:inline-block;width:100px}
#iv-container .message .txt:before {height:141px;background:url('/img/iv_05.png') center no-repeat;}
#iv-container .message textarea {width:100% !important;min-height:120px;padding:10px;border:1px solid #c59e9f;background:#fff;resize:none}
#iv-container .payment .txt:before {height:120px;background:url('/img/iv_08.png') center no-repeat;}
#iv-container .payment input#input_price {width:100% !important;padding:10px;border:1px solid #c59e9f;background:#fff;resize:none}
#iv-container .ticket .txt:before {height:150px;background:url('/img/iv_06.png') center top no-repeat;}
#iv-container .ticket select {width:100%;height:40px;line-height:40px;padding:0 10px;outline: none;background-color: white;}
#iv-container .gift-wrap div {width:calc(50% - 10px);float:left;text-align:center;margin:10px 0 0 10px}
#iv-container .gift-wrap div:nth-of-type(1),#iv-container .gift-wrap div:nth-of-type(3) {margin-left:0}
#iv-container .gift-wrap form:after {display:block;clear:both;content:''}

#iv-container [class^="btn0"]{width:90%;height:40px;line-height:40px;padding:0}
#iv-container .btn-wrap > * {width:100%}
#iv-container .btn-wrap [class^="btn0"] {width:42%}
#iv-container .btn-bottom {position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}


#iv-container.iv_type2 .contents {background:#eef7ff;font-family:'BM JUA','배달의민족 주아',sans-serif}
#iv-container.iv_type2 .tit:before {display:none}
#iv-container.iv_type2 .tit span {background:none;font-size:0;}
#iv-container.iv_type2 .message .tit {width:100%;height:55px;background:url('/img/iv02_05.png') center top no-repeat;background-size:contain}
#iv-container.iv_type2 .message textarea {border-color:#5d99d3}
#iv-container.iv_type2 .message .txt:before {background-image:url('/img/iv02_06.png')}
#iv-container.iv_type2 .payment .tit {width:100%;height:55px;background:url('/img/iv02_12.png') center top no-repeat;background-size:contain}
#iv-container.iv_type2 .payment .txt:before {background-image:url('/img/iv02_11.png')}
#iv-container.iv_type2 .txt,#iv-container.iv_type2 .txt-wrap {color:#1e5ea4}
#iv-container.iv_type2 .btn-wrap .btn05 {background:#a5caef}
#iv-container.iv_type2 .btn-wrap .btn06 {background:#5d99d3}
#iv-container.iv_type2 .btn-bottom {background:#5d99d3}
#iv-container.iv_type2 .ticket .tit,#iv-container.iv_type2 .ticket-wh .tit {width:100%;height:55px;background:url('/img/iv02_07.png') center top no-repeat;background-size:contain}
#iv-container.iv_type2 .ticket .txt:before {background-image:url('/img/iv02_08.png')}
#iv-container.iv_type2 .contents.bg-wh .img {background:url('/img/iv02_09.png') center center no-repeat;background-size:contain;width:92vw;height: 50vw;margin:auto}
#iv-container.iv_type2 .contents.bg-wh .img img {display:none}
#iv-container.iv_type2 .txt-wrap .bg,#iv-container.iv_type2 .txt-wrap .count-wrap {background:#d1e3f3}
#iv-container.iv_type2 .gift-wrap, #iv-container.iv_type2 .gift-wh .tit {width:100%;height:55px;background:url('/img/iv02_10.png') center top no-repeat;background-size:contain}

.preview-container .invitation #iv-wrap .swiper-container{height:555px}
.preview-container .invitation #iv-wrap .swiper-slide .gallery-wrap{height:555px; padding:2rem 2.55rem}
.preview-container .invitation #iv-wrap .swiper-slide .attend-wrap{height:555px; padding:0; }
.preview-container .invitation #iv-wrap .swiper-slide .attend-wrap p{transform:translate(0, 50%)}
.preview-container .invitation #iv-wrap .swiper-slide .attend-wrap .btn-wrap{transform:translate(0, 300%)}
.preview-container .invitation #iv-wrap .swiper-slide .greeting-wrap{height:555px; padding:0}
.preview-container .invitation #iv-wrap .swiper-slide .greeting-wrap .tit{margin-top:7rem}

.preview-container .invitation.iv_type2 #iv-wrap .swiper-slide .attend-wrap{padding:0 1.5rem }
.preview-container .invitation.iv_type2 #iv-wrap .swiper-slide .greeting-wrap .tit{margin-top:7rem}

@media(max-width:1680px){
	.guests-info.type2 .money-total p {width:50%;margin-top:1rem}
	.guests-info.type2 .money-total p:nth-of-type(1),.guests-info.type2 .money-total p:nth-of-type(2) {margin-top:0}
	.guests-info.type2 .money-total p:nth-of-type(2):after {display:none}
}
@media(max-width:1660px){
	.table-wrap {overflow-x:scroll}
	.table-wrap table {width:1700px}
	.table-wrap.table-form {overflow:hidden}
	.table-wrap.table-form table {width:100%}
	.card-wrap .card {width:calc(50% - 43px);min-height:560px;margin:1.5rem 0 0 43px}
	.card-wrap .card:first-child {margin-left:43px}
	.card-wrap .row:nth-of-type(even) {margin:-1.5rem 0 0 -43px}
	.card-wrap .card.iv-card .img {height:560px}
}
@media(max-width:1500px){
	.we-place .col-md-4 {width:100%}
	.we-place .col-md-4:after {right:inherit;top:inherit;left:50%;bottom:0;transform:translate(-50%,0);width:40px;height:1px}
}
@media(max-width:1280px){
	.guests-info {margin-top:60px}
	.guests-info .money-total {display:block;margin:0}
	.guests-info .money-total p {width:50%;min-width:inherit}
	.guests-info .guest-delete {margin-top:-100px}
	.guests-info .btn01 {margin-top:1rem}
}
@media(max-width:1200px){
	.card-wrap .card {min-height:400px}
	.card-wrap .card.iv-card .img {height:400px}
}
@media(max-width:1026px){
	.table-wrap.table-form tr,.table-wrap.table-form th, .table-wrap.table-form td {display:block;width:100%;border-left:0}
	.table-wrap.table-form tbody th {padding:10px !important}
	.table-wrap.table-form input,.table-wrap.table-form select {display:block;width:100% !important}
	.we-table input[type="text"],.we-table input[type="file"],.we-table input[type="submit"],.we-table input[type="button"],.we-table select {display:inline-block !important;width:auto !important}
	.we-table input[type="submit"] {margin-left:0 !important}
	.we-table input[type="text"], .we-table input[type="file"], .we-table select {min-width:220px}
	.we-table strong {margin-bottom:15px}
	.table-wrap.table-form input[type="radio"] {width:auto !important}
	.table-wrap.iv-form input {display:inline-block;width:auto}
	.card-wrap .card {width:400px;margin:1.5rem auto !important;float:none}
	.table-wrap .btn-wrap > * ,.table-wrap .btn-wrap input {display:inline-block;width:42% !important}
}
@media(max-width:1000px){
	#login-wrap .login-form:before, #login-wrap .login-form:after {display:none}
}
@media(max-width:320px){
	#iv-wrap #admin-info-wrapper .admin-name {margin-top:3rem}
	#iv-wrap #admin-info-wrapper .admin-name div {margin-left:-9px}
	#iv-container .contents.bg-wh .img {width:50vw;height:50vw;margin:auto}
	#iv-container .txt-wrap .bg {margin:.5rem 0;font-size:.7rem}
}

/* admin img */
.adminImg {
	position: relative;
	height: 300px;
	border: 1px solid black;
	text-align: center;
	width: 100%;
	line-height: 300px;
}
.adminImg1 {
	position: relative;
	height: 300px;
	border: 1px solid black;
	text-align: center;
	width: 100%;
	line-height: 300px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.7); /* IE */
  -moz-transform: scale(1.7); /* FF */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  -o-transform: scale(1.7); /* Opera */
  padding: 10px;
}

.adminImg label {
	cursor: pointer;
	margin: 0;
}

.adminImg1 label {
	cursor: pointer;
	margin: 0;
}

.adminImg .glyphicon-remove {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 0;
	left: 0px;
	font-size: 40px;
	color: black;
	cursor: pointer;
}
.adminImg1 .glyphicon-remove {
	position: absolute;
	width: 100%;
	top: auto;
	bottom: 0;
	left: 0px;
	font-size: 40px;
	color: black;
	cursor: pointer;
}

.adminImg img {
	position: relative;
	height: 100%;
	width: 100%;
}

.adminImg1 img {
	position: relative;
	height: 100%;
	width: 100%;
}


/*****************************************
	sendpre.jsp
	
******************************************/
body.sendpre {
	background:#FFF;
	font-size : 9pt;
}


body.sendpre>div.iv_type1{
	height:100%;
	font-family:'Noto Serif KR', serif;
}
body.sendpre>div.iv_type2{
	height:100%;
	font-family	: 'BM JUA','배달의민족 주아',sans-serif;
}

body.sendpre .mw-gift-title{
	height:7vh;
	margin:2rem 0rem; 
	 
	background-repeat: no-repeat;
	background-position: center; 
	background-size:contain; 
}


body.sendpre .mw-thanks{	
	
    width		: 70vw; 		
	height		: 60vw;
	margin		: auto;	
	overflow	: show;

	background-position	: center; 
	background-repeat	: no-repeat;
	background-size		: contain; 
}

body.sendpre .guide{
	height    		: 1.5 rem;
	width			: 70vw;
	margin			: auto;
	padding   		: 0.4rem;
	font-size 		: 0.6rem;	
	
	border-radius	: 0.25rem;
}

body.sendpre .iv_type1  .guide{
	background		: #F9F2F2;	
}

body.sendpre .iv_type2  .guide{
	background		: #EEF7FF;	
}

body.sendpre .large-text{
	font-size:12pt;
}

body.sendpre .iv_type1 .large-text{
	color: #843a38;
}

body.sendpre .iv_type2 .large-text{
	color:#1e5ea4;
}

body.sendpre .iv_type1 .mw-gift-title{
	background-image:url('/img/iv_title.png'); 	 
}

body.sendpre .iv_type2 .mw-gift-title{
	background-image:url('/img/inv_b_01.png'); 	 
}


body.sendpre .iv_type1 .mw-thanks{	
	background-image	: url('/img/iv_07.png');
 
}

body.sendpre .iv_type2 .mw-thanks{	
	background-image	: url('/img/img-thk-bl.png');
 
}

body.sendpre .iv_type2 .btn05{
	background:#bbd2e9;
}

body.sendpre .iv_type2 .btn06{
	background:#7daddc;	
}



.modal.in .modal-dialog {
    position	: absolute;
    left		: 20% !important;
    top			: 50% !important;
    transform	: translate(-10%,-50%) !important;
    margin		: 0 !important;
    font-size	: 10pt;
}
 
 

/*****************************************
	transferForm.jsp
	송금페이지  transferForm style
	iv_type 1, 2 에 따라서 스타일을 정의한다.
	
	.iv_type1
	.iv_type2 는 21번 방식의 스타일임  
******************************************/



body.transfer-form .mw-send-account-list{
	font-family	: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size	: 0.7rem;
}
body.transfer-form .list-group-item .bank-img{
	width		: 1rem;
	height		: 1rem;
}

body.transfer-form .list-group-item .bank-name{
	display		: inline-block;
	margin-left : 1rem;
	width		: 30vw;
	height		: 1rem;
}

body.transfer-form .list-group-item .bank-account{
	display		: inline-block;	
	height		: 1rem;
}

body.transfer-form .error {
	color: #F00;
	font-family	: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body.transfer-form .mw-amount-field{
	font-family	: "Helvetica Neue",Helvetica,Arial,sans-serif;	
} 

body.transfer-form .modal-content{
	background	: #444;	
	color		: #FFF;
}

body.transfer-form .modal.in .modal-dialog {
    position	: absolute;
    left		: 20% !important;
    top			: 50% !important;
    transform	: translate(-10%,-50%) !important;
    margin		: 0 !important;
}

/* iv_type1 방식의 스타일 요소 정의 */
body.transfer-form .iv_type1.container-fluid {
	font-family	: 'BM JUA','배달의민족 주아',sans-serif;
	background	: #FAF2F0;	
	height		: 100%;
	padding		: 0rem 7vw;
	position	: relative;
}

body.transfer-form .iv_type1 .mw-gift-title { 
	height:7vh;
	margin:2rem 0rem; 
	background-image:url('/img/iv_title.png'); 
	background-repeat: no-repeat;
	background-position: center; 
	background-size:contain; 
}
body.transfer-form  .iv_type1 .sender-select-panel{
	margin-bottom  	: 0.5rem;
}

body.transfer-form  .iv_type1 .mw-center-sig{
	position	: absolute;
	
	left		: 40vw;    
    top         : 15vh;
    width		: 20vw; 		
	height		: 20vw;
		
	overflow	: show;
	background-image:url('/img/img-flower.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size:contain; 
}

body.transfer-form  .iv_type1 .mw-man-select {
	height	:8vw;
	width	:8vw;
	position:absolute;
	left	:12vw;
	margin-top : 0.5rem;
}

body.transfer-form .iv_type1  .mw-woman-select {
	height	:8vw;
	width	:8vw;
	position:absolute;
	right	:12vw;
	margin-top : 0.5rem;
}

body.transfer-form  .iv_type1 .mw-radio-default {	
	background-image	:url('/img/radio-default.png'); 
	background-repeat	:no-repeat; 
	background-size		:contain;	
}

body.transfer-form  .iv_type1 .mw-radio-checked {	
	background-image	:url('/img/radio-checked.png'); 
	background-repeat	:no-repeat; 
	background-size		:contain;
}

body.transfer-form  .iv_type1 .mw-sender-info{
	height    		: 1.5 rem;
	margin-top  	: 15vw;
	margin-bottom  	: 0.5rem;
	padding   		: 0.4rem;
	font-size 		: 0.6rem;	
	background		: #eccccf;
	border-radius	: 3rem;
}

body.transfer-form  .iv_type1 .mw-amount-field{
	height    		: 1.5 rem;
	width			: 100%;	
	margin-bottom	: 0.5rem;
	border			: solid 1px #CFAFAF;
	text-align		: right;	
}
 
body.transfer-form  .iv_type1 .mw-send-account-list{
	height			: 25vh;
	overflow		: auto;
	margin-bottom  	: 0.5rem;
	border			: solid 1px #CFAFAF;
}

body.transfer-form  .iv_type1 .list-group{
	margin-bottom	: 0px;
	border-radius	: 0px;	
}

body.transfer-form  .iv_type1 .list-group-item{
	border			: none;
}

body.transfer-form  .iv_type1 .list-group-item.active{
	color     : #000;
	background: #ECCCCF;
	text-shadow:none;
}

body.transfer-form  .iv_type1 .list-group-item:first-child {
    border-top-left-radius : 0px;
    border-top-right-radius: 0px;
}

body.transfer-form  .iv_type1 .list-group-item:last-child {    
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

body.transfer-form  .iv_type1 .button-lg {
	background	: #C2A19F;
	position	: absolute;
	bottom		: 20px;
    left		: 0;
    
    width		: calc( 100% - 17vw);
    height		: 2rem;
    margin		: 0 7vw;
}

/* iv_type2 방식의 스타일 요소 정의 */
body.transfer-form .iv_type2.container-fluid {
	font-family	: 'BM JUA','배달의민족 주아',sans-serif;
	background	: #EEF7FF;	
	height		: 100%;
	padding		: 0rem 7vw;
	position	: relative;
}

body.transfer-form .iv_type2 .mw-gift-title { 
	height:7vh;
	margin:2rem 0rem; 
	background-image:url('/img/inv_b_01.png'); 
	background-repeat: no-repeat;
	background-position: center; 
	background-size:contain; 
}
body.transfer-form .iv_type2 .sender-select-panel{
	margin-bottom  	: 0.5rem;
}


body.transfer-form .iv_type2 .mw-center-sig{
	position	: absolute;
	
	left		: 40vw;    
    top         : 15vh;
    width		: 20vw; 		
	height		: 20vw;
		
	overflow	: show;
	background-image:url('/img/iv02_04.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size:contain; 
}


body.transfer-form .iv_type2 .mw-man-select {
	height	:8vw;
	width	:8vw;
	position:absolute;
	left	:12vw;
	margin-top : 0.5rem;
}

body.transfer-form .iv_type2 .mw-woman-select {
	height	:8vw;
	width	:8vw;
	position:absolute;
	right	:12vw;
	margin-top : 0.5rem;
}

body.transfer-form .iv_type2 .mw-radio-default {	
	background-image	:url('/img/radio-default-bl.png'); 
	background-repeat	:no-repeat; 
	background-size		:contain;	
}

body.transfer-form .iv_type2 .mw-radio-checked {	
	background-image	:url('/img/radio-checked-bl.png'); 
	background-repeat	:no-repeat; 
	background-size		:contain;
}

body.transfer-form .iv_type2 .mw-sender-info{
	height    		: 1.5 rem;
	margin-top  	: 15vw;
	margin-bottom  	: 0.5rem;
	padding   		: 0.4rem;
	font-size 		: 0.6rem;	
	background		: #D1E3F3;
	border-radius	: 3rem;
}



body.transfer-form .iv_type2 .mw-amount-field{
	height    		: 1.5 rem;
	width			: 100%;	
	margin-bottom	: 0.5rem;
	border			: solid 1px #5C99D3;
	text-align		: right;	
}
 
body.transfer-form .iv_type2 .mw-send-account-list{
	height			: 25vh;
	overflow		: auto;
	margin-bottom  	: 0.5rem;
	border			: solid 1px #5C99D3;
}

body.transfer-form .iv_type2 .list-group{
	margin-bottom	: 0px;
	border-radius	: 0px;	
}

body.transfer-form .iv_type2 .list-group-item{
	border			: none;
}

body.transfer-form .iv_type2 .list-group-item.active{
	color     : #000;
	background: #C5DEF7;
	text-shadow:none;
}

body.transfer-form .iv_type2 .list-group-item:first-child {
    border-top-left-radius : 0px;
    border-top-right-radius: 0px;
}

body.transfer-form .iv_type2 .list-group-item:last-child {    
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

body.transfer-form .iv_type2  .button-lg {
	background	: #7daddc;
	position	: absolute;
	bottom		: 20px;
    left		: 0;
    
    width		: calc( 100% - 17vw);
    height		: 2rem;
    margin		: 0 7vw;
}

body.transfer-form .iv_type1.btn05{
	background:#c2a19f;
}

body.transfer-form .iv_type1 .btn06{
	background:#947271;	
}

body.transfer-form .iv_type2 .btn05{
	background:#bbd2e9;
}

body.transfer-form .iv_type2 .btn06{
	background:#7daddc;	
}





body.transfer-form .confirmPanel{
    position: absolute;
    display: none;
    z-index: 100;
    left: 0vw;
    top: 20vh;
    width: 100vw;
    height: 70vh;
    
    background-image	: url('/img/inv_b_02.png');
	background-position: center; 
	background-repeat: no-repeat;
	background-size:contain;
}

body.transfer-form #confirmBg{
	margin-top : 35vh;
	width	: 100%;
	height	: 100%;
	font-size:10pt;
}

body.transfer-form #confirmBg>div{
	margin-bottom : 0.5rem	
}

body.transfer-form .large-text{
	font-size:14pt;
}


.modal-body {
    padding: 35px 20px 40px;
}