@charset "utf-8";

/* 로그인 */
.login-area {text-align:center;}
.login-area .login-box {display:block;max-width:500px;;margin:0 auto;; padding:22px 22px; border:1px solid #ddd; border-radius:10px;}
.login-area .login-box .tit {padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #eee; text-align:left;}
.login-area .login-box .tit p {font-size:11px; font-weight:500; color:#aaa; line-height:1.3em;}
.login-area .login-box .tit h3 {font-size:22px; font-weight:500; color:#333; line-height:1.3em; letter-spacing:-1px;}
.login-area .login-box .form {padding:0; text-align:left;}
.login-area .login-box .form fieldset {position:relative; padding:0 80px 0 0;}
.login-area .login-box .form .group {padding:3px 0; text-align:left;margin:0 10px 0 0;}
.login-area .login-box .form .group:after {content:"";display:block;clear:both;}
.login-area .login-box .form .group label {float:left;display:block;width:75px;height:35px;font-size:14px;line-height:35px;font-weight:400;color:#333;vertical-align:middle;}
.login-area .login-box .form .input {float:left;width:calc(100% - 75px) !important;height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;width:calc(100% - 78px);}
.login-area .login-box .form .inputbox-tels {float:left;width:calc(100% - 75px) !important;line-height:35px;}
.login-area .login-box .form .inputbox-tels:after {content:"";display:block;clear:both;}
.login-area .login-box .form .inputbox-tels .bar {float:left;width:10px;text-align:center;}
.login-area .login-box .form .inputbox-tels .input {float:left;width:calc(33.3333% - 7px) !important;}
.login-area .login-box .form .select {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.login-area .login-box .form .btn-pack.login {position:absolute; top:3px; right:0; width:80px; height:76px; font-size:16px; font-weight:400;}



.member-top-logo {text-align:center;margin:0 0 70px;}
.member-top-logo img {}

.member-type-nav {border-bottom:1px solid #bcbcbc;margin:0 0 35px;}
.member-type-nav ul {text-align:center;margin:0 0 -1px;}
.member-type-nav ul li {display:inline-block;width:29.999%;max-width:110px;margin:0 35px;}
.member-type-nav ul li a {display:block;width:100%;font-size:18px;font-weight:500;line-height:49px;color:#686868;position:relative;}
.member-type-nav ul li a:after {content:"";display:none;width:100%;height:3px;background:#2a5faa;position:absolute;left:0;bottom:0;}
.member-type-nav ul li.active a {color:#2a5faa;}
.member-type-nav ul li.active a:after {display:block;}






.new-login-box {max-width:520px;margin:0 auto;text-align:left;}
.new-login-box .tit {font-family:"roboto";font-size:40px;font-weight:400;line-height:1.25em;letter-spacing:-0.02em;color:#242424;margin-bottom:15px;}
.new-login-box .form {}
.new-login-box .form fieldset {}
.new-login-box .form form {display:block;}
.new-login-box .form .group {margin-bottom:10px;}
.new-login-box .form .group .input {width:100%;height:50px;border:1px solid #ddd;font-size:15px;line-height:20px;padding:5px 14px;}
.new-login-box .form .login-bottom-ps {font-size:15px;font-weight:400;line-height:1.5em;color:#686868;margin-bottom:10px;}
.new-login-box .form .login-bottom-ps .row {}

.new-login-box .form .login-bottom-ps .remember-chk {display:block;float:left;position:relative;padding:0 0 0 27px;cursor:pointer;}
.new-login-box .form .login-bottom-ps .remember-chk input {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;opacity:0;}
.new-login-box .form .login-bottom-ps .remember-chk input + .chkbox {display:block;width:20px;height:20px;border-radius:3px;position:absolute;left:0;top:50%;transform:translate(0,-50%);background:#333;}
.new-login-box .form .login-bottom-ps .remember-chk input + .chkbox:after {content:"";display:none;width:12px;height:8px;background:url("../images/bbs/chkbox_icon.png") 0 0 no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.new-login-box .form .login-bottom-ps .remember-chk input:checked + .chkbox:after {display:block;}

.new-login-box .form .login-bottom-ps .forgot-info {text-align:right;}
.new-login-box .form .login-bottom-ps .forgot-info a {display:inline-block;vertical-align:top;font-size:15px;font-weight:500;line-height:1.5em;color:#2a5faa;}
.new-login-box .form .login-bottom-ps .forgot-info a img {vertical-align:middle;margin:-0.2em 0 0 9px;}

.new-login-box .form .login-btns-box {}
.new-login-box .form .login-btns-box .new-login-btn {display:block;text-decoration:none !important;font-size:17px;font-weight:500;line-height:50px;color:#fff;background:#2a5faa;border:0;width:100%;}


.new-login-box .not-member-nav {margin:15px 0 0 0;padding:15px 0 0 0;border-top:1px solid #ddd;}
.new-login-box .not-member-nav ul {}
.new-login-box .not-member-nav ul li {}
.new-login-box .not-member-nav ul li a {display:block;text-align:center;font-size:17px;font-weight:500;line-height:48px;color:#2a5faa;border:1px solid #ddd;}


/* 회원정보 */
.join-area {max-width:1000px;margin:0 auto;}
.join-area .group-tit {margin:0 0 5px;}
.join-area .group-tit h3 {padding:0 0 0 19px;position:relative;margin-bottom:5px;font-size:16px;font-weight:500;line-height:30px;letter-spacing:-0.03em;color:#686868;}
.join-area .group-tit h3:before {content:"";display:block;width:13px;height:13px;border-radius:100%;border:3px solid #0067b3;position:absolute;left:0;top:9px;}

.join-area .form {margin:0 0 35px;}

.join-area .form .group-tit {}
.join-area .form .group-tit:after {content:"";display:block;clear:both;}
.join-area .form .group-tit h3 {float:left;}
.join-area .form .group-tit .ps {float:right;font-size:15px;font-weight:500;line-height:30px;color:#686868;}

.join-area .form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.join-area .form table th {border-bottom:1px solid #ddd;text-align:left;font-size:16px;font-weight:400;line-height:20px;color:#454545;padding:10px 10px 10px 20px;height:59px;}
.join-area .form table td {padding:10px;border-bottom:1px solid #ddd;font-size:16px;font-weight:400;line-height:20px;color:#454545;}
.join-area .form table td .input,
.join-area .form table td .select {height:40px;}

.join-area .form .input-flex-container {display:flex;justify-content:space-between;}
.join-area .form .input-flex-container .inputbox {flex:1 1 560px;margin-right:15px;}
.join-area .form .input-flex-container .btnbox {flex:1 1 195px;}
.join-area .form .input-flex-container .btnbox a {display:block;text-align:center;text-decoration:none;font-size:15px;font-weight:400;line-height:38px;border:1px solid #ddd;}
.join-area .form .input-flex-container .btnbox a.btn-1 {color:#686868;}
.join-area .form .input-flex-container .btnbox a.btn-2 {color:#fff;background:#454545;border-color:#454545;}
.join-area .form .input-flex-container.ty2 {max-width:350px;}
.join-area .form .input-flex-container.ty2 .inputbox {flex:1 1 190px;}
.join-area .form .input-flex-container.ty2 .btnbox {flex:1 1 150px;}

.join-area span.req {color:#ff0000;}

.agree-zone {}
.agree-zone .agree-letter {text-align:center;font-size:14px;font-weight:500;line-height:1.5em;color:#5b5b5b;margin:15px 0 35px;}
.agree-zone .agree-letter a {text-decoration:none;border-bottom:1px solid #a4a4a4;}
.agree-zone .agree-letter a:hover {color:#2a5faa;border-bottom-color:#2a5faa;}
.agree-zone .box {border:1px solid #d8d8d8;background:#f7f7f7;height:220px;overflow:auto;padding:15px;font-size:16px;font-weight:300;line-height:1.6em;letter-spacing:-0.03em;color:#686868;}

.join-complete {}
.join-complete .letter {text-align:center;margin-bottom:50px;font-weight:400;line-height:30px;letter-spacing:-0.03em;color:#454545;}
.join-complete .letter .tit {font-size:20px;}
.join-complete .letter .txt {font-size:16px;}


.agree {color:#666;}
.agree h4 {font-size:14px; font-weight:400; color:#444; margin:0 0 10px 0;}
.agree p {text-align:left; margin: 10px 0; font-size:14px;}
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:400;}
.agree dd {font-size:14px;}
.agree li {padding: 0 0 0 6px;}
.agree strong {font-weight:500;}
.agree .sub-law dt {font-weight:normal;}
.agree .policy-list {*zoom:1;}
.agree .policy-list:after {content:" "; display:block; clear:both;}
.agree .policy-list {padding:10px; background:#f9f9f9; border-top:1px solid #ddd; margin: 0 0 20px 0;}
.agree .policy-list li {float:left; width:50%; padding: 5px 15px 5px 15px; line-height:22px; box-sizing:border-box;}
.agree .policy-list span {color:#999999; font-size:14px;}
.agree .policy-list a {color:#666; font-size:14px;}
.agree .contact-info {*zoom:1; margin:20px 0;}
.agree .contact-info:after {content:" "; display:block; clear:both;}
.agree .contact-info li {float:left; width:44%; border:1px solid #aaa; padding:5px 15px; margin:0 10px 0 0; text-indent:0;}

.agree-box {margin:0 0 30px;}
.agree-box.last {margin-bottom:0}
.agree-box .tit1 {font-size:18px;font-weight:500;line-height:30px;margin:0 0 7px;}
.agree-box .chk {padding-top:10px;}
.agree-box .box {border:1px solid #ddd;height:180px;overflow:auto;padding:15px;}

/* 아이디/비밀번호 찾기 */
.find-wrap {text-align:center;}
.find-account {display:inline-block;*zoom:1;*display:inline;vertical-align:top; margin:0 15px; padding:22px 22px; border:1px solid #ddd; border-radius:10px;}
.find-account .tit {padding-bottom:16px; border-bottom:1px solid #eee; text-align:left;}
.find-account .tit h3 {margin-bottom:5px; font-size:18px; font-weight:500; color:#333; line-height:1.2em; letter-spacing:-1px;}
.find-account .tit p {font-size:13px; font-weight:300; color:#888; line-height:1.2em;}
.find-account .form {padding:20px 0; text-align:left;}
.find-account .form fieldset {position:relative; padding:0 80px 0 0;}
.find-account .form .group {padding:3px 0; text-align:left;margin:0 10px 0 0;}
.find-account .form .group:after {content:"";display:block;clear:both;}
.find-account .form .group label {display:block;float:left;width:90px;height:30px;font-size:14px;line-height:30px;font-weight:400;color:#333;vertical-align:middle;}
.find-account .form .input {float:left;height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;width:calc(100% - 90px) !important;;}
.find-account .form .select {height:35px; padding:5px 5px; font-size:14px; line-height:23px; border:1px solid #ddd;vertical-align:middle;}
.find-account .form .btn-pack.btn {position:absolute; top:3px; right:0; width:80px; height:76px; font-size:16px; font-weight:400;}
.find-account .result {padding:20px 0 10px; border-top:1px solid #ddd;}
.find-account .result p {margin-bottom:10px; font-size:13px;}
.find-account .result dt {padding:4px; font-size:14px; color:#212121; background:#f4f4f4; margin-bottom:1px;}
.find-account .result dd {padding:4px; font-size:13px; background:#f4f4f4;}

/* 회원탈퇴 */
.member-leave {width:100%;max-width:550px; padding:25px 20px; margin:0 auto; text-align:center; border:1px solid #ddd; border-radius:10px;}
.member-leave .top {text-align:center; color:#767676; font-size:13px; line-height:22px; border-bottom:1px solid #eee; background:url('../images/bbs/notice.png') 50% 10px no-repeat; padding:80px 0 30px 0; margin-bottom:30px;}
.member-leave .top strong {color:#000; font-size:15px; font-weight:500;}
.member-leave fieldset {display:inline-block;}
.member-leave fieldset p {margin-bottom:20px; color:#419bda;}
.member-leave fieldset .group {padding:3px 0;}
.member-leave fieldset .group:after {content:"";display:block;clear:both;}
.member-leave fieldset .group label {float:left;width:90px;height:26px;line-height:30px;font-weight:400;text-align:left;color:#333;}
.member-leave fieldset .group input {float:left;width:calc(100% - 90px) !important;}

/* 마이피이지 - shop  */
.order-voucher-top {margin-bottom:90px;}
.voucher-gift-wrap {}
.voucher-gift-wrap .gift-search-box {background:#f8f8f8;padding:50px 10px;margin:0 0 50px;}
.voucher-gift-wrap .gift-search-box .title {text-align:center;}
.voucher-gift-wrap .gift-search-box .title h3 {font-family:'NanumSquare';font-size:26px;font-weight:800;line-height:1.4em;color:#242424;margin:0 0 20px;}
.voucher-gift-wrap .gift-search-box .gift-search {margin:0 auto;;}