@charset "UTF-8";
@import url(common.css);
.member-wrap{
	overflow:hidden;
}
.member-wrap #container{
	margin-top:0;
}
.member-wrap .sub-mem-header{
	height:60px;
	width:100%;
	background:#fff;
	border-bottom: 1px solid #DDDDDD;
}
.member-wrap .sub-mem-header .inner{
	width:960px;
	margin: 0 auto;
    padding: 16px 0;
}
/*로그인*/
.member-wrap .login-wrap {
    max-width: calc(100% - 40px);
    margin-top:120px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
	margin-bottom: 160px;
}
.member-wrap .login-wrap .logo {
    display: block;
    width: auto;
}
.member-wrap .login-wrap .logo a {
    display: block;
    width: 100%;
    height: 100%;
}
.logo img{width:250px;}
.login-wrap .login-form {
    margin-top:77px;
    margin-bottom: 32px;
	width:100%;
}
.login-wrap .login-form > input {
    display: block;
    width: 360px;
    margin-bottom: 12px;
    padding: 14px 15px;
    border: 1px solid #ddd;
	width:100%;
}
.login-wrap .check-box {
    display: flex;
    margin-bottom: 37px;
}
.login-form .check-box input {
    display: none;
}
.login-form .check-box label {
    cursor: pointer;
	width: 17px;
    border-radius: 3px;
    height: 17px;
    border: 1px solid #CCCCCC;
}
input[id="logCheck"]:checked + .checking {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Crect width='15' height='15' fill='%23FF6726' rx='1'/%3E%3Cpath fill='%23fff' d='M6.798 11 4 8.156l.7-.711 2.098 2.133L11.3 5l.699.711L6.798 11Z'/%3E%3C/svg%3E") !important;
    border: 1px solid #ff6726;
    background-position: -1px 0px;
}
.login-form .KeepingLogin {
	margin-left: 23px;
    font-size: 14px;
    width: 100px;
    display: block;
}
.member-wrap .btn-member {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #FF6726;
    height: 50px;
	margin-top:30px;
}
.login-wrap .help-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-wrap .help-wrap li {
    position: relative;
    margin-right: 12px;
    padding-right: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.login-wrap .help-wrap .pw-re {
    padding-right: 0;
    margin-right: 0;
}
.login-wrap .help-wrap li::before {
    content: "│";
    position: absolute;
    right: 5px;
    color: #333;
    top: 0;
    width: 0;
    display: inline-block;
}
.login-wrap .help-wrap li:last-child::before {
    content: "";
}
/*약관동의*/
.agree-wrap{
	max-width: 100%;
	margin-top:50px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
	width:100%;
}
.member-wrap .title {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    margin-bottom: 50px;
    line-height: 46px;
    text-align: center;
}
.agree-wrap .info-text {
    width: 100%;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    padding: 20px;
    background: #eeeeee;
    font-weight: 400;
}
.agree-wrap .agree-form {
    width: 100%;
    margin-bottom: 35px;
}
.agree-wrap .agree-form .check-box-wrap {
    padding-bottom: 21px;
    border-bottom: 1px solid #ddd;
}
.agree-wrap .check-box input {
    display: none;
}
.agree-wrap .check-box label {
    cursor: pointer;
    padding-left: 26px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    background-position: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Crect x='.5' y='.5' width='14' height='14' rx='.5' fill='%23fff' stroke='%23CCC'/%3E%3C/svg%3E");
}
.agree-wrap .check-box input:checked + label {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Crect width='15' height='15' fill='%23FF6726' rx='1'/%3E%3Cpath fill='%23fff' d='M6.798 11 4 8.156l.7-.711 2.098 2.133L11.3 5l.699.711L6.798 11Z'/%3E%3C/svg%3E") !important;
}
.agree-wrap .agree-form .check-box-text {
    display: block;
    padding-left: 26px;
    margin-top: 3px;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}
.agree-wrap .agree-form .sub-check-txt{
	color:#999 !important;
}
.agree-wrap .agree-form > .check-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    height: 24px;
}
.agree-wrap .agree-form .check-box [class*="btn-"] {
    color: #FF6726;
    text-decoration: underline;
    font-size: 15px;
	font-weight:400;
}
.agree-wrap .btn-agree{
	font-size:15px;
	height:60px;
	margin-top:40px;
}
.btn-agree:disabled {
    cursor: auto;
    color: #bbbbbb;
    background: #eee;
    font-weight: 600;
}
.agree-wrap .question-join {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
	margin-bottom:40px;
}
.agree-wrap .question-join a {
    color: #FF6726;
    margin-left: 8px;
    font-weight: 500;
}
.message-layer {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
	display:none;
}
.agree-pop {
    width: calc(100% - 40px);
    height: 577px;
    position: absolute;
    overflow: hidden;
    border: 1px solid #dadada;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    z-index: 99;
}
.agree-pop header {
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 38px;
    display: flex;
    justify-content: space-between;
}
.agree-pop header h2 {
    font-size: 22px;
    color: #000;
}
.agree-pop .btn-popup {
    width: 28px;
    height: 28px;
    overflow: hidden;
}
.agree-pop .ico-pop-close {
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23333' d='m10.47 13.95 7.29-7.29a1 1 0 0 0-1.41-1.41l-7.29 7.29-7.29-7.3A1 1 0 0 0 .36 6.65l7.29 7.3-7.3 7.29a.999.999 0 1 0 1.41 1.41l7.3-7.29 7.29 7.29a1 1 0 0 0 1.41-1.41l-7.29-7.29Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h28v28H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    right: -6px;
    position: relative;
}
[class*="ico-"] {
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-style: normal;
}
.visually-hidden {
    display: none;
}
.agree-pop .serviceContents {
    max-height: 460px;
    overflow-y: auto;
    padding-right: 15px;
}
.agree-pop .serviceContents section {
    padding: 0;
}
.agree-pop .serviceContents .sub-title {
    font-size: 18px;
    color: #222;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 30px;
}
.serviceContents .terms-text {
    text-align: left;
}
.serviceContents .terms-text li {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 30px;
    line-height: 26px;
	color:#222;
}
.agree-pop .serviceContents .terms-text li span {
    font-weight: 500;
}

