@charset "utf-8";
/* 공통 */


.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; margin:25px auto 0;}
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:#000; width:145px; line-height:60px; text-align:center; border-radius:4rem; font-weight:800; position:relative;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:#8778c1;}
.scroll-tab .scrollable li.on:before {content:""; display:block; width:5px; height:5px; background:#fff; display:block; border-radius:50%; position:absolute; left:50%; transform:translateX(-50%); top:10px;}

a.typeB {display: inline-block; padding:0 10px; height:40px; margin-left: 2px !important;line-height:40px; font-size:14px; background:#333; color: #fff!important; vertical-align:middle;
border-radius:5px;}
a.typeB:hover {background:#000;}
select {
    background-image: url(/images/common/select_arrow.png) ;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 공통 */
.contents_box .innerWrap {padding-top:70px;}
.table.typeA ul {display:grid; grid-template-columns:26% 17% auto;}
.table.typeA ul li.grid-row_1-6 {grid-row:1/6;}
.table.typeA .thaed {color:var(--blue); font-weight:600;}
select {-webkit-appearance:none; height:50px !important; /* for chrome */ -moz-appearance:none; /*for firefox*/
appearance:none; background:url(/images/common/lnb-more.png) no-repeat 95% 50%/8px auto !important;}
select::-ms-expand{display:none;/*for IE10,11*/}

.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

input[type="date"] {position:relative; background:url(/images/common/i-calendar_blue.png) no-repeat 95% 50%/20px auto; padding-right:10px; color:#000; -webkit-appearance: none;
appearance: none;}
input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; color:transparent;}
/* 웹킷 브라우저용 */
/*input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  display: none;
}*/

/* DB 검색폼 */
.searchWrap {background:#f5f5f5; padding:20px 30px; border-radius:20px; border:1px solid var(--border1); text-align:center;}
.searchWrap form {display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.searchWrap form dl {display:flex; align-items:center; gap:20px;}
.searchWrap form dl dt {color:var(--blue2); font-weight:600; transform:var(--textRotate); white-space:nowrap;}
.searchWrap form dl dd {width:100%;}
input[type="text"], input[type="date"], input[type="password"], select {height: 45px; border: 1px solid var(--border1); border-radius:10px!important; padding: 0 10px; width:100%;}
.maxW-150 input, .maxW-150 select {max-width:150px;}
.maxW-200 input, .maxW-200 select {max-width:200px;}
.maxW-300 input, .maxW-300 select {max-width:300px;}
.maxW-500 input, .maxW-500 select {max-width:500px;}
.maxW-800 input, .maxW-800 select {max-width:800px;}


/* 첨부파일 폼 */
.upload-container {border:2px dashed var(--border2); padding:20px; text-align:center;
cursor:pointer;}
.upload-container.file-dragover {border-color:#000; background-color:#f0f0f0;}
.file-list {list-style-type:none; padding:0;}
.file-list li {margin: 10px 0; display:flex; justify-content:space-between; align-items:center; background-color:#f9f9f9; padding:10px; border-radius:5px; font-size:15px;}
.file-list li button {background-color: #ff4d4d; color:white; border:none; padding:5px 10px; cursor:pointer; border-radius: 3px;}
.file-list li button:hover {background-color: #ff0000;}


/* 공통 버튼 */
button.searchBtn {padding: 8px 50px 8px 25px; color:#fff; background:var(--blue2) url(/images/common/i-search.png) no-repeat 85% center / 18px; display:inline-block; cursor:pointer; border-radius:10px; margin-top:20px; transform:var(--textRotate);}
a.writeBtn {padding: 8px 50px 8px 25px; color:#fff; background:#999 url(/images/common/i-write.png) no-repeat 85% center / 18px; display:inline-block; cursor:pointer; border-radius:10px; margin-top:20px; transform:var(--textRotate);}
a.registBtn {display:inline-block; width:150px; background:var(--green); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.cancelBtn {display:inline-block; width:150px; background:#ccc; color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.deleteBtn {display:inline-block; width:150px; background:#fc6666; color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.correctBtn {display:inline-block; width:150px; background:var(--green); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.secessBtn {display:inline-block; width:150px; background:var(--pink); color:#fff; line-height:45px; transform:var(--textRotate); border-radius:10px;}
a.joinBtn {display:inline-block; padding:12px 70px; background:var(--blue2); color:#fff; transform:var(--textRotate); border-radius:10px; font-size:20px; transition:all 0.3s; border:2px solid var(--blue2); font-weight:600;}
a.joinBtn:hover {background:#fff; color:var(--blue2); border:2px solid var(--blue2); font-weight:600;}
a.bigBtn {display:inline-block; padding:12px 70px; color:#fff; border-radius:10px; font-weight:600; transform:var(--textRotate); font-size:18px; transition:all 0.5s;}
a.bigBtn.bg_blue2:hover {background:#666;}
a.bigBtn.bg_blue2 {background:var(--blue2);}

.smallBtn {display: inline-block; width:60px; height:35px; text-align:center; border-radius:10px; line-height:35px; cursor:pointer;}
.smallBtn.bg_pink {background:var(--pink); color:#fff;}
.smallBtn.bg_gray {background:var(--border2);}

.bottomBtnWrap {text-align:right;} 
.bottomBtnWrap.txt-center {text-align:center;} 
.bottomBtnWrap a+a {margin-left:20px;}
.register .bottomBtnWrap {margin-top:30px;}

/* 등록페이지 */
.register .formWrap {border-bottom:1px solid var(--border1); border-top:3px solid var(--blue);}

.register .formWrap dl {display:grid; grid-template-columns:200px auto;}
.register .formWrap .double_tit {display:flex;}
.register .formWrap .double_tit > dl {width:50%;}
.register .formWrap dl.double_tit dt {width:200px; padding:30px 20px;}
.register .formWrap dl.double_tit dd {width:calc(50% - 200px);}
.register .formWrap > dl+dl, .register .formWrap > dl+.double_tit, .formWrap > .double_tit+dl, .formWrap > .double_tit+.double_tit {border-top:1px solid var(--border1);}
.register .formWrap dl dt {background:#f2f3ff; padding:20px; color:var(--blue2); font-weight:600;  position:relative;}
.register .formWrap dl dt > span {display:inline-block; transform:var(--textRotate); padding-top:9px; position:relative;}
.register.view .formWrap dl dt > span {padding-top:0;}
.register.view h4 {border-bottom: 2px solid var(--pink); padding: 1em 1em 1em 40px; font-size: 24px; transform: var(--textRotate); font-weight: 600;
line-height: 1.4;}
.register .formWrap dl dt span.mark {content:"*"; color:var(--pink); font-weight:600; display: inline-block; transform: translate(-3px, 3px);}
.register .tabInner p.notice_mark {text-align:right; color:var(--pink); font-weight:600; transform:var(--textRotate);}
.register .formWrap dl.radio.long-notice dt span {padding-top:0;}
.register .formWrap dl.radio.long-notice dd {display:block}
.register.confirm .formWrap dl dt span {padding-top:0;}
.register.confirm .formWrap dl.clinic-hours dd p {display:grid; grid-template-columns:90px auto; gap:10px;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit {padding-left:10px; position:relative;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit:before {content:""; display:block; width:4px; height:4px; background:var(--blue2); position:absolute; left:0; top:12px;}
.register.confirm .formWrap dl.clinic-hours dd p span.tit:after {content:":"; position:absolute; right:0; }
.register .formWrap dl dd {padding:20px; text-align:left;}
.register .formWrap dl dd.birth {display:flex; gap:5px;}
.register .formWrap dl dd span.notice {display:inline-block; margin-left:10px;}
.register .formWrap dl.align-items {align-items:center;}
.register .formWrap dl.align-items dt span {padding-top:0;}
.register .formWrap dl.align-items dt span {padding-top:0;}
.register .formWrap dl.address dd input {max-width:800px; width:100%;}
.register .formWrap dl.address dd input:nth-of-type(1) {max-width:300px; width:calc(100% - 125px);}
.register .formWrap dl.address.number dd input:nth-of-type(1) {max-width:200px;}
.register .formWrap dl.address.only-one dd input:nth-of-type(1) {max-width:500px;}
.register .formWrap dl.address dd .smallBtn, .register .formWrap dl.e-mail dd .smallBtn {width:auto; width:80px; margin-left:5px; height:50px; color:#fff; background:var(--blue2);}
.register .formWrap dl.address dd br+input {margin-top:5px;}
.register .formWrap dl.phone dd {display:flex; align-items:center; gap:5px;}
.register .formWrap dl.phone dd input {max-width:150px;}
.register .formWrap dl.radio dd {display:flex; flex-wrap:wrap; gap:15px;}
.register .formWrap dl.radio dd span {display:inline-block;}
.register .formWrap dl.input3 dd {display:flex; flex-wrap:wrap; gap:20px;}
.register .formWrap dl.input3 dd span {display:flex; align-items:center; gap:10px; width: calc(100% / 3 - 20px);}
.register .formWrap dl.input3 dd span label {white-space:nowrap;}
.register .formWrap dl.input3 dd span input {}
.register .formWrap dl.e-mail dd {display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
.register .formWrap dl.e-mail dd input:nth-of-type(2) {max-width:150px;}
.register .formWrap dl.e-mail dd select {max-width:150px;} 
.register .formWrap select {height:50px; max-width:300px;}
.register .formWrap .birth select {max-width:100px;}
.register .formWrap dl.input3.block dd {display:block;}
.register .formWrap dl.input3.block dd span {display:grid; grid-template-columns:60px auto;  width:100%;} 
.register .formWrap dl.input3.block span+span {margin-top:5px;}
.register .formWrap dl.during dd {text-align:center;}
.register.view .formWrap dl.attach dd a {display: inline-block; padding-left: 20px; background: url(/images/common/i-attach.png) 0px 5px / 15px no-repeat; font-size:15px; word-break:break-all;}
.register.view h4.info {display:flex; flex-wrap:wrap; padding:20px 30px; gap:10px; font-size:16px; align-items:center;}
.register.view h4.info p {font-weight:600; transform:var(--textRotate);}
.register.view h4.info p.num1 {width:calc(100% - 490px);}
.register.view h4.info p.num1 span {display:inline-block; width:50px; height:30px; text-align:center; line-height:30px; color:#fff; margin-left:10px;}
.register.view h4.info p.num1 span.finish {background:var(--green);}
.register.view h4.info p.num1 span.ing {background:#666;}
.register.view h4.info p.num2 {width:220px;}
.register.view h4.info p.num3 {width:120px; text-align:right;}
.register.view h4.info p.num4 {width:120px; text-align:right;}
.register.view h4.info .data {display:flex;}
.register.view .photo {border-bottom:1px solid var(--border1);}
.register.view .photo .img {text-align:center; padding:20px;}
.register.view .photo .img+.img {border-top:1px solid var(--border1); }
.register.view .photo .img img {max-width:100%;}
.register.view .photo .img p {margin-top:10px;}
.register .attach.type1 .btn_upload {display:inline-block; text-align:center; padding :8px 20px;
font-size:14px; color:#fff; background:var(--blue2); border-radius:2rem; cursor: pointer;margin-right:5px;}
.register .attach.type1 dd .image-block+.image-block {margin-top:10px;}

input[type=file]::file-selector-button {display:none;}
.register .attach.type1 input[type="file"] {border:0;}
.register .attach.type1 dd span {display:inline-block;}
.register .attach.type1 dd .image-block {display:flex; align-items:center;}
.register .attach.type1 dd .image-block span {display:flex; align-items:center;}
.register .attach.type1 dd span:nth-of-type(1) input {max-width:300px;}
.register .attach.type1 dd span:nth-of-type(2) label {white-space:nowrap; margin-right:10px;}
.register .attach.type1 dd span:nth-of-type(2) {width:calc(100% - 560px); color: var(--blue2);
font-weight:600; transform:var(--textRotate);}
.register .attach.type1 dd span:nth-of-type(3) {margin-left:10px; gap:5px;}
.register .attach.type1 dd span:nth-of-type(3) button {width:50px; line-height:35px; border-radius:5px; color:#fff; font-size:14px;}
.register .attach.type1 dd span:nth-of-type(3) .add-btn {background:var(--green);}
.register .attach.type1 dd span:nth-of-type(3) .remove-btn {background:#666;}

.register input[type="date"] {max-width:200px;}
.register .checkWrap input[type='checkbox'] + label {padding: 3px 30px;
    padding-left: 30px; background: url(/images/common/i-check3.png) no-repeat left center / 20px; cursor: pointer; }
.register .checkWrap input[type='checkbox']:checked + label { background: url(/images/common/i-check4-on.png) no-repeat left center / 20px; }
.register .checkWrap ul {display:flex; flex-wrap:wrap; gap:20px; row-gap:5px;}
.register .checkWrap ul li {position:relative; padding-left:30px;}
.register .checkWrap ul li:before {content:""; display:block; width:20px; height:20px; border: 2px solid #ccc; position:absolute; left:0; top:4px; }
.register .checkWrap ul li.on:before {background: url(/images/common/i-check2-on.png) no-repeat center center / contain;}
.register .checkWrap.typeB ul li:before {border:0; background:#eaecf3; border-radius:50%;}
.register .checkWrap.typeB ul li.on:before {background:var(--green); width:20px; height:20px; }
.register .checkWrap p {text-align:right; margin-top:10px;}
.register .checkWrap p span {padding-left:30px; position:relative;}
.register .checkWrap p span.on:before {content:""; display:block; width:20px; height:20px; border:2px solid #ccc; background: url(/images/common/i-check2-on.png) no-repeat center center / contain; position:absolute; left:0; top:4px; left:4px;}
.register .checkWrap.typeB p span.on:before {background:var(--green); border:0; border-radius:50%;}
.register .checkWrap.typeB p span.off:before {background:#eaecf3; border:0; border-radius:50%; }

.register .checkWrap p span.off {margin-left:5px;}
.register .checkWrap p span.off:before {content:""; display:block; width:20px; height:20px; border:2px solid #ccc; position:absolute; left:0; top:4px; left:4px;}


.innerWrap .formWrap .checkWrap {margin:0; text-align:left; font-size:16px;}
.innerWrap .formWrap .checkWrap span {display:inline-block;}

input:focus,select:focus,textarea:focus {outline:none !important; border:2px solid #333!important; background-color:#fff !important;}
/* ---------- 19-11-21 form css ::start ---------- */
form[class*="form-"] input[type="text"],
form[class*="form-"] input[type="password"],
form[class*="form-"] input[type="number"],
form[class*="form-"] select,
form[class*="form-"] textarea {
	border:1px solid #ddd; border-radius:5px;
	height:50px; padding:6px 15px;
	font-size:16px; line-height:1; color:#333;
	background-color:#fff; background-image:none;
	width:100%;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
form[class*="form-"] input::-webkit-input-placeholder {color:#666 !important;} /*크롬,사파리*/
form[class*="form-"] input::-moz-placeholder {color:#666 !important;} /*파폭*/
form[class*="form-"] input::-ms-input-placeholder {color:#666 !important;} /*ie*/
.checkWrap input[type="checkbox"] {}

/* 체크박스:: */
.checkWrap_sunnong {padding:20px 0; color:#000; font-size:17px; background-color:transparent; text-align:right;}
.checkWrap_sunnong>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.checkWrap_sunnong input {}
.checkWrap_sunnong input[type='checkbox'] { position : absolute; left : -999999px;}
.checkWrap_sunnong input[type='checkbox']+label { padding:3px 30px; padding-left:30px; background:url(/images/common/i-check.png) no-repeat left top 2px / 20px ; cursor:pointer;}
.checkWrap_sunnong input[type='checkbox']:checked+label {background-image:url(/images/common/i-check-on.png);}

.checkWrap_sunnong input[type='radio'] {display:none;}
.checkWrap_sunnong input[type='radio']+label {padding:3px 0px; padding-left:30px;  background:url(/images/common/i-check.png) no-repeat left top 0px / 20px ; cursor:pointer;}
.checkWrap_sunnong input[type='radio']:checked+label {background-image:url(/images/common/i-check-on.png);}

/* 로그인 */
.memberLayout .login_box {text-align:center; width:50%; margin:0 auto;}
.memberLayout .login_box+.login_box {margin-top:80px;}
.memberLayout .login_box h3 {font-size:30px; margin-bottom:30px;}
.memberLayout .login_box .titBox {margin-bottom:30px;}
.login_box .form-group label {display: none;}
.login_box .form-group > div+div {margin-top:10px;}
.login_box .form-group .checkWrap {text-align:left;}
.login_box .form-group .checkWrap input {width:15px; height:15px; transform:translateY(-1px);}

.login_box .btn-wrap a {display: inline-block; width: 100%; color: #fff!important; background-color:#333; line-height:1; border-radius:5px; font-size:20px; padding:16px 10px;
text-align:center; transition:all 0.2s;}
.login_box .btn-wrap a:hover {background:#999;}
.login_box .info.box {display:flex; justify-content:center; margin-top:20px; gap:40px;}
.login_box .info.box a {display:inline-block; color:#000; font-weight:500; transform:var(--textRotate); position:relative; font-size:18px;}
.login_box .info.box > div {position:relative;}
.login_box .info.box > div+div:before {content:""; display:block; width:1px; height:16px; background:#999; position:absolute; left:-20px; top:7px;}
.login_box .info.box a:hover {color:var(--amethyst);}

/* 약관 및 처리방침 동의 */
.memberLayout .agree,
.memberLayout .privacy {padding:30px !important; padding-right:15px !important; margin:0; border-radius:10px; border:1px solid #ddd; background-color:#f9f9f9; overflow:hidden;}

.memberLayout .agree pre {height:300px !important; overflow-y:auto}
.memberLayout .agree pre::-webkit-scrollbar {height:10px; width:10px;}
.memberLayout .agree pre::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.memberLayout .agree pre::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.memberLayout .privacy pre {height:300px !important; overflow-y:auto}
.join .h4 {position:relative; padding-left:25px; margin-bottom:20px; font-size:20px;
font-weight:600; color:#000; letter-spacing:-0.5px; line-height:1; transform:var(--textRotate);}
.join .h4:before {position: absolute; left:0; top:7px;content:'';display:inline-block;width:15px;
height:3px; background:#000;}
.memberLayout .agree pre,
.memberLayout .privacy pre {
	font-family:inherit !important;
	width:100%; font-size:16px;
	margin:0; padding:0; padding-right:30px; color:#555;
	line-height:inherit;
	background:transparent; border:none;
	word-break:keep-all;
}
.agree pre strong, .privacy pre strong {font-size:16px; color:#000; font-weight:600;}

.memberLayout .agree pre table {border-collapse:collapse; border:1px solid #ddd; border-top:1px solid #000; text-align:center;}
.memberLayout .agree pre table tr>* {padding:7px 10px; border-right:1px solid #ddd; color:#000}
.memberLayout .agree pre table tr>*:last-child {border-right:none;}
.memberLayout .agree pre table tr {border-bottom:1px solid #ddd}
.memberLayout .agree pre table tr th {background:#8d2b21; color:#fff; font-weight:400}
.memberLayout .join .checkWrap_sunnong {margin-top:20px;}

.memberBtn-single {text-align:center; margin-top:30px!important;}
.memberBtn-single li a {display: inline-block; padding: 20px 50px; line-height:1; background: #333; color:#fff; font-size: 18px; border-radius:5px; font-weight:600; transform:var(--textRotate); transition:all 0.2s;}
.memberBtn-single li a.gray {background:#999;}
.memberBtn-single li a:hover {background:#000;}
.memberBtn-single ul {display:flex; justify-content:center; gap:10px;}
.termWrap h3 {text-align:center; font-size:24px;}
.termWrap .box pre {padding:30px; margin-top:30px; border-radius:20px; font-family: 'NEXON' !important; font-size:16px;}


/* 회원가입 */
.join .sub-title {line-height:1}
.join .sub-title span {}

.join .title {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #333; font-size:16px; color:#000;}
.join .title span {font-size:12px; color:#666; font-weight:normal;}
.join .formGroup a.btn {min-height:32px; font-size:11px; letter-spacing:0; padding:0 20px; line-height:2.8;}
.join > .guide {margin-bottom:20px;}
.join > .guide span {color:var(--amethyst);}
.join .formGroup .gender {padding:0;}
.join .formGroup .gender.checkWrap_sunnong label {padding-left:25px; font-size:14px;}
.join .formGroup .gender.checkWrap_sunnong label:before {width:20px; height:20px; top:3px;}
.join .formGroup>div {min-height:34px; margin-bottom:20px;}
.join .formGroup>div>div {padding-left:0; display:inline-block;}
.join .formGroup>div>div.gender label {display:inline-block; margin-left:10px; vertical-align:baseline;}
.join .formGroup>div:last-child {margin-bottom:0;}
.join .formGroup>div p {clear:both; margin:0; font-size:15px; color:#999; line-height:1.4; padding-left:20px;}
.join .formGroup>div>* {margin-bottom:5px;}
.join .formGroup input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
/*.join .formGroup input[type="checkbox"] {display:none !important}*/
.join .formGroup span.inline {display:block; float:left; height:34px; padding:6px 5px;}
.join .formGroup .select_box {height:34px;border:1px solid #ccc;}
.join .formGroup .mail {border-right:0 !important;}
.join .formGroup .divinner label {display:block; }
.join .formGroup .divinner label input {vertical-align:middle; margin:0 !important;}
.join .formGroup .divinner label .check_text {vertical-align:middle; padding-left:5px;}
.join .formGroup .divinner>div {padding-right:5px !important;}
.join .formGroup .divinner>div:last-child {padding-right:0 !important;}
.join .formGroup .check_text {font-weight:normal; }
.join .formGroup .inputWrap .check_text_wrap {margin-top:10px !important;}
.join .formGroup .inputWrap.telWrap>p {padding-left:0; font-size:14px; margin-top:5px !important; display:block;}
.join .formGroup .autoCodeWrap {position:relative;}
.join .formGroup .autoCodeWrap input {}
.join .formGroup .autoCodeWrap input::placeholder {font-size:14px; color:#666; font-weight:300}
.join .formGroup.cal_Box .email>p {padding-left:0; font-size:14px; margin-top:5px !important}
.join .formGroup.AutoWrap .autoCode {position:relative; top:0; left:0; z-index:100;height:40px; margin-right:10px !important; line-height:40px; color:#999; font-weight:bold; font-size:16px; vertical-align:top;}
.autoCode>span {color:#3e9eff !important; font-style:italic !important;}
.autoCode+div input {padding-left:92px;}

.join .formGroup.border-t {border-top:1px solid #000}
.join .formGroup {border-bottom:1px solid #ddd; padding:20px 0;}
.join .formGroup .labelName {
	display:inline-block; text-align:center; width:206px;
	vertical-align:top; padding:7px 20px; text-align:left;
	color:#000; font-size:18px;
}
.join .formGroup .labelName.empha {position:relative;}
.join .formGroup .labelName.empha:before {content:"*"; position:absolute; top:10px; left:5px; color:var(--amethyst);}
.join .formGroup .inputWrap {display:inline-block;}
.join .formGroup .inputWrap a.cal_Img {
	width:40px; height:40px; display:inline-block; margin-left:2px !important; border-radius:5px; vertical-align:top;
	background:#333 url(/images/common/i-calender.png)no-repeat center;
}
.join .formGroup .inputWrap.address br:after {}
/*.join .formGroup .inputWrap>* {display:inline-block; margin:0 !important;}*/
.join .formGroup .inputWrap select,
.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:230px; height:40px; border:1px solid #ddd;}
.join .formGroup.autoCode .inputWrap input:not([type=radio]):not([type=checkBox]) { width : 350px; }
.join .formGroup .inputWrap.telWrap select { width :80px!important; }
.join .formGroup .inputWrap .notice {margin-top:10px; padding-left:0; /*color:#ff0000;*/}
.join .formGroup .inputWrap .notice.red {color:#ff0000;}

.join .formGroup .inputWrap>div:last-child {display:inline-block;}
.join .formGroup .inputWrap>div+div {padding-left:10px;}
.join .formGroup .inputWrap.h0 {height:auto !important; width:76.8%}
.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
.join .formGroup .inputWrap.h0>div:last-child {display:block;}
.join .formGroup .inputWrap.h0 .directly {padding-left:0;}
.join .formGroup .inputWrap>div:last-child input {}
.join .formGroup.birth select {max-width:100px;}
.join .formGroup.email .middle {max-width:150px;}
.join .formGroup.email select {max-width:150px;}
.join .formGroup .inputWrap.address .directly input {display:block; width:800px;}
.join .formGroup .inputWrap.address .directly input+input {margin-top:5px;}
input[type=file]::file-selector-button {display:none;}
.attach.type1 input[type="file"] {border:0!important; line-height:40px;}
.attach.type1 span {display:flex; align-items:center; gap:10px;}
.attach.type1 .btn_upload {display:inline-block; text-align:center; padding :8px 20px;
font-size:14px; color:#fff; background:#333; border-radius:2rem; cursor: pointer;margin-right:5px; padding-left:0;}
.join .formGroup>div .btn_upload p {color:#fff;}
.join .formGroup input[type="file"] {border:0;}


/* 회원가입 완료 */
.join_end {text-align:center; padding:50px 30px; border-radius:10px; border:1px solid #ddd}
.join_end .title {font-size:24px; color:#000; font-weight:600;}
.join_end .title span {color:var(--amethyst);}
.join_end p {margin-top:20px; }


.telWrap select {width:auto !important;}
/*.telWrap input:not([type=radio]):not([type=checkbox]) {width:100px !important;}*/
.telWrap .telSpan {padding:0 5px; line-height:40px;}

.btn_box {text-align:center;}
.board_ebi .write_normal .form-group>div p {letter-spacing:-1px;}
.padr5 {padding-right:5px !important;}




	.join .formGroup .btnAddress { display:inline-block; padding:0 15px; height:40px; margin-left:5px; margin-bottom:5px; font-size:14px; color:#fff; line-height:40px; border-radius:5px; background:#333; /*vertical-align:middle;*/}

	.join .formGroup .hidden {position:absolute; left: -100000px; top: auto; width:1px; height:1px; overflow:hidden;}
	.join .formGroup .btnDate {display:inline-block; width:40px; height:40px; margin-left:5px; border-radius:5px; background:#333 url(/images/common/i-calender.png) no-repeat center; vertical-align:middle;}

	/* 달력 */
	.mobileCal .mobileCalPopup {display:none;}
	.mobileCal .mobileCalPopup {z-index:999999;position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, .5)}
	.mobileCal .mobileCalPopup .bg {}
	.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}
	.mobileCalInner { padding:50px 30px; color:#000; font-weight:400; border-radius:10px; background:#fff;}
	.mobileCalInner select {padding:5px 35px 5px 10px; margin-right:10px; border-radius:5px; border:1px solid #ddd;}
	.mobileCalInner select:focus {outline:none;}
	.mobileCalInner select+select {margin-left:15px; color:#000}
	.mobileCalInner .btn_box {text-align:center; margin-top:30px;}
	.mobileCalInner .btn_box ul {display:inline-block; padding-left:0;}
	.mobileCalInner .btn_box ul:after {clear:both; content:''; display:block;}
	.mobileCalInner .btn_box ul li {display:inline-block; float:left; margin:0 5px;}
	.mobileCalInner .btn_box ul li a {display:inline-block; font-size:15px; border-radius:3px; padding:5px 20px; background:#333; color:#fff}
	.mobileCalInner .btn_box ul li:first-child a {background:#2c674f}

/* 회원가입  */
.join-step1 h3 {font-size:24px; transform:var(--textRotate); line-height:1.4; margin-bottom:30px;}
.join-step1 h3 span {color:var(--green);}

.join-step1 .inner {display:flex; gap:80px;}
.join-step1 .inner .txt {width:60%; word-break:keep-all;}
.join-step1 .inner .bg {width:40%;}
.join-step1 .inner .bg img {width:100%; border-radius:20px;}
.join-step1 .inner .txt p.margin {margin-top:20px;}
.join-step1 .inner .txt p.empha {font-weight:600; color:var(--pink); transform:var(--textRotate); text-decoration:underline; text-underline-offset:5px;}
.join-step1 .account {text-align:center; border-radius:10px; border:2px solid var(--pink); margin-top:30px; padding:20px; font-size:18px; font-weight:600; max-width:800px; margin: 30px auto 0; transform:var(--textRotate);
}
.join-step1 .bottomBtnWrap {margin-top:40px;}

.join-step2 h5.tit {position:relative; padding-bottom:20px;font-weight:600;font-size:18px; color:#000; padding-left:25px; transform:var(--textRotate);}
.join-step2 h5.tit:before {content:""; display:block; width:20px; height:20px; border-radius:50%; border:5px solid var(--blue2); position:absolute; left:0; top:-1px; box-sizing: border-box;}
.join-step2 input[type="checkbox"] {position:absolute; left:-9999px;}
.join-step2 .term_wrap+.term_wrap {margin-top:50px;}
.join-step2 .term_wrap .form {display:flex; width:100%; gap:30px; justify-content: center; border:1px solid var(--border1); padding:20px; border-radius:20px; margin-bottom:30px;}
.join-step2 .term_wrap .form .birth {}
.join-step2 .term_wrap .form .birth select {max-width:100px; width:100px; }
.join-step2 .term_wrap .form dl {display:flex; align-items:center; gap:20px;}
.join-step2 .term_wrap .form dt {white-space:nowrap; font-weight:600; transform:var(--textRotate);}
.join-step2 .term_wrap .form dd {display:flex; width:100%}
.join-step2 .term_wrap .form dd span+span {margin-left:5px;}

.join-step3 .scroll-tab .scrollable {margin-top:0;}
.join-step3 .form_tit {display:flex; justify-content:space-between; margin-top:80px;}
.join-step3 .form_tit h5 {margin-top:0;}
.join-step3 .form_tit p.notice {color:var(--blue);}
.join-step3 .form_tit:first-of-type {margin-top:0;}
.join-step3 h5 {display:block; margin-top:80px; position:relative; padding-bottom:20px;font-weight:600;font-size:18px; color:#000; padding-left:25px; transform:var(--textRotate);}
.join-step3 h5:before {content:""; display:block; width:20px; height:20px; border-radius:50%; border:5px solid var(--blue2); position:absolute; left:0; top:-1px; box-sizing:border-box;}
.join-step3.register .formWrap {border:none; border-top:2px solid var(--blue); border-bottom:1px solid var(--blue);}
.join-step3.register .formWrap dl dt {color:var(--blue2); background:#fff; text-align:center; word-break: keep-all; padding:10px 20px;}
.join-step3.register .formWrap dl dd {padding:10px 20px;}
.join-step3.register .formWrap dl {grid-template-columns: 150px auto; align-items:center;}
.join-step3.register .formWrap dl.double_tit dt {width:150px;}
.join-step3.register .formWrap dl dd span.notice {color:var(--blue);}
.join-step3.register .tabItem p.notice {text-align:right; margin-bottom:5px; color:var(--green);}
.join-step3.register .tabItem .long-notice p.notice {text-align:left;}
.join-step3.register .tabItem .long-notice .notice-list {color:#666; margin-bottom:10px;}
.join-step3.register .formWrap dl.input3 dt > span {padding:0;}
.join-step3	input[type='checkbox'] {position: absolute;left:-9999px;}

/* 회원가입안내 */
.introWrap .guide {display:grid; grid-template-columns:1fr 1.9fr; gap:80px;}
.introWrap .guide .deco div {
	display:flex; align-items:flex-end;
	aspect-ratio:1/1; width:100%; border-radius:20px 20px 20px 0; overflow:hidden;
	background:#fff url(/images/intro/guide_deco1.webp) no-repeat center/cover;
}
.introWrap .guide .deco ul {padding:30px 30px 0 0; background:#fff; border-radius:0 20px 0 0;}
.introWrap .guide .deco ul li {font-weight:600; transform:rotate(.03deg); color:var(--blue); line-height:1.3;}
.introWrap .guide .deco ul li+li {font-size:12px; opacity:.5; color:#000;}
.introWrap .guide .deco ul:after {content:""; display:block; width:30px; margin-top:30px; border-top:3px solid var(--blue);}
.introWrap .guide .info p {margin-bottom:30px; font-size:30px; line-height:1.5;}
.introWrap .guide .info p span {color:var(--green);}
.introWrap .guide .info pre {all:unset; white-space:pre-wrap; word-break:keep-all;}
.introWrap .guide .info pre span {display:inline-block; color:var(--blue); font-weight:600; transform:rotate(.03deg); border-bottom:1px solid var(--blue);}
.introWrap .guide .info .bill {display:flex; justify-content:space-between; margin-top:30px; padding-top:30px; border-top:1px solid var(--border1);}
.introWrap .guide .info .bank {display:flex; align-items:center; gap:10px; white-space:nowrap; line-height:1.5;}
.introWrap .guide .info .bank i {height:100%; aspect-ratio:1/1; border-radius:50%; border:1px solid var(--border1); background:#f9f9f9 url(/images/intro/guide_icon1.webp) no-repeat center/50%;}
.introWrap .guide .info .bank dt {font-weight:600; transform:rotate(.03deg); color:#000;}
.introWrap .guide .info .golink {display:flex; gap:10px;}
.introWrap .guide .info .golink a {display:block; padding:20px 40px; line-height:1; color:#fff; background:var(--blue); border-radius:100px; transition:.3s ease;}
.introWrap .guide .info .golink a:hover {padding:20px 50px;}
.introWrap .guide .info .golink a+a {background:var(--green);}


/* 회원가입 환영 */
.join-step4 .inner .tit { position : relative; text-align : center; width:60%; margin:0 auto;}
.join-step4 .inner .tit img { width : 100%; height : 450px; object-fit : cover; border-radius:20px; filter: opacity(0.5);}
.join-step4 .inner .tit p { position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%) rotate(0.03deg); font-size : 40px; font-weight : 600; z-index : 2; width:100%;}
.join-step4 .inner .tit p span {color:var(--pink); display : block; }
.join-step4 .inner .txt p { font-size : 24px; text-align : center; margin-top : 50px;  transform:var(--textRotate); }
.join-step4 .inner .txt p span {color:var(--blue); font-weight:800;}
.join-step4 .inner .bottomBtnWrap { text-align : center; margin-top : 50px; } 

/* 개인정보취급방침 */
.joinWrap .reg .notice {border:1px solid var(--border1); padding: 30px; margin-bottom:50px;}
.joinWrap .reg .notice b {margin-top:15px; display:block;}
.joinWrap .reg article {display:grid; grid-template-columns:1fr 5fr; gap:80px;}
.joinWrap .reg article+article {margin-top:50px; padding-top:50px; border-top:1px solid var(--border1);}
.joinWrap .reg article h3 p {position:sticky; top:100px; font-family:'NanumMyeongjo'; font-size:24px; color:var(--green); transform:rotate(.03deg); line-height:1.5;}
.joinWrap .reg article div p+p {margin-top:20px;}
.joinWrap .reg article dl {margin-top:20px;}
.joinWrap .reg article dt {font-weight:600; color:#000;}
.joinWrap .reg article *+dt {margin-top:30px;}
.joinWrap .reg article ol>li {list-style:decimal; margin-left:25px;}
.joinWrap .reg article ul {margin:20px 0; color:#666;}

.id-pw_search {min-height:45vh; display:flex; gap:50px;}
.id-pw_search.step2 {justify-content:center; align-items:center;}
.id-pw_search.step2 form {width:50%;}
.id-pw_search.step2 form .pwd_second_box {margin-top:20px;}
.id-pw_search.step2 form .form_tit {font-size:18px; font-weight:600; color:var(--blue2); margin-bottom:10px; transform:var(--textRotate);}
.id-pw_search.step2 form .box_item+.box_item {margin-top:20px;}
.id-pw_search.step2 strong {font-size:24px;}
.id-pw_search.step2 strong span {color:var(--blue);}

.id-pw_search .btn_wrap {margin: 0 auto;}
.id-pw_search .btn_wrap .bigBtn {display:inline-block; color:#fff; font-weight:800;
transform:rotate(0.05deg); text-align:center; padding:12px 70px; border-radius:5px;
font-size:24px; margin-top:25px; transition:0.3s; color:var(--blue2); border:1px solid var(--blue2);}
.id-pw_search .btn_wrap .bigBtn:hover {background:var(--blue2); color:#fff; border:1px solid var(--blue2);}

.id-pw_search .id_wrap {background:#f5f5f5; border-radius:20px; margin:0 auto; padding:50px; text-align:center; width:50%; display: flex; flex-direction:column; justify-content:space-between;}
.id-pw_search .id_wrap h3 {font-size:24px; font-weight:600; transform:var(--textRotate);}
.id-pw_search .id_wrap p {font-weight:500; font-size:16px; transform:var(--textRotate); margin-top:10px;}
.id-pw_search .id_wrap .inputWrap {margin-top:30px;}
.id-pw_search .id_wrap .inputWrap input+input {margin-top:5px;}
.id-pw_search .id_wrap .bigBtn {margin-top:20px;}
.id-pw_search .id_wrap .btn_wrap {width:100%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:8px 40px; font-size:18px; font-weight:600; width:50%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue {background:var(--blue2); color:#fff;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray {background:#666; color:#fff; border:1px solid #666;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue:hover {background:#333;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray:hover {background:#333;}

/* 로그인 */
.login-wrap { margin: 80px auto 0; text-align: center; padding: 0;
   width: 50%; }
.login-wrap h3 { margin: 0; font-size: 32px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 24px;
   padding: 0; }
.login-wrap .form-group .btn-wrap { margin-bottom : 40px; }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 50px; padding: 6px 10px; font-size: 18px; font-weight : 600; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue2); line-height: 1; border-radius: 10px; font-size: 20px; padding: 15px 10px; text-align: center; font-weight : 800; text-transform : uppercase; transform : rotate(0.05deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:10px; font-size:20px; padding:15px 10px; text-align:center; font-weight:800; text-transform:uppercase; transform:rotate(0.05deg); }
.login-wrap .info { margin : 50px 0 0; text-align: left; font-size: 13px !important; }
.login-wrap .info>div {display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap;}
.login-wrap .info>div+div {margin-top:5px;}
.login-wrap .info span { display: inline-block; width:60%;
   padding-left: 15px; color: #666; margin-bottom: 5px; position: relative; font-size : 18px; }
.login-wrap .info span:before { position: absolute; top: 12px;
   left: 0; display: block; content: ""; width: 5px; height: 5px;
   border-radius: 50%; background: #ddd; }
.login-wrap .info>div a { font-size: 18px; color: #000; margin-left: 15px; padding-bottom: 2px; text-decoration:underline!important; text-underline-offset : 5px;}

/* 아이디/비밀번호 찾기 */
.innerWrap .agree {margin:0; background-color:#f7f7f7; border: 1px solid var(--border1); border-radius: 10px; padding:30px 25px; }
.innerWrap .agree .inner {overflow-x:hidden;}
.innerWrap .privacy {padding: 10px !important;margin:0;border:1px solid #e4e4e4;background-color:#fff;overflow-x:hidden;}
.agree pre, .privacy pre {width: 100%;font-size: 16px; margin: 0;padding: 0;color: #555; line-height: inherit;background: transparent;border:none;word-break: keep-all; border:none; font-family: 'NEXON';}
.innerWrap .agree>pre strong, .privacy>pre strong {font-size: 14px;color: #000;font-weight: normal;}
.innerWrap .checkWrap {margin: 10px 0 20px 0;text-align: center;font-size: 14px;}
.innerWrap .inputWrap * {display: inline-block;}
.innerWrap .btn_xs {height: 40px !important;line-height: 40px;}
.ahead-view .tableLeft tbody tr td, .ahead .tableLeft tbody tr td span {vertical-align: middle !important;}


.id-pw_search .id_wrap {background:#f5f5f5; border-radius:20px; margin:0 auto; padding:50px; text-align:center; width:50%; display: flex; flex-direction:column; justify-content:space-between;}
.id-pw_search .id_wrap h3 {font-size:24px; font-weight:600; transform:var(--textRotate);}
.id-pw_search .id_wrap p {font-weight:500; font-size:16px; transform:var(--textRotate); margin-top:10px;}
.id-pw_search .id_wrap .inputWrap {margin-top:30px;}
.id-pw_search .id_wrap .inputWrap input+input {margin-top:5px;}
.id-pw_search .id_wrap .bigBtn {margin-top:20px;}
.id-pw_search .id_wrap .btn_wrap {width:100%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:8px 40px; font-size:18px; font-weight:600; width:50%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue {background:var(--blue2); color:#fff;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray {background:#666; color:#fff; border:1px solid #666;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_blue:hover {background:#333;}
.id-pw_search .id_wrap .btn_wrap .bigBtn.bg_gray:hover {background:#333;}

.id-pw_search {min-height:45vh; display:flex; gap:50px;}
.id-pw_search.step2 {justify-content:center; align-items:center;}
.id-pw_search.step2 form {width:50%;}
.id-pw_search.step2 form .pwd_second_box {margin-top:20px;}
.id-pw_search.step2 form .form_tit {font-size:18px; font-weight:600; color:var(--blue2); margin-bottom:10px; transform:var(--textRotate);}
.id-pw_search.step2 form .box_item+.box_item {margin-top:20px;}
.id-pw_search.step2 strong {font-size:24px;}
.id-pw_search.step2 strong span {color:var(--blue);}


/* 로그인 */
.contents_box .login-wrap { margin: 80px auto 0; text-align: center; padding: 0!important;
   width: 50%; }
.login-wrap h3 { margin: 0; font-size: 32px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 24px;
   padding: 0; }
.login-wrap .form-group .btn-wrap { margin-bottom : 40px; }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 50px; padding: 6px 10px; font-size: 18px; font-weight : 600; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue2); line-height: 1; border-radius: 10px; font-size: 20px; padding: 15px 10px; text-align: center; font-weight : 800; text-transform : uppercase; transform : rotate(0.05deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:10px; font-size:20px; padding:15px 10px; text-align:center; font-weight:800; text-transform:uppercase; transform:rotate(0.05deg); }
.login-wrap .info { margin : 50px 0 0; text-align: left; font-size: 13px !important; }
.login-wrap .info>div {display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap;}
.login-wrap .info>div+div {margin-top:5px;}
.login-wrap .info span { display: inline-block; width:60%;
   padding-left: 15px; color: #666; margin-bottom: 5px; position: relative; font-size : 18px; }
.login-wrap .info span:before { position: absolute; top: 12px;
   left: 0; display: block; content: ""; width: 5px; height: 5px;
   border-radius: 50%; background: #ddd; }
.login-wrap .info>div a { font-size: 18px; color: #000; margin-left: 15px; padding-bottom: 2px; text-decoration:underline!important; text-underline-offset : 5px;}

.term_wrap .checkWrap { text-align : right; font-size :18px; margin-top : 15px; transform : rotate(0.05deg);}
.term_wrap .checkWrap input[type='checkbox'] + label { padding: 3px 30px;
    padding-left: 30px; background: url(/images/member/i-check.png) no-repeat left center / 20px; cursor: pointer; }
.term_wrap .checkWrap input[type='checkbox']:checked + label { background: url(/images/member/i-check-on.png) no-repeat left center / 20px; }
.ahead-view .result {padding:30px; background:#f5f5f5; text-align:center; border-bottom:1px solid var(--border1);}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

.memberLayout .agree pre {height:200px !important; overflow-y:auto; line-height: 1.4;}
.memberLayout .login_box h3 {font-size:26px;}

.register .formWrap dl.input3 dd {flex-direction:column; gap:5px;}
.register .formWrap dl.input3 dd span {display:grid; grid-template-columns:80px auto; width:100%;}

.register .attach.type1 dd .image-block {flex-wrap:wrap; row-gap:10px;}
.register .attach.type1 dd .image-block+.image-block {margin-top:20px;}
.register .attach.type1 dd span:nth-of-type(1) {width:100%;}
.register .attach.type1 dd span:nth-of-type(2) {width: calc(100% - 120px);}
	
	/* 달력 */
	.mobileCal .mobileCalPopup {display:none;}
	.mobileCal .mobileCalPopup {z-index:9990;position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, .5)}
	.mobileCal .mobileCalPopup .bg {}
	.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}
	.mobileCalInner { padding:50px 30px; color:#000; font-weight:400; border-radius:10px; background:#fff;}
	.mobileCalInner select {padding:5px 20px; margin-right:10px; border-radius:5px; border:1px solid #ddd;}
	.mobileCalInner select:focus {outline:none;}
	.mobileCalInner select+select {margin-left:15px; color:#000}
	.mobileCalInner .btn_box {text-align:center; margin-top:30px;}
	.mobileCalInner .btn_box ul {display:inline-block;}
	.mobileCalInner .btn_box ul:after {clear:both; content:''; display:block;}
	.mobileCalInner .btn_box ul li {display:inline-block; float:left; margin:0 5px;}
	.mobileCalInner .btn_box ul li a {display:inline-block; font-size:15px; border-radius:3px; padding:5px 20px; background:#333; color:#fff}
	.mobileCalInner .btn_box ul li:first-child a {background:#2c674f}
	.innerWrap {padding-top:50px!important;}
	
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) { 
form[class*="form-"] input[type="text"], form[class*="form-"] input[type="password"], form[class*="form-"] input[type="number"], form[class*="form-"] select, form[class*="form-"] textarea {height:45px;}

.innerWrap {padding-top:30px !important;}

/********* 로그인페이지 ***********/
.memberLayout .login_box {width:70%; padding: 30px 0;}
.memberLayout .login_box+.login_box {margin-top:0;}
.memberLayout .login_box h3 {font-size:26px;}
.login_box .info.box a {font-size:16px; }
.login_box .btn-wrap a {font-size:18px; padding: 14px 10px;}
.termWrap h3 {text-align:center; font-size:20px;}
.checkWrap_sunnong {font-size:16px;}
.checkWrap_sunnong input[type='checkbox']+label {background: url(/images/common/i-check.png) no-repeat left top 0px / 20px;}

.join .formGroup {padding:10px 0 15px;}
.join .formGroup .labelName {display:block; padding:7px 20px 7px 10px; font-size:16px;}
.join .formGroup>div p {display:block!important; padding-left:0;}
.join .formGroup>div .btn_upload p {padding-left:20px;}
.join .formGroup .labelName.empha:before {left:-1px;}
.join .formGroup .inputWrap.h0 {width:100%; gap:0px;}

.join_end {text-align:center; padding:30px 30px 0px!important; border-radius:10px; border:1px solid #ddd}
.join_end .title {font-size:20px; color:#000; font-weight:600}
.join_end .title span {color:#8d2b21;}
.join_end p {margin-top:20px; font-size:15px;}
.join_end p br {display:none;}


/* 아이디/비밀번호 찾기 */
.innerWrap.id-pw_search {padding-top:50px;}
.id-pw_search {flex-direction:column; gap:30px;}
.id-pw_search .id_wrap {width:80%;}
.id-pw_search .id_wrap h3 {font-size:20px;}
.id-pw_search .id_wrap .inputWrap {margin-top:20px;}

/* 로그인 */
.contents_box .login-wrap { margin: 20px auto 30px; text-align: center; padding: 0;
   width: 70%; }
.login-wrap h3 { margin: 0; font-family: 'CU Naunm'; font-size: 24px; font-weight: 600; text-align: center; color: #000; margin-bottom : 45px; }
.login-wrap .form-group { text-align: center; }
.login-wrap .form-group>* { margin-bottom: 15px;
   padding: 0; }
.login-wrap .form-group label { display : none; }
.login-wrap .form-group input { border: 1px solid #ddd; border-radius: 5px; height: 50px; padding: 6px 15px; font-size: 16px; font-weight : 600; line-height: 1; color: #666; background-color: #fff; background-image: none; width: 100%; -webkit-appearance: none;
   -moz-appearance: none; appearance: none; }
.login-wrap .btn-wrap a { display: inline-block; width: 100%; color: #fff !important; background-color: var(--blue2); line-height: 1; border-radius: 5px; font-size: 18px; padding: 15px 10px; text-align: center; font-weight : 800; text-transform : uppercase; transform : rotate(0.05deg); transition:0.3s;}
.login-wrap .btn-wrap a:hover { display:inline-block; width:100%; color:#fff !important; background-color:#333; line-height:1; border-radius:5px; font-size:18px; padding:15px 10px; text-align:center; font-weight:800; text-transform:uppercase; transform:rotate(0.05deg); }
.login-wrap .info { margin : 30px 0px; text-align: left; font-size: 13px !important; }
.login-wrap .info>div+div { margin-top : 15px; }
.login-wrap .info span { display: inline-block; width: 100%;
   padding-left: 10px; color: #666; margin-bottom: 5px; position: relative; font-size : 16px; }
.login-wrap .info span:before { position: absolute;
   top: 12px; left: 0; display: block; content: ""; width: 2px;
   height: 2px; background: #333;}
.login-wrap .info>div a { color: #000; margin-left: 10px;
    padding-bottom: 2px; font-size : 16px; }

/* 마이페이지 - 회원정보수정 */
.register .formWrap .double_tit {display:block;}
.register .formWrap .double_tit dl {width:100%;}
.register .formWrap .double_tit dl+dl {border-top:1px solid var(--border1);}
.register .formWrap dl.during {text-align:left;}
.register .formWrap dl.during dd {text-align:left;}
/* 마이페이지 - 회비내역조회 */
.fee .fee-checkWrap > p {font-size:20px;}
.fee .fee-checkWrap .bx {width:100%;}

/* 마이페이지 - 사전등록내역조회 */

/* 마이페이지 - 회원탈퇴 */	
.secession > p.notice {font-size:20px;}
.secession .bx {padding:30px;}
.secession .bx dl dt {font-size:16px; padding-left:22px;}
.secession .bx dl dt:before {width:18px; height:18px; top:4px;}
.secession .bx .innerBx {padding:20px; margin-top:20px;}



.join-step2 .term_wrap .form {display:block;}
.join-step2 .term_wrap .form dl {display:grid; grid-template-columns:120px auto;}
.join-step2 .term_wrap .form dl+dl {margin-top:15px;}

.join-step3 h5 {margin-top:50px;}
.join-step3 .form_tit {margin-top:50px;}

/* 회원가입 */
.join-step4 .inner .tit {width:100%;}
.join-step4 .inner .tit p {font-size:30px;}
.join-step4 .inner .txt p {font-size:20px;}

/* 회원가입안내 */
.introWrap .guide {display:block;}
.introWrap .guide .deco {display:none;}
.introWrap .guide .info p {font-size:24px;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) { 

/* 공통 */
.contents_box {padding:20px 20px 60px;}
/********* 로그인페이지 ***********/
.memberLayout .login_box {width:85%; padding: 30px 0;}
.memberLayout .login_box h3 {font-size:24px;}
.memberBtn-single li a {font-size:16px; padding:15px 50px;}
.memberLayout .join .checkWrap_sunnong {margin-top:15px;}

/* 등록페이지 */
.register.view h4 {font-size:18px; padding:15px;}
.register.view h4.info {padding:15px;}
.register .formWrap dl {grid-template-columns:repeat(1,1fr);}
.mypage.register .formWrap dl {grid-template-columns:repeat(1,1fr);}
.register .formWrap dl dt span {padding-top:0;}
.register .formWrap dl dt {padding:15px;}
.register .formWrap dl dd {padding:15px;}
.register .formWrap dl.calendar dd {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.register .formWrap dl.during dd {display:flex; gap:5px; align-items:center;}
.register .formWrap dl.input3.block dd span {grid-template-columns: 50px auto;}
.register .formWrap dl.address dd input:nth-of-type(1) {width:100%;}
.register .formWrap dl.address dd .smallBtn {height:40px;}
.register.view h4.info p.num1 {width:100%;}
.register.view h4.info p.num2 {width:100%; text-align:left;}
.register.view h4.info .data {justify-content:start; gap:10px;}
.register.view h4.info p.num3 {width:auto; font-size:14px;}
.register.view h4.info p.num4 {width:auto; font-size:14px;}

.register .attach.type1 dd span:nth-of-type(1) {display:block;}
.register .attach.type1 dd span:nth-of-type(2) {width:100%;}

.join .h4 {font-size:18px;}
.join .formGroup .inputWrap.address .directly input {width:330px;}
.join .formGroup.attach.type1 span {flex-wrap:wrap;}
.memberLayout .agree pre, .memberLayout .privacy pre {font-size:14px;}


	/* 달력 */
	.mobileCalInner select {padding:5px 10px; padding-right:25px !important; margin-right:5px;}
	.mobileCalInner select+select {margin-left:10px;}
	
/* 아이디/비밀번호 찾기 */
.innerWrap.id-pw_search {padding-top:20px!important;}
.id-pw_search .id_wrap {width:100%; padding:30px 20px;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:5px 35px; font-size:16px;}
.id-pw_search.step2 form {width:100%;} 
.id-pw_search.step2 strong {font-size:20px;}	

.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:5px 35px; font-size:16px;}

/* 회원가입 - STEP1 */
.join-step1 h3 {font-size:20px; transform:var(--textRotate);}
.join-step1 .account {font-size:16px;}

/* 회원가입 - STEP2 */
.join-step2 .term_wrap+.term_wrap {margin-top:30px;}
.join-step2 .term_wrap .form dl {grid-template-columns:repeat(1,1fr); gap:10px;}

.join-step3.register .formWrap dl dt {text-align:left; padding-bottom:0;}
.join-step3.register .formWrap dl dd {padding-top:10px}
.join-step3.register .formWrap dl dd span.notice {display:block; margin-top:5px;}
.join-step3.register .formWrap select {height:40px;}
.join-step3.register .formWrap dl {grid-template-columns:repeat(1,1fr);}

.id-pw_search .id_wrap {padding:30px;}
.id-pw_search .id_wrap p {font-size:18px; word-break:keep-all;}
.contents_box .login-wrap {width:100%;}

/* 회원가입 - STEP4 */
.join-step4 .inner .tit img {height:30vh;}
.join-step4 .inner .tit p {font-size:24px;}
.join-step4 .inner .txt p {margin-top:30px; word-break:keep-all;}

.innerWrap.id-pw_search {padding-top:20px;}
.id-pw_search .id_wrap {width:100%;}
.id-pw_search .id_wrap .btn_wrap .bigBtn {padding:5px 35px; font-size:16px;}
.id-pw_search.step2 form {width:100%;} 
.id-pw_search.step2 strong {font-size:20px;}

/* 회원가입안내 */
.introWrap .guide .info .bill {display:flex; flex-direction:column;}
.introWrap .guide .info .bank {white-space:normal;}	
.introWrap .guide .info .golink {margin-top:20px;}
.introWrap .guide .info pre span {display:inline;}


/* 공통버튼 */
button.searchBtn {padding: 5px 45px 5px 20px;}
a.registBtn {width:130px; line-height:40px;}
a.cancelBtn {width:130px; line-height:40px;}
a.deleteBtn {width:130px; line-height:40px;}
a.correctBtn {width:130px; line-height:40px;}
a.secessBtn {width:130px; line-height:40px;}
a.joinBtn {padding:5px 60px; font-size:18px;}
a.writeBtn {padding: 5px 45px 5px 20px; background: #999 url(/images/common/i-write.png) no-repeat 80% center / 15px;}

.bottomBtnWrap a+a {margin-left:10px;}
.term_wrap .checkWrap {font-size:16px;}


}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) { 
/********* 로그인페이지 ***********/
.memberLayout .login_box {width:100%;}
.telWrap input:not([type=radio]):not([type=checkbox]) {width:90px!important;} 
.join .formGroup .inputWrap select, .join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:220px;}
.telWrap .telSpan {padding:0;}
.join .formGroup .inputWrap.address .directly input {width:100%!important;}
.join .formGroup.autoCode .inputWrap input:not([type=radio]):not([type=checkBox]) {width:100%;}
.memberBtn-single li a {padding:15px 30px;}
.join .formGroup .inputWrap>div+div {padding-left:0;}
}