@charset "utf-8";

/* 로그인 */
.login-area {max-width:470px; margin:0 auto;}
.login-area .group {margin-bottom:8px;}
.login-area .group.flex {display:flex; gap:0 3px;}
.login-area .group .input {display:block; width:100%; height:54px; font-size:16px;}
.login-area .links {display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em;}
.login-area .links a {color:#878787; font-weight:400;}
.login-area .links a:hover {text-decoration:underline;}
.login-area .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-area .btn-pack {display:block; width:100%; margin-top:10px; border-radius:5px;}
.login-area .btn-pack.focus {margin-top:20px;}
.login-area .btn-pack.xlarge {font-weight:500;}

.sns-login {margin-top:50px; text-align:center;}
.sns-login .tit {font-size:var(--font-size-14); font-weight:500; line-height:1.3em; margin-bottom:var(--margin-bottom-30); color: #a8a8a8; position: relative;}
.sns-login .tit span {background-color: #fff; padding: 0 20px;}
.sns-login .tit:after {position: absolute; content: ''; top:50%; z-index: -1; left: 0; right: 0; background-color: #ddd; height: 1px;}
.sns-login a {display:inline-block; margin:0 4px;}
.sns-login img {width:48px;}

.guest-link {margin-top:var(--margin-bottom-40); text-align:center;}
.guest-link a {color:#2c2c2c; font-size:15px;}
.guest-link a span {text-decoration: underline;}
.guest-link a:hover {color:#;}

.guest-text {margin-top:45px; text-align:center; font-size:15px; line-height:1.75em; color:#505050;}
.guest-text strong {font-weight:500; line-height: 1.7em; display: block;}
.guest-text .hour {margin-top:10px; color:#878787; font-size:14px; line-height:1.75em;}

/* 약관동의 */
.agree-wrap {max-width:680px; margin:0 auto 50px;}
.agree-wrap .group {margin-top:40px;}
.agree-wrap .group:first-child {margin-top:0;}
.agree-wrap .agree-tit {color:#333; font-size:20px; font-weight:600; line-height:1.3em;}
.agree-wrap .agree-tit .checkbox label:before {margin-top:-.02em; width:24px; height:24px; background:#fff url("../images/member/checkbox.png") 50% 50% no-repeat; border:2px solid #ccc; border-radius:100%;}
.agree-wrap .agree-tit .checkbox input:checked + label:before {background-color:var(--color-primary); border-color:var(--color-primary); background-image:url("/images/member/checkbox_on.png");}
.agree-wrap .agree-box {position:relative; max-height:175px; margin-top:17px; padding:16px 20px; border:1px solid #ddd; overflow:auto;}
.agree-wrap .agree-box .terms-wrap {color:#767676; font-size:14px;}
.agree-wrap .agree-box .terms-wrap .sec {margin-bottom:20px;}
.agree-wrap .agree-box .terms-wrap .sec h3 {color:#767676; font-size:14px; font-weight:400; margin-bottom:0;}
.agree-wrap .agree-box .terms-wrap .sec strong {font-weight:400;}

.terms-wrap {font-weight:400; color:#666; line-height:1.75em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:700; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:700;}
.terms-wrap .sec ol li {padding-left:1em; text-indent:-1em;}
.terms-wrap .sec ol li ol li {padding-left:1.35em; text-indent:-1.35em;}
.terms-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.terms-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.terms-wrap .policy-contact dl:first-child {border-left:0;}
.terms-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}

/* 회원가입 */
.join-wrap {max-width:590px; margin:0 auto;}
.join-wrap .line {margin:50px 0 30px 0; border-bottom:1px solid #ddd;}
.join-wrap .submit {margin-top:70px; text-align:center;}
.join-wrap .pf {margin-bottom:var(--margin-bottom-20); text-align: right; font-size:var(--font-size-14); color: #2c2c2c; font-weight: 500;}

.join-form {padding-top:45px; display:grid; gap:45px;}
.join-form h3 {font-size:15px; line-height:1.3em;}
.join-form .required {color:#f84949;}
.join-form .group {display:grid; gap:8px; line-height:1.3em;}
.join-form .group .flex {display:flex; gap: 8px;}
.join-form .group .flex .btn-pack.medium {width: auto; height: 60px; line-height:60px; margin-left: 5px; border-radius:5px;} 
.join-form .tit {display:block; margin-bottom:4px; font-weight:600; color:#2c2c2c; font-size:var(--font-size-18);}
.join-form .btn-pack {display:block; width:100%; font-weight:700;}
.join-form .input {display:block; width:100%; color:#a8a8a8;}
.join-form .group .read-only {padding:15px 0 20px;}

.join-form .input.c2 {color:#2c2c2c;}
.join-form .input.c2::-webkit-input-placeholder {color:#505050;}
.join-form .input.c2:-moz-placeholder {color:#505050;}
.join-form .input.c2::-moz-placeholder {color:#505050;}
.join-form .input.c2:-ms-input-placeholder {color:#505050;}
.join-form .input.c2:placeholder-shown {color:#505050;}

.join-form .group.answer .tit {color:var(--color-primary);}
.join-form .group.answer .box {padding: 20px; font-size:var(--font-size-15); color: #2c2c2c; border:1px solid #2c2c2c; border-radius:6px;}


/* 가입완료 */
.join-complete {max-width:470px; margin:0 auto; text-align:center;}
.join-complete .inner {margin-bottom:18px; padding:40px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.join-complete .tit {margin:40px 0 20px; color:#2c2c2c; font-size:var(--font-size-22); font-weight:600; line-height:1.4em; letter-spacing:-.04em;}
.join-complete .txt {color:#505050;}
/* .join-complete .icon img {height:74px;} */
.join-complete .btns {display:flex; gap:6px;}
.join-complete .btn-pack {width:50%; border-radius:5px;}

/* 계정찾기 */
.find-area {max-width:470px; margin:0 auto;}
.find-tab {text-align:center; margin-bottom:30px;}
.find-tab ul {display:flex; justify-content: center;}
.find-tab ul li {padding: 0 3px;}
.find-tab ul li a {height: 42px; padding: 0 20px; min-width:90px; background-color: #f4f4f4; display:flex; align-items:center; justify-content:center; width:100%; color:#2c2c2c; font-size:var(--font-size-14); font-weight:700; border-radius:30px;}
.find-tab ul li.active a {color: #fff; background-color: #ff5800; font-weight:500;}
.find-content .group {margin-bottom:8px;}
.find-content .group .input {display:block; width:100%; height:54px; font-size:16px;}
.find-content .btn-pack {display:block; width:100%; margin-top:10px; border-radius:5px;}
.find-content .btn-pack.focus {margin-top:18px;}
.find-content .btn-pack.xlarge {font-weight:500;}
.find-result {text-align:center; padding:35px 0; color:#505050; font-weight:400; line-height:1.75em; border-bottom:1px solid #eee; border-top:1px solid #ddd;}
.find-result h4 {color:#2c2c2c; font-size:22px; font-weight:600; line-height:1.4em; margin-bottom:20px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {margin-bottom: 5px; color:#2c2c2c; font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave .txt {padding-top: 45px; text-align:center; color:#505050; line-height:1.7em; margin-bottom:40px;}
.member-leave .txt .tit {color:#333; font-size:20px; line-height:1.5em; margin-bottom:15px;}
.member-leave .form {max-width:470px; margin:0 auto 40px; padding:50px; color:#666; font-size:16px; line-height:1.5em; background:#f9f9f9; border:1px solid #e5e5e5; border-radius:10px;}
.member-leave .form .group {display:flex; align-items:center; margin-bottom:20px;}
.member-leave .form .group:last-child {margin-bottom:0;}
.member-leave .form .group .label-tt {width:110px; color:#222; font-weight:700;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%;}

/* 마이페이지 - Dashboard */
.mypage-info-wrap {display:flex; gap:6px; margin-bottom:40px;}
.mypage-info-box {padding:25px 30px; background:#f8f8f8; border-radius:6px; color:#505050; font-size:15px; line-height:1.5em;}
.user-info-box {width:72%; display:flex; align-items:center;}
.user-info-box .pf-icon {position:relative; width:70px; height:70px; margin-right:24px; border:0; background:#fff; border-radius:100%;}
.user-info-box .pf-icon img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; object-fit:cover;}
.user-info-box .pf-icon i {display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; right:0; width:24px; height:24px; background:rgba(0,0,0,.7); border-radius:100%;}
.user-info-box .pf-icon i svg {width:14px; height:auto;}
.user-info-box .pf-icon i path {fill:#fff;}
.user-info-box .pf-name {flex:1 1 auto; min-width:0; width:1%;}
.user-info-box .pf-name p {margin:2px 0;}
.user-info-box .pf-name strong {color:#2c2c2c; font-size:20px; line-height:1.5em;}
.wishlist-info-box {display:flex; align-items:center; justify-content:center; width:38%;}
.wishlist-info-box dl {display:flex; align-items:center; justify-content:space-around; gap:24px; width:100%;}
.wishlist-info-box dt {font-weight:700;}
.wishlist-info-box .gs-button {display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0;}
.wishlist-info-box .count {color:var(--color-third); font-size:20px;}

/* 마이페이지 - 프로필 아이콘 설정 */
.profile-images {padding-top:5px;}
.profile-images .items {display:grid; gap:30px 25px; grid-template-columns:repeat(7, 1fr);}
.profile-images .item {position:relative;}
.profile-images .item input {position:absolute; width:0; height:0; z-index:-1; opacity:0;}
.profile-images .item label {display:block; position:relative; padding-bottom:100%; cursor:pointer;}
.profile-images .item label:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; border:1px solid #dfdfdf; z-index:2;}
.profile-images .item label:after {content:''; display:none; position:absolute; bottom:-6px; left:50%; z-index:3; margin-left:-8px; width:16px; height:16px; border-radius:100%; background:var(--color-primary) url('/images/bbs/checkbox.svg') 50% 50% no-repeat; background-size:8px;}

.profile-images .item img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%;}
.profile-images .item input:checked + label:before {border:2px solid var(--color-primary);}
.profile-images .item input:checked + label:after {display:block;}

/* 마이페이지 - Layout */
.mypage-wrap {display:flex; align-items:flex-start; gap:60px;}
.mypage-wrap .join-wrap {max-width:100%;}
.mypage-wrap .inquiry-wrap {max-width:520px; margin:0;}
.mypage-wrap .inquiry-wrap .form {max-width:100%; margin:0;}
.mypage-wrap .inquiry-wrap .btn-set.large {min-width:175px; margin:0 4px;}
.mypage-wrap .join-wrap .leave {font-size:12px; margin-top:25px; letter-spacing: -.03em; line-height:1.3em; font-weight: 500; text-align: right; color: #a8a8a8; display: block;}
.mypage-wrap .join-wrap .leave:hover {text-decoration: underline;}

.mypage-nav {width:270px;}

.mypage-nav .member-info {}
.mypage-nav .member-info strong {margin:var(--margin-bottom-20) 0 10px; font-size:var(--font-size-18); font-weight: 600; color:#2c2c2c; display: block;}
.mypage-nav .member-info p {margin-bottom:25px; font-size:var(--font-size-13);}
.mypage-nav .member-info a {font-size:var(--font-size-14); line-height:1.3em; font-weight: 500; color: #a8a8a8; letter-spacing: -.04em; display: block;}
.mypage-nav .member-info a i {width:18px; height:18px; margin:-1px 5px 0 0; vertical-align: middle; background-image: url('../images/member/mpg-logout.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; display: inline-block;}
.mypage-nav .member-info a:hover {text-decoration: underline;}

.mypage-nav-group {padding:35px 30px; margin-bottom: 10px; border:1px solid #dfdfdf; border-radius:10px;}
.mypage-nav-group:last-child {margin-bottom: 0 !important;}
.mypage-nav-group ul li {margin-bottom: var(--margin-bottom-20); font-size:var(--font-size-15); line-height:1.3em;}
.mypage-nav-group ul li:last-child {margin-bottom: 0 !important;}
.mypage-nav-group ul li a {display:block;}
.mypage-nav-group ul li a:hover,
.mypage-nav-group ul li.active a {color:var(--color-primary); font-weight:700;}

.mypage-menu .tit {margin-bottom:var(--margin-bottom-20); font-size:var(--font-size-14); line-height:1.3em; font-weight: 500; color: #a8a8a8; letter-spacing: -.04em;}

.mypage-content {flex:1 1 auto; min-width:0; width:1%;}
.mypage-content .gs-view-head h2 {font-size:18px;}

.mypage-content-section {margin-bottom:70px;}
.mypage-content-section:last-child {margin-bottom:0;}

.mypage-content-title {border-bottom: 2px solid #2c2c2c; position:relative; display:flex; align-items:center; justify-content:space-between; padding-bottom:var(--margin-bottom-30);}
.mypage-content-title h2 {color:#2c2c2c; font-size:var(--font-size-28); line-height:1.3em;}
.mypage-content-title .more {color:#878787; font-weight:500; font-size:13px;}
.mypage-content-title.none-line {padding-bottom:0; margin-bottom:20px; border-bottom:0;}
.mypage-content-title + .order-date {margin-top:0;}
.mypage-content-title .pf {font-size: var(--font-size-14); color: #2c2c2c; font-weight: 500; letter-spacing: -.03em;}

.goods-item-slider {position:relative;}
.goods-item-slider .slide-btn {display:flex; align-items:center; justify-content:center; position:absolute; top:50%; z-index:10; margin-top:-64px; width:44px; height:44px; background:#fff; border:1px solid #dfdfdf; border-radius:100%; box-shadow:2px 3px 3px rgba(0,0,0,.2); transition:.2s;}
.goods-item-slider .slide-btn:hover path {fill:var(--color-primary);}
.goods-item-slider .slide-btn svg {width:10px; height:auto;}
.goods-item-slider .slide-btn path {fill:#505050;}
.goods-item-slider .slide-btn.prev {left:-22px;}
.goods-item-slider .slide-btn.next {right:-22px;}
.goods-item-slider .swiper-button-disabled {display:none;}

.mypage-order-status {display:flex; margin-bottom:20px; border:1px solid #dfdfdf; border-radius:6px; text-align:center; color:#505050; font-size:17px; line-height:1.5em;}
.mypage-order-status .item {flex:1; position:relative; padding:20px;}
.mypage-order-status .item:after {content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:12px; height:12px; border: solid #bdbdbd; border-width:2px 2px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.mypage-order-status .item:last-child::after {display:none;}
.mypage-order-status .item strong {color:var(--color-third); font-size:1.3em; line-height:1.5em;}

.mypage-order-select-period {display:flex; gap:10px; margin-bottom:20px;}
.mypage-order-select-period .input {min-width:120px;}

.mypage-notification {color:#505050; font-size:15px; line-height:1.5em;}
.mypage-notification ul {display:grid; gap:8px;}
.mypage-notification ul li {position:relative; padding-left:.7em;}
.mypage-notification ul li:before {content:'-'; position:absolute; top:0; left:0;}

/* 버튼 wrap */
.btn-wrap {gap:10px; display:flex; justify-content: center;}
.btn-wrap .doc-btn {width: 157px; margin: 0; border-color:var(--color-primary);}
.btn-wrap .border {color: var(--color-primary);}
.btn-wrap .focus {color: #fff; background-color: var(--color-primary);}
.btn-wrap .bk {border:1px solid #ddd;}
.btn-wrap.ty2 {justify-content: space-between;}
.btn-wrap .flex {display: flex; gap:10px;}


/* Private Tour */
.pt-list {}
.pt-list .item {padding: 30px 0 40px; display:flex; border-bottom:1px solid #ddd; align-items: center;}
.pt-list .item .col {}
.pt-list .item .col-l {flex:1;}
.pt-list .item .col-l p {font-size:var(--font-size-14); font-weight: 500; color: #a8a8a8; letter-spacing: -.03em; line-height:1.4em;}
.pt-list .item .col-l p .bar {height: 12px; margin: 0 10px; width: 1px; background-color: #ccc; display: inline-block;}
.pt-list .item .col-l .date {margin:10px 0 20px; font-size: var(--font-size-22); font-weight: 600; color: #2c2c2c; letter-spacing: -.03em; line-height:1.4em;}
.pt-list .item .col-l .type {}
.pt-list .item .col-l .type.ty1 {color: var(--color-primary);}
.pt-list .item .col-l .type.ty2 {color:#a8a8a8;}

.pt-list .item .col-r {font-size:var(--font-size-14); text-align: right; flex:1;}
.pt-list .item .col-r .info {}
.pt-list .item .col-r .info p {margin-bottom: 5px; line-height:1.3em; font-weight: 500;}
.pt-list .item .col-r .info p:last-child {margin-bottom: 0;}
.pt-list .item .col-r a {min-width:78px; height:42px; margin-top: 25px; align-items: center; justify-content: center; color: #2c2c2c; font-weight: 700; display:inline-flex; border-radius:5px; border:1px solid #ddd;}

.contact-menu {margin-top: 40px;}
.contact-menu ul {display:flex; gap:6px;}
.contact-menu ul li {}
.contact-menu ul li a {height: 42px; min-width:63px; padding: 0 20px; align-items: center; justify-content: center; font-size:var(--font-size-14); font-weight: 700; color: #2c2c2c; display:flex; border-radius:30px; background-color: #f4f4f4;}
.contact-menu ul li.active a {color: #fff; background-color: var(--color-primary);}