/*회원정보입력*/
.member-wrap .info-input-wrap {
	max-width: 400px;
	margin-top:50px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.info-input-wrap h2.title{
	margin-bottom:40px;
}
.info-input-wrap .join-input{
	width: 100%;
}
.join-input .input-area {
    margin-bottom: 16px;
    line-height: 46px;
}
.join-input .input-area label {
    float: left;
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-bottom: 6px;
    width: 97px;
    vertical-align: middle;
    margin-right: 7px;
}
.join-input .flex {
    display: flex !important;
}
.join-input .input-area .info-input {
    width: 100%;
    border: 1px solid #ddd;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
	letter-spacing: -1px;
}
.join-input .input-area .info-input02{
	width:calc(100% - 90px);
}
.join-input .input-area input {
    font-size: 16px;
    color: #333;
}
.join-input .sub-info-txt {
    overflow: hidden;
    line-height: 19px;
    margin-top: 4px;
    font-size: 13px;
    color: #666666;
}
.join-input .org-info-txt {
    color: #FF6726;
}
.join-input .input-area label span {
    color: #FF6726;
}
.join-input .input-area .btn-type01:disabled {
    background: #bbb;
    color: #fff;
}
.join-input .input-area .btn-type01 {
    text-align: center;
    background: #FF6726;
    margin-left: 6px;
    color: #fff;
    height: 46px;
	width:84px;
    line-height: 46px;
	padding:0 17px;
    letter-spacing: -1px;
}
.join-input .input-area .info-input-pw {
    max-width: calc(100% - 104px);
}
.join-input .btn-info-input {
    display: flex;
    margin-top: 40px;
}
.btn-info-input .btn-input01 {
    background: #FF6726;
    width: 194px;
    height: 52px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 18px;
    line-height: 14px;
    margin-right: 12px;
	text-align:center;
}
.btn-info-input .btn-input02 {
    background: #999999;
    margin-right: 0;
}
.btn-info-input button:disabled {
    cursor: auto;
    color: #bbbbbb;
    background: #eee;
    font-weight: 600;
}

/*가입완료*/
.complete-wrap{
	max-width: 330px;
	margin-top:50px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}
.complete-wrap .complete-img {
    display: block;
    width: 240px;
    height: 250px;
    background: url(../img/cmplt_man.png);
    margin-top: 52px;
    margin-bottom: 40px;
}
.complete-wrap .complete-text{
	font-size: 20px;
    color: #000;
    line-height: 28px;
    text-align: center;
    letter-spacing: -2px;
    font-weight: 400;
    margin-bottom: 48px;
}
.complete-wrap .btn-complete {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
	width:100%;
}
.btn-complete .btn-input02 {
    background: #AAAAAA !important;
    margin-right: 12px !important;
}
.btn-complete .btn-input01 {
    display: block;
    background: #FF6726;
    width: 203px;
    height: 64px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 18px;
    line-height: 28px;
    margin-right: 0;
    letter-spacing: -1px;
	cursor: pointer;
}
/* 아이디 패스워드 찾기*/
.find-wrap{
	max-width: 330px;
	margin-top:54px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
	margin-bottom: 100px;
}
.find-wrap .find-info{
	font-size:18px;
	color:#222;
    line-height: 28px;
    padding-bottom: 30px;
	letter-spacing: -1px;
}
.find-wrap .find-input {
    width: 100%;
}
.find-wrap .input-area {
    margin-bottom: 16px;
    line-height: 46px;
}
.find-wrap .input-area:last-child{
	margin-bottom:0px;
}
.find-input .input-area:last-child label{
	margin-bottom:0px;
}
.find-input .input-area label {
    float: left;
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 88px;
    vertical-align: middle;
    margin-right: 15px;
}
.find-input .flex {
    display: flex;
}
.find-input .input-area .info-input {
    width: 100%;
    border: 1px solid #ddd;
    height: 46px;
    line-height: 46px;
	padding: 0 10px;
}
.find-input .input-area input {
    font-size: 16px;
    color: #333;
}
.find-wrap .btn-find-wrap{
	margin-top:40px;
}
.find-wrap .btn-find-wrap button:disabled{
	cursor: auto;
    color: #bbbbbb;
    background: #eee;
    font-weight: 600;
}
.find-wrap .btn-find-wrap .btn-find {
    background: #FF6726;
    width: 100%;
    height: 60px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 18px;
    line-height: 10px;
}
/* 아이디패스워드 팝업 모음 */
.member-popup-list {
    display: flex;
    flex-wrap: wrap;
}
.member-popup {
    display: flex;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
}
.member-popup .popup-terms {
    display: block;
	margin:0 auto;
    padding: 26px 32px 30px 32px;
	width: 320px;
    height: auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f2f2;
    text-align: center;
}
.member-popup .popup-terms .popup-header {
    display: flex;
    align-items: center;
}
.member-popup .popup-terms .popup-header .btn-close {
    line-height: normal;
    width: 14px;
    height: 14px;
    margin-left: auto;
}
.ico-popup-close {
	width: 14px;
	height: 14px;
	background-size: 100%;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M15 15 1 1m0 14L15 1 1 15Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.member-popup .popup-terms .popup-body {
	overflow-y: auto;
	margin-top: 16px;
	text-align: center;
}
.member-popup .popup-terms .popup-body p {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: 400;
}
.member-popup .mem-popup-btn {
	margin-top:31px;
	display: flex;
	justify-content: center;
}
.member-popup .mem-popup-btn a {
	height: 45px;
	margin: 0px 10px 0 0px;
	width: 120px;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #ddd;
	color: #333;
	display: block;
	padding: 14px 0px;
}
.member-popup .mem-popup-btn a:last-child {
	margin-right:0px;
}
.member-popup .btn-pop-type.btn-checker {
	border:1px solid #F15A22;
	color:#F15A22;
}

/* 회원정보 */
.input-area .flex input:disabled {
	background: #F0F0F0;
}
/* 회원탈퇴 */
.withdrawal-wrap{
	max-width: 320px;
    margin-top: 54px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;

}
.withdrawal-wrap .title{margin-bottom:30px;}
.withdrawal-wrap .info-text{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    line-height: 30px;
    border-bottom:1px dashed #ddd;
    width: 100%;
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 30px;
}
.withdrawal-wrap .info-text-list {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom:1px dashed #ddd;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    font-weight: 400;
}
.withdrawal-wrap .info-text-list ul li .info-dot{
    padding-left: 14px;
    display: inline-block;
    width: 100%;
	position:relative;
}
.withdrawal-wrap .info-text-list ul li .info-dot::after{
	content:'';
	width:4px;
	height:4px;
	background: #666666;
    border-radius: 100%;
	display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
}
.withdrawal-wrap .info-text-list ul li {
    margin-bottom: 18px;
	font-size:16px;
}
.withdrawal-wrap .info-text-list ul li:last-child {
    margin-bottom: 0px;
}
.withdrawal-wrap .agree-form{
	width: 100%;
}
.withdrawal-wrap .check-box{margin-bottom:40px;}
.withdrawal-wrap .check-box input {
    display: none;
}
.withdrawal-wrap .check-box label {
    cursor: pointer;
    padding-left: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    background-position: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Crect x='.5' y='.5' width='14' height='14' rx='.5' fill='%23fff' stroke='%23CCC'/%3E%3C/svg%3E");
}
.withdrawal-wrap .check-box input:checked + label {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Crect width='15' height='15' fill='%23FF6726' rx='1'/%3E%3Cpath fill='%23fff' d='M6.798 11 4 8.156l.7-.711 2.098 2.133L11.3 5l.699.711L6.798 11Z'/%3E%3C/svg%3E") !important;
}
/* 탈퇴 본인인증 */
.withdrawal-wrap .certify-email{
	width:100%;
    margin-bottom: 140px;
}
.withdrawal-wrap .certify-email h2{
	font-size:18px;
	color:#000;
	line-height:28px;
    margin-bottom: 12px;
}
.certify-input .input-area {
    margin-bottom: 12px;
    line-height: 40px;
}
.certify-input .input-area:nth-child(2){
	margin-bottom:0px ;
}
.certify-input .flex {
    display: flex;
}
.certify-input .input-area .info-input {
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    padding: 10px;
    letter-spacing: -1px;
}
.certify-input .input-area:nth-child(1) .info-input {
    width: calc(100% - 100px);
}
.certify-input .input-area input {
    font-size: 16px;
    color: #333;
}
.certify-input .input-area input::placeholder {
    color: #999999;
	font-weight:300;
}
.certify-input .time-extensition-wrap{
	display:block;
}
.time-extensition-wrap .time-extension {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
	line-height:20px;
	margin-top:6px;
}
.time-extension span {
    color: #F15A22;
}
.time-extension button {
    color: #32699B;
    letter-spacing: -1px;
    text-decoration: underline;
    font-weight: 400;
}
.certify-input .input-area .btn-type01:disabled {
    background: #bbb;
    color: #fff;
}
.certify-input .input-area .btn-type01 {
    text-align: center;
    background: #FF6726;
    margin-left: 6px;
    color: #fff;
    height: 40px;
    width: 94px;
    line-height: 40px;
    padding: 0 11px;
    letter-spacing: -1px;
}
.certify-input .btn-member{
	margin-top:12px !important;
}
/* 탈퇴 완료 */
	.withdrawal-wrap .cmplt-box{
		margin-bottom: 90px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.withdrawal-wrap .complete-icon{
		width:70px;
		height:70px;
		display:block;
		margin-bottom:20px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none'%3E%3Ccircle cx='35' cy='35' r='35' fill='%23DDD'/%3E%3Cpath fill='%23F8F8F8' d='m30.19 45.746-9.75-9.75a1.5 1.5 0 0 1 0-2.12l2.12-2.122a1.5 1.5 0 0 1 2.122 0l6.568 6.568 14.068-14.068a1.5 1.5 0 0 1 2.121 0l2.122 2.121a1.5 1.5 0 0 1 0 2.121l-17.25 17.25a1.5 1.5 0 0 1-2.122 0Z'/%3E%3C/svg%3E");
	}
	.withdrawal-wrap .complete-box {
		position: relative;
		overflow: hidden;
		width: 320px;
	}
	.complete-box .cmplt-finish-info {
		font-size: 28px;
		color: #000;
		line-height: 41px;
		font-weight: 600;
		width: 100%;
		text-align: center;
	}
	.complete-box .btn-line {
		border: 1px solid #AEAEAE;
		color: #333;
		line-height: 50px;
		font-size: 15px;
		font-weight: bold;
		background: #fff;
		width:calc(100% - 30px);
		margin:50px auto;
		display:block;
	}

	.btn-home{
	width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    background: #FF6726;
    height: 64px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 64px;
    margin: 50px 0 30px;
	}
.btn-home a{display:block; width:100%; height:100%;} 

/*멤버 푸터*/
.member-wrap .member-foot{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 61px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.member-foot .foot-copyright{
    width: 360px;
    text-align: center;
    font-size: 15px;
    color: #999;
    font-weight: 300;
}
.member-cancel{float:right; font-size:16px; margin-top:30px; text-align:right; width:100%;}