/* 방명록 */
#guestbook {background-color:var(--guestbook-bg);}
#guestbook .btn {font-family: "Noto Sans KR", Sans-serif;}
.guest_write {display: inline-block; width:100%; text-align: center; background-color: var(--guest-write-bg);}
#guestbook input, #guestbook textarea {display: inline-block; background:var(--guest-input-bg-color); border:1px solid var(--guest-list-border-color); overflow: auto; border-radius: 0rem; box-sizing: border-box; font-family: 'Noto Sans KR', Sans-serif;}
#guestbook input {height:3.16rem; font-size:1.23rem; padding:0 0.6rem; box-sizing: border-box; line-height: calc(3.16rem - 2px);}

#guestbook textarea {width:100%; height:9rem; resize:vertical; padding: 1rem; font-size:1.275rem; line-height: 1.875rem; letter-spacing: -0.03em;}
#guestbook .guest_write label {display:inline-block; width:calc((100% - 6px)/3); height:auto; float:left; margin-right:3px;}
#guestbook .guest_write label input {width:100%;}
#guestbook #write_cnfm {display: inline-block; width:calc((100% - 6px)/3); height:3.16rem; border:none; background-color:var(--guest-btn-bg-color); color:var(--guest-btn-color); border-radius: 0;}

.guest_list {display: inline-block; width:100%; padding:0; margin-top:2rem; background-color:var(--guest-list-bg);}
.guest_list li {padding:0; box-sizing: border-box; border-radius: 0rem; overflow: hidden; border-bottom:1px solid var(--guest-list-border-color);}
.guest_list li + li {margin-top:1rem;}
.guest_list .msg_info {display: inline-block; width:100%; text-align: right;}
.guest_list .name {font-size:1.275rem; font-family: "Noto Sans KR", Sans-serif; font-weight: bold; line-height: 1.7rem; float:left; margin-right:0.5rem; color:var(--guest-list-color);}
.guest_list .date, .guest_list .time {display:inline-block; font-size:0.9rem; line-height: 1.7rem; font-family:"Noto Sans KR", Sans-serif; color:var(--guest-list-date);}
.guest_list .icon-btn {padding:0; text-align: right; height:1.7rem; line-height: 1.5rem; float:right;}
.guest_list .icon-btn .edit, .guest_list .icon-btn .del {display: inline-block; width:1.5rem; height:1.5rem; background-repeat: no-repeat; background-position: center; float:left; margin-left:0.5rem; margin-top:0.1rem;}
.guest_list .icon-btn .edit {background-color: var(--guest-list-date); -webkit-mask-image: url("/invitation/card/guest/img/btn-edit.svg"); mask-image: url("/invitation/card/guest/img/btn-edit.svg");}
.guest_list .icon-btn .del {background-color: var(--guest-list-date); -webkit-mask-image: url("/invitation/card/guest/img/btn-del.svg"); mask-image: url("/invitation/card/guest/img/btn-del.svg");}
.guest_list .psw {display: inline-block; width:100%; margin-top:1.5rem;}
.guest_list .psw label {margin-right:0 !important;}
.guest_list .psw label span {font-size: 1.275rem; font-weight: 700; margin-right:0.8rem; float:left;}
.guest_list .psw input {width:13.875rem; float:left;}
.guest_list .psw .btn {float:right; margin-left:0.4rem;}
.guest_list .msg_cont {}
#guestbook .msg_cont textarea {display:block; font-size:1.275rem; line-height:1.875rem; padding:0.5rem; margin-top:0.5rem; resize: vertical; margin-bottom:0.5rem; color:var(--guest-list-color);}
#guestbook .msg_cont textarea[readonly] {background-color:transparent; resize: none; height:auto; border:none; padding:0.2rem 0; margin-bottom:1rem;}
.guest_list .btn_wr {text-align: center; margin-bottom:1rem;}
#guestbook .guest_list .btn_wr .btn {width:11.25rem; height: 3rem; line-height: 3rem; border-radius: 0;}
.guest_more {display:inline-block; width:100%; padding: 1rem; text-align: center;}
.guest_more .btn_more {display:inline-block; width:45.09%; min-width:14rem; height:3.375rem; line-height: 3.375rem; font-size:1.35rem; font-family: 'Noto Sans KR', Sans-serif; font-weight: 500; cursor: pointer;  background-color:var(--guest-btn-bg-color); color:var(--guest-btn-color);}
.guest_more .btn_more .btn_more_arrow {display: inline-block; width:0.5rem; height:0.8rem; background-image:url('/invitation/card/guest/img/arrow-white.png'); background-size:contain; background-repeat: no-repeat; margin-left:0.8rem; position: relative; top:-0.1rem;}
.guest_more.hidden {display: none;}

.guest_list .empty_list {text-align: center; color:var(--guest-list-color); font-size:1.3rem; padding:2.4rem 0 5.4rem; font-family: "Noto Sans KR", Sans-serif; opacity: 0.7;}

/* 방명록 전체보기 */
#guestbook-full #guestbook {padding:0;}
#guestbook-full #guestbook .head {display: inline-block; width:100%; height:4.7rem; margin:0; padding:0 3rem; position: absolute; top:0; left:0; z-index: 1;}
#guestbook-full #guestbook .btn-close {width: 1.2rem; height:4.7rem; background-image:url(/invitation/card/guest/img/arrow-white.png); transform: rotate(180deg); background-size: contain; background-position: center; background-repeat: no-repeat;position: absolute; left:3rem;}
#guestbook-full .head .title {color:white; width:50%; margin:0 auto; line-height: 4.7rem;}
#guestbook-full .head .admin {display: inline-block; position: absolute; right:3rem; top:0; font-size:1.275rem; letter-spacing: -0.03em; color:white; height:4.7rem; line-height: 4.7rem; cursor: pointer;}
#guestbook-full .guest_main {display: inline-block; width:100%; height:40.7rem; position: relative; background:#000;}
#guestbook-full .guest_main .img {display: inline-block; width:100%; height:100%; position: absolute; top:0; left:0; background-size: cover; background-position: center top; z-index: 0; opacity: 0.65;}
#guestbook-full .guest_main .name, #guestbook-full .guest_main .date, #guestbook-full .guest_main .txt {color:white; display: block; text-align: center; position: relative; z-index: 1; line-height: 1;}
#guestbook-full .guest_main .name {margin-top:19rem; font-size:2.624rem; letter-spacing: -0.03em; font-weight: 300;}
#guestbook-full .guest_main .date {font-size:1.65rem; margin-top:1rem;}
#guestbook-full .guest_main .txt {font-size:1.275rem; letter-spacing: -0.03em; font-weight: 300; margin-top:2rem;}
#guestbook-full .guest_write {margin-top:0;}