@charset "utf-8";

/* 로그인 */
.login-area {max-width:470px; margin:0 auto;}
.login-tab {text-align:center; border-bottom:4px solid #df6a1a; margin-bottom:50px;}
.login-tab ul {display:flex; padding:0 2px;}
.login-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.login-tab ul li a {display:block; color:#333; font-size:18px; line-height:60px;}
.login-tab ul li.active {position:relative; z-index:2; border-color:#df6a1a;}
.login-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.login-tab ul li.active a {color:#df6a1a; font-weight:500;}
.login-content .group {margin-bottom:8px;}
.login-content .group .input {display:block; width:100%; height:54px; font-size:16px;}
.login-content .links {display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em;}
.login-content .links a:hover {text-decoration:underline;}
.login-content .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-content .btn-pack {display:block; width:100%; margin-top:10px;}
.login-content .btn-pack.focus {margin-top:20px;}
.login-content .btn-pack.xlarge {font-weight:500;}

.sns-login {text-align:center; margin-top:50px;}
.sns-login .tit {position:relative; color:#333; font-size:15px; font-weight:400; line-height:1.3em; margin-bottom:35px;}
.sns-login .tit:before {content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:#ddd;}
.sns-login .tit span {display:inline-block; position:relative; padding:0 30px; background:#fff;}
.sns-login a {margin:0 12px;}
.sns-login .sns1 {background-color: #1dc800; border-color:#1dc800; color: #fff;}
.sns-login .sns2 {background-color: #fbe300; border-color:#fbe300;}
.sns-login .sns4 {background-color: #df6a1a; border-color:#df6a1a; color: #fff;}
.sns-login img {vertical-align: middle; margin:-4px 12px 0 0;}

.sns-join a {width:100%; max-width:470px; display: block; margin:0 auto 10px !important;}

/* 약관동의 */
.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:500; line-height:1.3em; letter-spacing:-.03em;}
.agree-wrap .agree-tit .checkbox label:before {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:#df6a1a; border-color:#df6a1a; 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:300; margin-bottom:0;}
.agree-wrap .agree-box .terms-wrap .sec strong {font-weight:300;}

.terms-wrap {font-weight:300; color:#666; line-height:1.75em; letter-spacing:-.03em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:500; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:500;}
.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-form {max-width:900px; margin:0 auto;} */
.join-form .required {color:#fd8239}
.join-form .join-form-txt {color:#505050; font-weight:300; line-height:1.4em; margin-bottom:12px;}
.join-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.join-form table th {padding:12px 15px; border:1px solid #ddd; background:#fafafa; font-weight:500; color:#333;}
.join-form table td {padding:12px 20px; border:1px solid #ddd; color:#505050;}
.join-form tr th:first-child,
.join-form tr td:first-child {border-left:0;}
.join-form tr th:last-child,
.join-form tr td:last-child {border-right:0;}
.join-form input[readonly] {background-color:#fff; color:#505050;}
.join-form .help-text {display:inline-block; margin-left:10px; color:#767676;}
.join-form + .buttons {margin-top:50px;}

/* 가입완료 */
.join-complete {text-align:center;}
.join-complete .tit {color:#df6a1a; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; margin-bottom:30px;}
.join-complete .txt {color:#333; font-size:18px; line-height:1.8em; letter-spacing:-.03em;}
.join-complete .icon {width:180px; height:180px; background:#df6a1a url("../images/member/complete.png") 50% 50% no-repeat; border-radius:100%; margin:36px auto 45px;}
.join-complete .buttons {margin:0;}

/* 게정찾기 */
.find-area {max-width:470px; margin:0 auto;}
.find-tab {text-align:center; border-bottom:4px solid #df6a1a; margin-bottom:50px;}
.find-tab ul {display:flex; padding:0 2px;}
.find-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.find-tab ul li a {display:block; color:#333; font-size:18px; line-height:60px;}
.find-tab ul li.active {position:relative; z-index:2; border-color:#df6a1a;}
.find-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.find-tab ul li.active a {color:#df6a1a; 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;}
.find-content .btn-pack.focus {margin-top:30px;}
.find-content .btn-pack.xlarge {font-weight:500;}
.find-result {text-align:center; padding:34px 42px; color:#505050; font-size:18px; font-weight:300; line-height:1.75em; letter-spacing:-.03em; background:#fafafa; border-top:2px solid #df6a1a; border-bottom:1px solid #ddd;}
.find-result h4 {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; margin-bottom:20px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {color:#df6a1a; font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave .txt {text-align:center; color:#505050; line-height:1.7em; letter-spacing:-.03em; 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:90px; color:#222; font-weight:500;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%;}

/* 마이페이지 */
.board-table table {border-top:2px solid #000; text-align: center; width:100%; border-collapse:collapse; border-spacing:0px;}
.board-table table thead th {background-color:#f4f4f4; font-weight:500; line-height:1.3em; border-bottom:1px solid #ddd;}
.board-table table tbody td {line-height:1.5em; border-bottom:1px solid #ddd;}
.board-table table thead th,
.board-table table tbody td {padding:15px 7px; font-size:17px; border-left:0; border-right:0; color: #555;}
.board-table table tbody td a:hover {text-decoration:underline;}
.board-table table tbody tr:hover td {background-color:#fafafa;}

.list-info-box {margin-bottom:25px; padding:25px 45px; background-color: #f5f5f5;}
.list-info-box ul {}
.list-info-box ul li {font-size:18px; margin-bottom:9px; font-weight:500; color:#333; letter-spacing:0; line-height:1.3em; display:flex;}
.list-info-box ul li:last-child {margin-bottom:0;}
.list-info-box ul li .tit {width:150px;}
.list-info-box ul li .txt {flex:1;}

.mypage-board table {font-size:18px;}
.mypage-board table td {font-weight:500; color: #333;}
.mypage-board table th {padding:12px 8px 12px 32px; text-align: left;}
.mypage-board table th span {width:20px; display: inline-block;}
.mypage-board table th .required {padding-right:10px; color: #de611b;}
 
.delivery-info {margin:50px 0 60px; padding:30px 55px; border:1px solid #ddd; display:flex;}
.delivery-info .icon {margin-right:40px;}
.delivery-info .txt {flex:1;}
.delivery-info .txt .tit {font-size:20px; margin-bottom:15px; font-weight:700; letter-spacing:-.025em; line-height:1.3em;}
.delivery-info .txt ul li {padding-left:20px; margin-bottom:7px; position: relative;}
.delivery-info .txt ul li:last-child {margin-bottom:0;}
.delivery-info .txt ul li:before {position: absolute; content: ''; width:3px; height:3px; top:13px; left:0; background-color: #555; border-radius:10px;}
.delivery-info .txt ul li span {padding:0 15px; position: relative;}
.delivery-info .txt ul li span:first-child {padding-left:0;}
.delivery-info .txt ul li span:after {position: absolute; content: ''; width:1px; height:13px; top:50%; transform:translateY(-50%); right:0; background-color: #ddd;}
.delivery-info .txt ul li span:last-child:after {display: none;}

.table-group {margin-bottom:50px;}
.table-group .total {font-size:24px; padding:20px 20px 0; display:flex; color: #555; font-weight:500; letter-spacing:-.025em; justify-content: space-between; align-items: center;}
.table-group .total .item {display:flex;}
.table-group .total .item p {margin-right:20px;}
.table-group .total .item span {font-size:18px; padding-left:17px; position: relative; letter-spacing:-.025em;}
.table-group .total .item span strong {font-size:24px; letter-spacing:-.025em; padding:0 17px; color: #de611b; font-weight:500;}
.table-group .total .item span:before {position: absolute; content: ''; width:1px; height:18px; top:7px; left:0; background-color: #ddd;}

.total-box {padding:30px 30px 25px; margin-bottom:30px; background-color: #f5f5f5;}
.total-box .total-amount {padding:25px 40px 25px 65px; margin-bottom:20px; display:flex; background-color: #383838; color: #fff; justify-content: space-between; align-items: center;}
.choice-num {font-size:18px; letter-spacing:-.025em;}
.choice-num span {padding:0 5px; color: #ff6800; font-weight:700; display: inline-block;}
.total-box .total-amount ul {padding-left:60px; position: relative;}
.total-box .total-amount ul:before {position: absolute; content: ''; width:1px; height:90px; top:50%; transform:translateY(-50%); left:0; background-color:rgba(255,255,255,.2);}
.total-box .total-amount ul li {margin-bottom:10px; display:flex; justify-content: space-between;}
.total-box .total-amount ul li:last-child {margin-bottom:0;}
.total-box .total-amount ul li .tit {font-size:18px; width:240px; letter-spacing:-.025em; line-height:1.3em;}
.total-box .total-amount ul li .price {font-size:20px; letter-spacing:-.025em;}
.total-box .total-amount ul li .price.big {font-size:24px; font-weight:700; letter-spacing:-.025em;}
.total-box .total-amount ul li .price .color-1 {color: #ff5400;}
.total-box .pf-list {padding-left:15px; font-size:18px; font-weight:500; letter-spacing:-.025em; line-height:1.667em;}

.search-day {margin-bottom:20px; text-align: right;}
.search-day input {width:108px; height:36px; font-size:14px;}
.search-day .ui-datepicker-trigger {border:none; width:40px; height: 36px;}
.search-day span {padding:0 10px;}
.search-day .btn-pack {width:58px; height:36px; text-indent:-999em; background-image: url('../images/sub/search_icon.png'); background-repeat:no-repeat; background-position:center;}

.note {font-size:18px; letter-spacing:-.025em; font-weight:500; color: #555;}

.point {margin:0 0 25px 20px;}
.point span {color:#0053bc; font-weight:700;}
.point img {margin:-10px 15px 0 0;}

.mypage-board table td {height:70px;}

.wid1 {width:100%; max-width:410px;}
.wid2 {width:100%; max-width:325px;}

.doc-cnt {margin-bottom:35px;}
.doc-tit-etc {margin-bottom:12px; display:flex; align-items: center;}
.doc-tit-etc .doc-tit {padding-bottom:0;}
.doc-tit-etc .checkbox {padding-left:20px;}

.leave-btn {margin-top:50px; font-size:18px; font-weight:300; text-align: right;}
.leave-btn a {padding:3px 11px; margin-left:20px; display: inline-block; border-radius:3px; font-weight:500; border:1px solid #ddd; color: #373737;}

.top-flex {display:flex;justify-content: space-between;}

.help-text {font-size:16px; font-weight:400; color: #505050;}

.agree-box-wrap {margin-top:35px;}
.agree-box-wrap .title2 {font-size:18px; padding-bottom:5px; font-weight:500;}
.agree-box-wrap .item.fisrt a {border-top:1px solid #ddd;}
.agree-box-wrap .item a {font-size:18px; padding-left:30px; border-bottom:1px solid #ddd; height:65px; display:flex; align-items: center; position: relative;}
.agree-box-wrap .item a:after {position:absolute; content:''; width:16px; height:10px; right:15px; top:50%; transform:translateY(-50%); background-image:url('../images/sub/arrow_down.png'); background-size:contain; background-repeat:no-repeat;}
.agree-box-wrap .item .agree-box {display: none;}

.agree-box-wrap .terms-wrap {padding-top:20px; padding-left:30px; border-bottom:1px solid #ddd;}

.agree-box-wrap .item.active a {background-color: #fafafa;}
.agree-box-wrap .item.active a:after {background-image:url('../images/sub/arrow_up.png');}
.agree-box-wrap .item.active .agree-box {display: block;}