@charset "utf-8";

.l-container {}

.l-container .logo {text-align:center; padding:50px 0 40px 0;}
.l-container .logo img {width:100%; height:auto; border:0; max-width:640px; max-height:640px;}
.l-container .title {text-align:center; padding:39px 0 32px 0;}
.l-container .title span {font-size:24px; line-height:1.5; color:#232323;}

/*.l-container .m-wrap .block {display:none;}
.l-container .m-wrap .block.focus {display:block;}*/
.l-container .list {position:relative; display:block;}
.l-container .list ul {display:flex; flex-direction:column;}
.l-container .list ul li {margin-top:5px; width:100%;}
.l-container .list ul li:nth-child(1) {margin-top:0;}
.l-container .list ul li .input {border:1px solid #cccccc; width:calc(100% - 2px); height:50px;}
.l-container .list ul li .input .name {font-size:16px; line-height:50px; color:#999999;}
.l-container .list ul li .input .name {left:15px;}
.l-container .list ul li .input input {width:calc(100% - 30px); height:50px; padding:0 15px;}
.l-container .list ul li .input input {font-size:16px; line-height:50px;}
.l-container .list ul li .input input::placeholder {color:#999999;}

.l-container .list ul li .input.focus input {color:#000000 !important;}
.l-container .list ul li .input.value input {color:#333333;}
.l-container .autologin {display:flex; flex-direction:row; margin:10px 0 25px 0;}
.l-container .autologin .checkbox {width:24px; height:24px;}
.l-container .autologin .checkbox label {width:22px; height:22px; border:1px solid #cccccc; border-radius:100%; position:relative; background:#ffffff;}
.l-container .autologin .checkbox label svg {width:16px; height:11px; position:absolute; top:calc(50% - 5.5px); left:calc(50% - 8px); opacity:.3;}
.l-container .autologin label {cursor:pointer; font-size:13px; line-height:24px; color:#999999;}
.l-container .autologin > label {margin-left:10px;}

.l-container .autologin .checkbox label.focus {background:var(--color2); border-color:var(--color2);}
.l-container .autologin .checkbox label.focus svg {opacity:1; fill:#ffffff;}

.submit,
.order-guest {cursor:pointer; font-size:16px; line-height:50px; color:#ffffff; text-align:center;}
.order-guest {margin-top:10px; background:#8a8d93;}

.l-container .link {margin:25px 0 50px; text-align:center;}
.l-container .link a {font-size:13px; line-height:20px; color:#999999;}
.l-container .link a {display:inline-block; padding:0 15px 0 16px; position:relative;}
.l-container .link a:before {content:''; display:block; height:12px; width:1px; background:#e4e4e4; position:absolute; left:0; bottom:4px;}
.l-container .link a:nth-child(1) {padding:0 15px 0 15px;}
.l-container .link a:nth-child(1):before {display:none;}

.l-container .account ul {display:flex; flex-direction:column; align-items:center; margin-bottom:50px;}
.l-container .account ul li {border:1px solid #e4e4e4; width:calc(100% - 2px); height:44px; text-align:center; margin-top:10px;}
.l-container .account ul li:nth-child(1) {margin-top:0;}
.l-container .account ul li span {font-size:14px; line-height:44px; color:#555555;}
.l-container .account ul li span:nth-child(2) {margin-left:10px;}
.l-container .account ul li span:nth-child(3) {margin-left:7px;}
.l-container .account ul li .icon {width:26px; height:26px; vertical-align:middle;}
.l-container .account ul li .icon svg {width:26px; height:26px;}
.l-container .account [data-btn] {cursor: pointer;}

.l-container .account.type2 ul {flex-direction:row;}
.l-container .account.type2 ul li {cursor:pointer;border:0; padding:0; height:auto; margin-top:0; display:flex; flex-direction:column; align-items:center;}
.l-container .account.type2 ul li .icon {border:1px solid #e4e4e4; border-radius:100%; width:50px; height:50px; background:#ffffff;}
.l-container .account.type2 ul li .icon svg {width:28px; height:28px; vertical-align:middle;}
.l-container .account.type2 ul li span:nth-child(2) {margin-left:0; line-height:1.5}
.l-container .account.type2 ul li span:nth-child(3) {display:none;}

.login-naver svg {fill:#21c603;}
.login-kakao svg {fill:#3a2020;}
.login-facebook svg {fill:#3c5a9a;}
.login-google svg {fill:#da4835;}

.login-fail {padding:25px 0 60px 0; text-align:center;}
.login-fail ul li:nth-child(1) {margin-bottom:25px;}
.login-fail ul li .text-result {font-size:16px; line-height:1.5; color:#333333;}
.login-fail ul li .retry .btn {display:inline-block; padding:0 20px; border-radius:3px; background:#555555; height:40px;}
.login-fail ul li .retry .btn {font-size:16px; line-height:38px; color:#ffffff;}