input, input[type=text], input[type=password], input[type=tel], textarea {width:100%; height:36px; border:1px solid 1px solid #ccc; border-radius:5px;  font-size:14px; font-weight:300; color: #000000; background: #fff;  text-indent:10px; box-sizing:border-box;}
input:focus, input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus, select:focus{border:1px solid var(--color01); font-weight:500;}
input::placeholder {color:#888 !important;}
textarea{padding:10px; min-width:100%; height:200px; line-height:1.2;}
textarea:focus {outline:none; border:1px solid var(--color01) !important;}
.txt-ind {text-indent:0; word-break:break-all;}
select{margin-bottom:10px;
    box-sizing:border-box;
	width:100%; height: 40px; padding: 4px 10px; border: 1px solid #ddd; color: #111; cursor: pointer; 
	top: 0; left: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
	background:url('../../_images/common/arrow_down.png') no-repeat 89% 50%/15px auto;
}
button.back_yellow{color:#fff;}
.contentLine {display:block; width:100%; height:1px; background-color:#ccc; margin:0 auto;}
.contentLine02 {width:560px;}
.block {display:block;}

.scrollCustom {
    overflow: auto;
}
.scrollCustom::-webkit-scrollbar,
textarea::-webkit-scrollbar  {
    width:5px;
}
.scrollCustom::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track { 
    background-color:#e7e7e7;
}
.scrollCustom::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb { 
    background-color:#a7a7a7;
}
.scrollCustom::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button {
    display: none;
}

/* form 폼 */
/* 체크박스 */
input[type='checkbox']{display:none;}
.checkWrap{display:flex; }
.checkWrap .check_wrap{margin-right:50px;}
.checkWrap .check_wrap:last-child{margin-right:0;}
.check_wrap{clear:both; }
.check_wrap > label{display:flex; align-items: center;}
.check_wrap > label .txt{line-height:1; font-weight:400; }
.check_wrap .checkmark {width:23px; height:23px; border-radius:6px; border:2px solid #e8e8e8; box-sizing:border-box; margin-right:10px; top:1px;}
.check_wrap .checkmark:after {width:5px; height:10px; top:2px; left:6px;}
.check_wrap input[type=checkbox]:checked + label span.checkmark:after {top:2px; left:7px;}

.check_wrap02 >label .txt {font-size:18px;}
.check_wrap02 .checkmark {width:26px; height:26px;}
.check_wrap02 .checkmark:after {top:3px; left:7px;}
.check_wrap02 input[type=checkbox]:checked + label span.checkmark:after {top:3px; left:8px;}

.check_wrap03 >label .txt {line-height:1.1; width:calc(100% - 30px);}

input[type=checkbox]:checked + label span.checkmark:after {
	position: absolute; top:2px; left:7px; border:solid 1px #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + label span.checkmark { background-color: var(--color01); border:1px solid transparent;}
input[type=checkbox]:checked + label span.txt {color:var(--color01);}
select{
    width:100%; height: 50px; padding: 4px 10px; border: 1px solid #ddd; color: #111; cursor: pointer; 
    top: 0; left: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:url('../../_images/common/arrow_down.png') no-repeat 98% 50%/20px auto;
}

.checkmark {display: inline-block; position: relative;  vertical-align: middle; background-color: #fff;  border:1px solid #D5D6DB;  cursor: pointer;}
.checkmark:after {
	content: ""; display: block; position: absolute; top:2px; left:6px; width: 4px; height: 9px; border:solid 1px #D5D6DB;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 479px) {
    .check_wrap{font-size:14px;}
    .check_wrap > label .txt br{display:none;}
}

/* 하단 버튼 */
.btn_bottom{margin-top:80px; display: flex; justify-content: center; clear:both; }
.btn_bottom button {width:50%; float:left; display:block; height:60px; line-height:60px; background:#EEEEEE; font-size: 18px; border-radius:6px;}
.btn_bottom button a{display:inline-block; width:100%; height:100%; color:#111; }
.btn_bottom button.back_blue {background-color:#196bde;}
.btn_bottom button.back_black {background-color:#333;}
.btn_bottom button.back_blue a,
.btn_bottom button.back_black a {color:#fff;}

.btn_a { width:280px; height:60px; line-height:60px; display:block; background:#EEEEEE; font-size:21px; border-radius:6px; margin:80px auto 0 auto;  text-align:center;}
.btn_a a {color:#fff;}
.btn_a.blue {background-color:var(--color01);}
.btn_a.black {background-color:#333; margin-bottom:30px;}
.btn_a.blue, .btn_a.black {color:#fff;}


/* 레이어팝업 */
body.no-scroll {overflow:hidden;}
.popUp {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:999999999999; }
.popUp.on {display:block;}
.popUp .bg { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.7); z-index:-1;}
.popUp .closeBtn {background-color:transparent;}
.popUp .popupBox {width:500px; background-color:#fff; z-index:2; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:15px; overflow:hidden; }
.popUp .popupBox .textBox { padding:25px 40px 20px 40px; position:relative; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.popUp .popupBox .textBox01 {border-bottom:1px solid #ccc; box-sizing:border-box;}
.popUp .popupBox .textBox p {font-size:24px; font-weight:600; color:#000000;}
.popUp .popupBox .textBox span {font-size:0.7em; padding-left:5px;}
.popUp .popupBox .textBox button {cursor:pointer;}
.popUp .popupBox .textBox button i {font-size:32px; font-weight:500; color:#000;}
.popUp .popupBox .textBox button:hover i {font-weight:600; }
.popUp .popupBox .border {width:100%; height:1px; background-color:rgba(0, 0, 0, 0.12); display:block;}
.popUp .popupBox .descText {font-size:17px; font-weight:400; color:#9a9a9a; line-height:1.3; text-align:center; padding:25px 0 40px 0;} 
.popUp .popupResult { width:calc(100% - 20px); padding:20px 10px; text-align:left; height:auto;}
.popUp .popupResult .resultText {font-size:16px; font-weight:300; color:#666666; line-height:1.5;}
.popUp .btnWrap {margin-top:40px;}
.popUp .btnWrap a {width:220px; height:60px; line-height:60px; border-radius:35px; text-align:center; font-size:16px; font-weight:400; color:#fff;}
.popUp .btnWrap a:nth-child(1) {background-color:var(--color01); margin-right:15px;}
.popUp .btnWrap a:nth-child(2) {background-color:#333;}
.popUp .btnWrap a:hover {background-color:#000;}
.popUp .inputCustom {border:2px solid #e8e8e8; border-radius:5px; overflow:hidden;}
.popUp .inputCustom input {border-radius:0 !important; border:none !important;}
.popUp .inputCustom input:focus {border:none; outline:none;}
.popUp .inputCustom input:focus + .inputCustom {border:2px solid #000;}
.popUp .inputCustom button {width:120px; height:50px; background-color:#e8e8e8; color:#333; font-size:14px; font-weight:500;}
.popUp .inputCustom button:hover {background-color:#000; color:#fff;}

.poupResultWrap {overflow-y:scroll; width:calc(100% - 20px); height:48vh; padding:10px 10px;}
.poupResultWrap::-webkit-scrollbar {width:5px; margin-right:10px;}
.poupResultWrap::-webkit-scrollbar-thumb {height:100px; background:var(--color01); border-radius: 10px;}
.poupResultWrap::-webkit-scrollbar-track {background:transparent;}


.memberPopup .contentArea {padding:0 50px 43px 50px;}
.memberPopup .titArea {width:100%; margin-bottom:8px;}
.memberPopup .titArea p {font-size:14px; font-weight:400; color:#333; position:relative; display:inline; z-index:2;}
.memberPopup .titArea span {display:inline-block; font-size:12px; font-weight:600; color:var(--color03);}
.memberPopup .infoText {font-size:14px; font-weight:400; color:#b3b3b3; padding-top:5px;}
.memberPopup .formStyle {width:100%;}
.memberPopup .formStyle .radio_container {padding-left:30px;}
.memberPopup .formStyle label {margin-bottom:0;}
.memberPopup input, .memberPopup input[type=text], .memberPopup input[type=password], .memberPopup input[type=tel] {
    height:50px;
    border-radius:6px;
    border:1px solid #e8e8e8;
    box-sizing:border-box;
}
.memberPopup input:focus, .memberPopup textarea:focus {
    border:1px solid var(--color01);
}
.memberPopup .radio_chkmark {width:24px; height:24px; border:2px solid #e8e8e8; box-sizing:border-box; top:-2px;}
.memberPopup .radio_container input:checked ~ .radio_chkmark {border:2px solid #e8e8e8;}
.memberPopup .radio_container .radio_chkmark:after {width:14px; height:14px;}
.memberPopup .btn_a {width:100%; background-color:var(--color01); color:#fff; margin:27px auto 0 auto;}
.memberPopup .linkWrap a {font-size:14px; font-weight:400; color:#2b68e5;}
.memberPopup .linkWrap a:hover {color:#333;}
.memberPopup .linkWrap a:not(:last-child) {margin-right:15px;}
.memberPopup .idSave {}
.memberPopup .customInput {position:relative; width:100%; height:50px;}
.memberPopup .customInput input {width:100%; height:100%; text-indent:0; padding:0 20px;}
.memberPopup .customInput i { font-size:20px; color:#cecece; position:absolute; top:50%; transform:translateY(-50%); left:15px;}
.memberPopup .customInput.on i {color:var(--color01);}
.memberPopup .titArea02 {width:100px;}
.memberPopup .customInput02 {width:calc(100% - 100px);}
.memberPopup .check_wrap > label .txt {color:#888888; padding-left:10px;}

.memberPopup .findWrap a {font-size:14px; font-weight:400; color:#999999;}
.memberPopup .findWrap a:hover {color:#000;}




/* 페이지 */
.memberPage {width:100%; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7f7;; position:relative; padding:50px 0;}
.memberPage .inner {width:370px; background-color:#ffffff; box-shadow:3px 5px 30px rgba(0, 0, 0, 0.5); border-radius:20px; padding:60px 50px 40px 50px; text-align:center; position:relative;}
.memberPage .inner::after {content:''; width:120px; height:29px; background-image:url(../../_images/mypage/member_page_logo02.png); position:absolute; right:0; bottom:-55px}
.memberPage .inner .topLogo {width:110px; position:absolute; top:-55px; left:50%; transform:translateX(-50%);}
/* .memberPage .tit {font-family:'Pretendard-ExtraBold'; font-size:32px; font-weight:700; color:var(--color01); margin-bottom:12px; line-height:1.1;}
.memberPage .txt {font-size:18px; font-weight:300; color:#000; opacity:0.5;} */
.memberPage >.tit { font-family: 'Pretendard-ExtraBold'; font-size:51px; font-weight:700; color:#252a31; line-height:1.1; text-align:center;}
.memberPage >.txt {font-size:26px; font-weight:300; color:var(--color01); margin:20px 0 60px 0;}
.memberPage .txt02 span, 
.memberPage .txt02 strong {font-size:16px; opacity:1; display:inline-block; color:#333; font-weight:300; opacity:0.7;}
.memberPage .txt02 strong {font-weight:500; color:#000; opacity:1;}
.memberPage .txt03 {font-size:31px; font-weight:700; color:#01a6c7;}

.memberPage .contentLogo {width:277px;}
.memberPage .formStyle {text-align:left; width:100%;}
.memberPage .formStyle li {width:100%; align-items:center; justify-content:space-between;}
.memberPage .titArea {margin-bottom:5px; width:70px;}
.memberPage .titArea p {font-size:13px; font-weight:500; color:#000;}
.memberPage .customInput {width:calc(100% - 70px);}
.memberPage .customInput input {width:100%; height:45px; font-size:16px; font-weight:500; color:#222; opacity:0.5; box-sizing:border-box; }
.memberPage .customInput input::placeholder {font-size:16px; font-weight:500; color:#222; opacity:0.5;}
.memberPage .customInput input:focus {outline:none; opacity:1; color:#666666;}
.memberPage .check_wrap .txt {font-size:14px; font-weight:400; color:#000; opacity:1;}
.memberPage .findWrap a {font-size:13px; font-weight:400; color:#999999;}
.memberPage .findWrap a:hover {color:#000;}
.memberPage .subMitBtn01,
.memberPopup .subMitBtn01 {width:100%; height:60px; border-radius:30px; font-size:18px; font-weight:400; color:rgba(255,255,255,0.7); background-color:var(--color01);}
.memberPage .subMitBtn01:hover,
.memberPopup .subMitBtn01:hover {background-color:#000; color:#fff;}
.memberPage .memberBtn {display:flex; flex-direction:row; align-items:center; justify-content:end; font-size:15px; font-weight:500; color:#000; margin-top:15px;}
.memberPage .memberBtn i {font-size:17px; margin-left:3px;}
.memberPage .memberBtn:hover {color:var(--color01);}

.linkMove {position:absolute; top:-50px; left:0px; }
.linkMove a {display:flex; flex-direction:row; align-items:center;}
.linkMove img {width:8px; margin-right:8px; position:relative; top:0px;}
.linkMove a span {font-size:17px; font-weight:400; color:#666; line-height:1;}
.linkMove a .on {display:none;}
.linkMove a:hover span {color:#000;}
.linkMove a:hover .off {display:none;}
.linkMove a:hover .on {display:block;}

.linkMove02 {position:absolute; top:50px; left:50px;}
.linkMove02 a span {font-size:21px;}
.linkMove02 img {width:10px; margin-right:10px;}

/* 로그인 */
#login {background-image:url(../../_images/mypage/login_bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; background-color:transparent;}
#login .inner::after {background-image:url(../../_images/mypage/member_page_logo.png);}


/* 회원가입 */

/* 회원가입 메인 */
#join_intro .inner {width:940px; margin:0 auto;}
#join_intro .tit, #join_intro .txt {text-align:center;}
#join_intro .tit { font-family: 'Pretendard-ExtraBold'; font-size:51px; font-weight:700; color:#252a31; line-height:1.1; }
#join_intro .txt {font-size:26px; font-weight:300; color:var(--color01); margin:20px 0 60px 0;}
#join_intro ul li {border:2px solid #eeeeef; box-sizing:border-box; border-radius:12px; width:450px; height:400px; overflow:hidden;}
#join_intro ul li:hover {border:2px solid var(--color01);}
#join_intro ul li:nth-child(1) img {width:121px;}
#join_intro ul li:nth-child(2) img {width:113px;}
#join_intro ul li .topBox {width:100%; height:calc(100% - 60px); text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#join_intro ul li .iconBox {height:105px; margin-bottom:40px;}
#join_intro ul li .topBox dt {font-size:30px; font-weight:700; color:#252a31; margin-bottom:20px; line-height:1;}
#join_intro ul li .topBox dd {font-size:18px; font-weight:300; color:#252a31; opacity:0.8; line-height:1.3;}
#join_intro ul li .btnBox {width:100%; height:60px; background-color:#252a31; align-items:center; justify-content:end; }
#join_intro ul li .btnBox p {font-size:20px; font-weight:300; color:#fff;}
#join_intro ul li .btnBox .joinBtn {width:34px; height:34px; border-radius:50%; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 20px;}
#join_intro ul li .btnBox .joinBtn i {font-size:24px; font-weight:700; color:#252a31;}
#join_intro ul li:hover .btnBox {background-color:var(--color01);}
#join_intro ul li:hover .btnBox .joinBtn i {color:var(--color01);}

/* 회원가입 약관동의 */
.flowBox {overflow:hidden;}
label{font-size: var(--font-nor); font-weight: 600;}
.star{color: red;}
.agreeWrap__cont{width:calc(100% - 30px); margin:10px 0; padding:15px; overflow-y: auto; white-space: pre-line; background:#ededed; height:300px; line-height: 1.6; border:1px solid #e8e8e8; border-radius:15px;}
.agreeAll__txt {font-size:16px; font-weight:400; color:#000;}
.signBtnWrap {display:flex; flex-direction:row; justify-content:center; align-items:center; padding-bottom:80px;}
.signBtnWrap .signBtn { padding: 0 80px; width: fit-content; height: 54px; line-height: 54px; background: #333; color: #fff; font-size:18px; letter-spacing: -0.9px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.signBtnWrap .signBtn02 {background-color:var(--color01);}
.signBtnWrap .signBtn:hover {background-color:#000 !important;}
.signBtnWrap.flexEnd {justify-content:end;}
.signBtnWrap02 a {width:calc(190px - 30px);}
.signBtnWrap02 a:hover {background-color:#000 !important;}
.signBtnWrap02 a:nth-child(1) {background-color:#333; margin-right:40px;}
.signBtnWrap02 a:nth-child(2) {background-color:var(--color01);}
.signBtnWrap a.bgBlack {background-color:var(--color01);}

/* 폼 */
input, button, select{font-family: 'Pretendard'; }
input, select{outline: none; border: none; width: 100%; font-size: var(--font-nor); color: #111; background-color: #fff; border-radius: 0;}
select{
	-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;
	background:url('../../_images/common/ico_arw_down_blue.png') no-repeat calc(100% - 15px) 50%/15px auto; background-size:10px 7px;
}
.select--mint{background:url('../../_images/common/ico_arw_down_mint.png') no-repeat calc(100% - 15px) 50%/15px auto; background-size:10px 7px;}
select::-ms-expand{display:none;/*for IE10,11*/}
button{border: none; cursor: pointer;}
button:focus{outline: none !important;}
label{font-size: var(--font-nor); font-weight: 600;}

.secJoinAgree{text-align: center;}
.secJoinAgree .snsWrapAll{margin-bottom: 30px; display: flex; align-items: center; justify-content: flex-end;}
.secJoinAgree .snsWrapAll .tit{margin: 0; margin-right: 15px; font-size: var(--font-small);}

.joinSteps{padding-bottom:80px; display: flex; align-items: baseline; justify-content: center; }
.joinSteps li{margin: 0 10px;}
.joinSteps__bar{width:50px; height: 2px; background:#e8e8e8; }
.joinSteps__circle{margin:0 auto 7px; background-color: #e8e8e8; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; font-weight: 500; font-size: 18px;}
.on__joinSteps .joinSteps__circle{background: var(--color01); color: #fff; }
.joinSteps__txt{font-size: 16px; letter-spacing: -0.8px; }

.infoTxt{margin: 30px 0; text-align: left;}
.infoTxt dt{margin-bottom: 5px; font-size: 18px; font-weight: 600;}
.infoTxt dt i{margin-right: 5px;}
.infoTxt dd{font-size: 16px; color: #999;}

.joinAgreeCont{text-align: left; font-size: var(--font-small);}
.joinAgreeCont .check_wrap{margin: 10px 0 30px; display:flex; flex-direction:row; align-items:center; justify-content:end;}
.joinAgreeCont .agreeAll{display: flex; justify-content: space-between;}
.joinAgreeCont .agreeAll .check_wrap{margin-top:0;}

.table__joinAgree th, .table__joinAgree td {font-weight: 400; font-size: 14px; text-align: center;}
.table__joinAgree thead {height: 42px;line-height: 42px; font-weight: 400;}
.table__joinAgree td {line-height: 1.4; padding: 0 3vw;}



/* 회원가입 정보입력 */
.formStyle {width:100%;}
.formStyle input {width:500px; height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff; border-radius:10px;}
.formStyle input::placeholder {font-weight:400; color:#333; text-indent:0;}
.formStyle li {width:100%; display:flex; flex-direction:row; align-items:flex-start;}
.formStyle li:not(:last-child) {margin-bottom:20px;}
.formStyle li >label {width:150px; padding-top:6px;}
.formStyle li >label,
.formStyle .formTit { font-size:16px; font-weight:500; color:#000;}
.formStyle label .small {display:inline-block; font-size:14px;}
.formStyle li >label .star,
.formStyle .formTit .star {padding-left:2px; font-size:16px; font-weight:600;}

#fileListCounsel {width:calc(100% - 20px);}
#fileListCounsel li input {width:calc(100% - 45px);}
#fileListCounsel li button {width:40px; height:40px; background-color:#333; margin-left:5px; border-radius:6px; font-size:19px; font-weight:300; color:#fff;}

.formStyle li .area {width:calc(100% - 150px);}
.formStyle li .area >div {align-items:center;}
.formStyle li .area input {border-radius:0; margin:0; padding:0 10px; margin-right:10px; text-indent:0;}
.formStyle li .area .btn { padding: 0 80px; width: fit-content; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 16px; letter-spacing: -0.9px; border-radius: 0; display: flex; align-items: center; justify-content: center; padding: 0 30px; }
.formStyle li .area .btn:hover {background-color:var(--color01);}
.formStyle li small {display:block; font-size:16px; font-weight:400; color:#9c9c9c;}
.topDescText {font-size:16px; font-weight:400; color:var(--color01); text-align:right; margin-bottom:20px;}
.formStyle li select {width:500px; height:40px; line-height:33px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff; margin-bottom:0;}
.formStyle li .etcInput {display:none; margin-left:5px;}
.formStyle li .etcInput.on {display:block;}
.formStyle li .areaText {font-size:17px; font-weight:400; color:#000; padding-top:7px;}
.formStyle li .customInput01 {width:246px;}
/* .formStyle li .customInput02 {width:457px;} */
.formStyle li .customInput03 {width:453px;}
.formStyle li .customInput04 {width:330px;}
.formStyle li select.customSelect {width:159px;}
.formStyle li select.customSelect02 {width:250px;}
.formStyle li select.customSelect03 {width:245px;}
.formStyle li .industryOutput {margin-left:5px;}
.formStyle li .industryOutput p {width:fit-content; padding:0 12px; background-color:#333; height:40px; line-height:40px; margin-right:5px; font-size:16px; font-weight:400; color:#fff;}
.formStyle li .industryOutput button {background-color:transparent;}
.formStyle li .industryOutput button i {font-size:15px; color:#fff; margin-left:2px;}
.formStyle li .areaIcon {position:relative;}
.formStyle li .areaIcon input {text-indent:0;}
.formStyle li .areaIcon i {position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:17px; color:#000;}

.formStyle .editImg .profile { display: inline-block; width:70px; height:70px; border-radius:50%; border:1px solid #cccccc; box-sizing:border-box; margin-right:10px; overflow:hidden; position:relative; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.formStyle .editImg dt { font-size:16px; font-weight:400; color:#000000; padding-bottom:5px; } 
.formStyle .editImg dd { font-size:13px; font-weight:300; color:#aaaaaa; } 
.formStyle .editImg button { background-color:transparent; margin-left:10px; } 
.formStyle .editImg i {font-size:22px; font-weight:400; color:#333;}
.formStyle .editImg button:hover i{ color:var(--color01); } 
.formStyle .editImg .textWrap {align-items:flex-start;}

.formStyle .areaBtn {display:flex; flex-direction:row; align-items:center; margin-bottom:3px;}
.formStyle .areaBtn button {background-color:transparent; margin-right:-3px;}
.formStyle .areaBtn button i {font-size:26px; color:#333; line-height:1; letter-spacing:0;}
.formStyle .areaBtn button:hover i {color:var(--color01);} 
.formStyle .areaContent {display:flex; flex-direction:column; align-items:flex-start !important; justify-content:baseline !important;}
.formStyle .areaContent input {width:100%; margin-bottom:5px;}
.formStyle textarea {width:100%; height:250px; min-width:auto; font-size:14px; font-weight:300; color:#000; border:1px solid #ddd; box-sizing:border-box; text-indent:0;}
.formStyle textarea:focus {font-weight:400; color:#000;}
.formStyle textarea.textarea02 {height:200px;}
.formStyle .areaContent02 {width:100%;}

.clientViewText li .area p, .clientViewText li .area a {font-size:16px; font-weight:400; color:#666;}

.formStyle02 {display:block;}
.formStyle02 li {width:100%; display:block;}
.formStyle02 li {width:100%;}
.formStyle02 li input {width:calc(100% - 20px); padding:0 10px; text-indent:0;}
.formStyle02 li >label {width:100%; margin-bottom:10px; display:block;}
.formStyle02 li textarea {width:calc(100% - 20px); padding:10px; height:127px;}
.formStyle02 .pravacyBox {width:calc(100% - 20px); padding:10px; height:120px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; background-color:#fff; overflow-y:scroll; }
.formStyle02 .pravacyBox p {}
.formStyle .radio_container { display: block; position: relative; padding-left:28px; font-weight:400; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px; } 
.radio_container_wrap { display:flex; } 
.radio_container_wrap .radio_container { margin-bottom:0; margin-right:30px; } 
.radio_container_wrap .radio_container:last-child { margin-right:0 } 
.radio_container input { position: absolute; left:0; opacity: 0; cursor: pointer; } 
.radio_chkmark { position: absolute; top:3px; left: 0; height:18px; width:18px; background-color: #fff;; border-radius: 50%; border:1px solid #aaaaaa; } 
.radio_container input:checked ~ .radio_chkmark { background-color: #fff; border:1px solid var(--color01); } 
.radio_chkmark:after { content: ""; position: absolute; display: none; } 
.radio_container input:checked ~ .radio_chkmark:after { display: block; } 
.radio_container .radio_chkmark:after { top: 50%; left: 50%; transform:translate(-50%, -50%); width:12px; height: 12px; border-radius: 50%; background: var(--color01); } 

#information .formStyle li >label{width:200px;}
#information .formStyle li .area {width:calc(100% - 200px);}
.formStyle li .area02 {display:flex; flex-direction:column;}

.joinResult {text-align:center;}
.joinResult .iconImg {width:150px; display:block; margin:0 auto 40px auto;}
.joinResult .tit {font-size:40px; font-weight:700; color:#252a31; line-height:1.3;}
.joinResult .tit span {display:block; font-size:30px; font-weight:300; line-height:1; padding-bottom:8px;}
.joinResult .border {width:40px; height:2px; background-color:var(--color01); display:block; margin:40px auto;}
.joinResult .txt {font-size:20px; font-weight:300; color:#252a31; line-height:1.7; margin-bottom:40px;}
.joinResult .txt span {font-weight:500; color:var(--color01);}
.joinResult dt,
.joinResult dd {font-size:20px; }
.joinResult dt {font-weight:500; color:#252a31; line-height:1.6;}
.joinResult dd {font-weight:300; color:#999999; line-height:1.6;}
.joinResult dd span {display:inline-block; color:var(--color01);}
.joinResult .txt span.underline {display:inline-block; color:#252a31; position:relative; text-decoration-line: underline; text-underline-offset:7px; /* 밑줄과 텍스트 사이의 간격을 조정 */ text-decoration-thickness:1px;}


/* 마이페이지 */
#identification {overflow:hidden;}
#identification .circle {width:150px; height:150px; text-align:center; border-radius:50%; background-color:#fff; margin:0 auto 40px auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#identification .circle i {font-size:60px; color:var(--color01);}
#identification p {font-size:20px; font-weight:300; color:#252a31; text-align:center; word-break:keep-all;}
#identification .formStyle input {display:block; margin:30px auto 10px auto; width:400px; height:50px; line-height:50px;}
#identification .formStyle a {display:block; background-color:#252a31; width:400px; height:55px; line-height:55px; margin:0 auto; padding:0; border-radius:5px; text-align:center; font-size:17px; font-weight:400; color:#fff;}

.resignBox {background-color:#f1f1f1; padding:40px 0; margin:50px 0; border:1px solid #ccc; box-sizing:border-box; border-radius:10px;}
.resignBox li {width:auto !important;}
.resignBox li:not(:last-child) {margin-bottom:0 !important;}

/*
.writeType01, .writeType02, .writeType03 {display:none !important;}
.writeType01.show {display:flex !important;}
.writeType02.show {display:flex !important;}
.writeType03.show {display:flex !important;}
*/
.board_qna .inner { width:1000px; margin:0 auto; } 
.board_qna .qnaBox { width:100%; margin-bottom:78px;} 
.board_qna ul li {}
.board_qna ul li { width:calc(100% - 60px); background-color:#e0e0e0; border-radius:20px; padding:25px 30px; cursor:pointer;} 
.board_qna ul li:not(:last-child) {margin-bottom:12px;}
.board_qna ul li .titBox dl {width:calc(100% - 60px);}
.board_qna ul li .titBox dl dt {font-size:16px; font-weight:600; color:var(--color01); padding-bottom:8px;}
.board_qna ul li .titBox dl dd {font-size:18px; font-weight:400; color:#726f6f; line-height:1.3;}
.board_qna ul li .btn { width:40px; height:40px; border-radius: 50%; text-align: center; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.board_qna ul li .btn i {font-size:29px; color:#282d33;}
.board_qna ul li .answerBox {display:none; border-top:1px solid rgba(255,255,255,0.1); box-sizing:border-box; margin-top:25px; border-top:1px solid #bebebe;  padding:30px 0 10px 0;}
.board_qna ul li .answerBox p {font-size:16px; font-weight:300; color:#333; line-height:1.5; width:100%;}
.board_qna ul li .answerBox img {max-width:90%;}
.board_qna ul li.active .answerBox {display:block;}
.board_qna ul li.active .btn {background-color:var(--color01);}
.board_qna ul li.active .btn i {color:#fff; transform:rotate(180deg);}

@media screen and (max-width:1200px) {
    .formStyle li {display:block;}
    .writeType01.show,
    .writeType02.show,
    .writeType03.show {display:block !important;}
    .formStyle li .area select {margin-right:0 !important;}
    .formStyle li .area input {width:100%; margin-right:0 !important;}
    .formStyle li .areaIcon i {right:10px;}
    .flatpickr-input::-webkit-calendar-picker-indicator {
        display: none;
    }
    .flatpickr-input {
        width: 100%;
        box-sizing: border-box;
        appearance: none; /* 기본 화살표 제거 */
        -webkit-appearance: none; /* Webkit 기반 브라우저에서 기본 화살표 제거 */
    }
    .areaIcon {width:100%; position:relative; display:block;}
    .flatpickr-input {width:100% !important; padding:0 10px !important; margin:0 !important; display:block !important; min-width:calc(100% - 20px) !important;  background-color:#fff !important; background-image:none !important;}
    .flatpickr-input {width:100% !important; box-sizing: border-box;}
    .flatpickr-mobile {width:100% !important;}
    .formStyle li >label, .formStyle .formTit {margin-bottom:10px;}
    .mobileBottomNone {margin-bottom:0 !important;}
    .formStyle li >label,
    .formStyle li .area,
    .formStyle input,
    .formStyle li select,
    .formStyle textarea.textarea,
    .formStyle textarea.textarea02,
    .formStyle li select.customSelect03,
    .formStyle li select.customSelect,
    .formStyle li .customInput04,
    .formStyle li .customInput01 {width:100%;}    
    .formStyle li .area,
    .formStyle li .area >div {display:block; width:100%; }
    .formStyle li .area >div.radio_container_wrap {display:flex;}
    .formStyle li .area >div >div {margin-bottom:10px;}
    .memberPage .formStyle li,
    .memberPopup .formStyle li,
    .formStyle li .area >div.flexImportant {display:flex;}
    .formStyle li .areaIcon i {display:block;}
    /* .formStyle li .customInput04 {width:calc(100% - 160px);} */

    .formStyle li .areaEmail >div {display:flex;}
    .formStyle li .areaFlex >div {display:flex;}
    .formStyle li .area div select,
    .formStyle li .area div input {margin-bottom:5px !important;}
    .areaEmail input {width:calc(100% - 150px);}
    .areaFlex input {width:calc(100% - 150px);}

    #information .formStyle li .area {width:100%;}
    .formStyle textarea {width:100%;}

    .formStyle .editImg button {margin-left:0;}
    .formStyle .editImg .textWrap {width:calc(100% - 80px);}
    .profilePage .check_wrap_list {display:block;}
    .profilePage .check_wrap_list >div {margin-bottom:7px;}
    .check_wrap02 >label .txt {font-size:16px;}
    .formStyle li small {font-size:15px;}
    .profilePage .area >div.mb10 {margin-bottom:0 !important;}
    .profilePage .radio_container_wrap {flex-wrap:wrap;}

    .formStyle li .area .btn {
        font-size: 15px;
        padding: 0;
        width: 150px;
        margin-bottom:5px;
    }
}

@media screen and (max-width:1080px) {
    .memberPage >.tit,
    #join_intro .tit {font-size:40px;}
    .memberPage >.txt,
    #join_intro .txt {font-size:21px;}

    #join_intro .inner {width:calc(100% - 40px);}
    #join_intro .inner ul {width:100%;}
    #join_intro .inner ul li {width:49%;}

    .joinResult .iconImg {width:100px;}
    .joinResult .tit {font-size:26px;}
    .joinResult .tit span {font-size:20px;}
    .joinResult .txt {font-size:16px;}
    .joinResult .border {margin:30px auto;}
    .signBtnWrap02 a:nth-child(1) {margin-right:20px;}
    .subBtn p {font-size:18px;}
    .subBtn >span {width:28px; height:28px; line-height:32px;}
    .subBtn >span i {font-size:20px;}
    .signBtnWrap02 a {width:fit-content; padding:10px 10px 10px 20px;}
}
@media screen and (max-width:780px) {
    .memberPage >.tit,
    #join_intro .tit {font-size:31px;}
    .memberPage >.txt,
    #join_intro .txt {font-size:18px; font-weight:400; margin:15px 0 40px 0;}
	#join_intro ul li .topBox dd {font-weight:400;}
    #join_intro ul li {height:auto;}
    #join_intro ul li .topBox {height:auto; padding:40px 0;}
    #join_intro ul li .btnBox p {font-size:16px;}
    #join_intro ul li .iconBox {height:80px; margin-bottom:20px;}
    #join_intro ul li:nth-child(1) img {width:91px;}
    #join_intro ul li:nth-child(2) img {width:83px;}
    #join_intro ul li .topBox dt {font-size:18px; margin-bottom:12px;}
    #join_intro ul li .topBox dd {font-size:14px;}
    #join_intro ul li .btnBox .joinBtn {width:27px; height:27px; margin:0 20px 0 15px;}
    #join_intro ul li .btnBox .joinBtn i {font-size:20px;}

    .joinSteps {padding-bottom:40px;}
    .joinSteps li {margin:0;}
    .joinSteps__bar {width:30px; margin:0 10px;}
    .joinSteps__circle {width:40px; height:40px; line-height:38px; font-size:16px;}
    .infoTxt {margin:0 0 25px 0;}
    .agreeWrap__cont {height:200px; font-size:14px;}
    .joinAgreeCont .check_wrap > label {font-size:14px;}
    .joinAgreeCont .agreeAll {display:block;}
    .agreeAll__txt {font-size:14px;}
    .agreeAll__txt {margin-bottom:10px;}

    #qnaPage .tabWrap {margin-bottom:50px !important;}
    .tabBtn li a {padding:7px 12px; font-size:16px;}
}
@media screen and (max-width:680px) {
    #counseling .formStyle02 li input,
    #counseling .formStyle02 li textarea,
    #counseling .formStyle02 .pravacyBox {width:100%;}

    .resignBox {padding:25px 20px;}
    .resignBox .subTit01_4 {font-size:16px; word-break:keep-all;}
    .resignBox ul {width:100%; margin:0 auto; display:block;}
    .resignBox ul li:not(:last-child) {margin-bottom:6px !important;}
    .resignBox ul li select {width:100% !important;}
    .resignPage .subTxt01_3 {font-size:16px;}
    .resignPage .check_wrap02 >label .txt {line-height:1.3; width:calc(100% - 40px);;}
}
@media screen and (max-width:580px) {
    .memberPage .inner {width:calc(100% - 100px); margin:0 auto; padding:50px 30px 40px 30px; box-shadow:3px 5px 30px rgba(0, 0, 0, 0.1);}

    .popUp .popupBox .descText {padding:20px 0 25px 0;}
    .popUp .btnWrap {margin-top:25px;}
    .popUp .popupBox {width:calc(100% - 40px);}
    .popUp .btnWrap a {width:49.4%; height:45px; line-height:45px; border-radius:20px; font-size:14px;}
    .popUp .popupBox .descText {font-size:14px;}
    .popUp .popupBox .textBox p {font-size:17px;}
    .popUp .popupBox .textBox {padding:20px 15px 20px 15px;}
    .memberPopup .contentArea {padding:0 15px 40px 15px;}
    .memberPopup input, .memberPopup input[type=text], .memberPopup input[type=password], .memberPopup input[type=tel] {height:40px;}
    .memberPage .subMitBtn01, .memberPopup .subMitBtn01 {height:50px; font-size:16px;}
    .memberPopup .customInput {height:auto;}
    .memberPopup .infoText {font-size:13px; padding-top:3px; line-height:1.2;}

    #join_intro ul li {height:auto;}
    #join_intro ul li .topBox {height:auto; padding:30px 0;}
    #join_intro ul li .btnBox {height:50px;}
    #join_intro ul li .btnBox p {font-size:14px;}
    #join_intro ul li .iconBox {height:60px; margin-bottom:20px;}
    #join_intro ul li:nth-child(1) img {width:71px;}
    #join_intro ul li:nth-child(2) img {width:63px;}
    #join_intro ul li .topBox dt {font-size:15px; margin-bottom:10px;}
    #join_intro ul li .topBox dd {font-size:12px; padding:0 10px;}
    #join_intro ul li .topBox dd br {display:none;}
    #join_intro ul li .btnBox .joinBtn {width:20px; height:20px; margin:0 10px 0 7px;}
    #join_intro ul li .btnBox .joinBtn i {font-size:16px;}
    .joinSteps__txt {font-size:14px;}

    .infoTxt dt {font-size:16px;}
    .infoTxt dd {font-size:15px;}
    .signBtnWrap .signBtn {padding:0 20px; height:45px; line-height:45px; font-size:16px;}

    #identification .circle {width:120px; height:120px;}

    .joinResult {width:calc(100% - 40px); margin:0 auto; padding-left:20px; padding-right:20px;}
    
    .myInfoPage01 .subTitle05 {font-size:21px; margin-bottom:30px !important;}
    .formStyle li .areaText {padding-top:0;}
}
@media screen and (max-width: 480px){
    .joinAgreeCont .check_wrap {margin: 0px 0 30px;}
    .joinSteps__circle{font-size: 16px;}
    .joinSteps__txt{font-size: 14px;}

    .joinResult {padding-left:20px; padding-right:20px;}
    .joinResult .tit {font-size:21px;}
    .joinResult .tit span {font-size:16px;}
    .joinResult .txt {font-size:15px; word-break:keep-all;}
    .joinResult .txt br {display:none;}
    .joinResult .txt span.underline {text-underline-offset:4px; display:inline;}
    .joinResult .txt .br {display:block;}

    .resignPage .joinResult {padding-left:0; padding-right:0; width:100%;}
    .resignPage .subListBox03 {width:100% !important;}

    .signBtnWrap02 a:nth-child(1) {margin-right:15px;}
    .subBtn p {font-size:16px;}
    .subBtn >span {width:20px; height:20px; line-height:19px;}
    .subBtn >span i {font-size:14px; letter-spacing:-2px;}
    .signBtnWrap02 a {width:calc(140px - 30px); padding:10px 10px 10px 20px;}

    .board_qna ul li .titBox dl dd {font-size:16px;}
    .board_qna ul li .btn {width:32px; height:32px;}
    .board_qna ul li .btn i {font-size:25px; letter-spacing:0;}
    .board_qna ul li .titBox dl {width:calc(100% - 40px);}

    #identification .circle {width:100px; height:100px;}
    #identification .circle i {font-size:50px;}
    #identification .formStyle input,
    #identification .formStyle a {width:calc(100% - 40px); }
    #identification p {font-size:18px; }
    #identification p .br {display:block;}

    .joinResult dt, .joinResult dd {font-size:16px; word-break:keep-all;}

    .formStyle li >label, .formStyle .formTit {font-size:16px;}

    .formStyle li:not(:last-child) {margin-bottom:25px;}
}
@media screen and (max-width:420px) {
    .memberPage >.tit,
    #join_intro .tit {font-size:22px;}
    .memberPage >.txt,
    #join_intro .txt {font-size:16px;}
    #join_intro ul li .topBox dd {height:30px;}
}
@media screen and (max-width:380px) {
    .memberPage .inner {width:calc(100% - 80px); margin:0 auto; padding:40px 20px 35px 20px;}
    .memberPage .mr20 {margin-right:10px !important;}
    .check_wrap .checkmark {width:20px; height:20px; margin-right:5px;}
    .check_wrap .checkmark:after { width:4px; height:9px; top:1px; left:5px; }

    #join_intro ul li .iconBox {height:40px; margin-bottom:20px;}
    #join_intro ul li:nth-child(1) img {width:51px;}
    #join_intro ul li:nth-child(2) img {width:43px;}
    #join_intro ul li .topBox {padding:30px 0;}
    #join_intro ul li .btnBox p {font-size:12px;}
    #join_intro ul li .btnBox .joinBtn {width:18px; height:18px;}
    #join_intro ul li .topBox dd {letter-spacing:-1px;}

    .signBtnWrap .signBtn {padding:0 15px; height:42px; line-height:40px; font-size:14px;}

    .tabBtn {padding:8px;}
    .tabBtn li a {padding:5px 8px; font-size:15px;}
}
@media screen and (max-width:360px) {
    #join_intro .inner ul {display:block;}
    #join_intro .inner ul li {width:100%; margin-bottom:20px;}
    #join_intro ul li .topBox dd br {display:block;}
    .signBtnWrap02 a:nth-child(1) {margin-right:8px;}
    .signBtnWrap02 a {width:fit-content; padding:8px 8px 8px 15px;}
    .signBtnWrap02 a p {font-size:15px; padding-right:8px;}
}
@media screen and (max-width:330px) {
    #loginPage .loginFindWrap {flex-direction:column; margin-bottom:20px !important;}
    #loginPage .loginFindWrap .check_wrap {width:100%;;}
    #loginPage .loginFindWrap .findWrap {width:100%; justify-content:end;}
}
@media screen and (max-width:302px) {
    .memberPage >.tit,
    #join_intro .tit {font-size:18px; word-break:keep-all; padding:0 10px;}
    .memberPage >.tit br,
    #join_intro .tit br {display:none;}
    .memberPage >.txt,
    #join_intro .txt {font-size:14px; margin:10px 0 20px 0;}
}

/* 별점 */
.jq-star{width:18px !important; height:18px !important;}

.starAvg{display: flex; align-items: center; font-size: 15rem; font-weight: 500;}
.starAvg span{margin-left: 10px; font-size: 18rem;  color: var(--color-blue);}

.starWrap{
	display:flex; align-items:center;
	margin: 10px 8px; padding: 5px 12px 7px 7px; background-color: #f6f6f6; border-radius: 20px; border: 1px solid #ccc;
}
.starWrap .txt{font-weight:500; font-size:20rem; margin-right:10px;}
.starWrap .star_mark{display:flex;}
.textIndent10 {padding:0 10px;}

.noticeResult {text-align:center; padding:15px 0; font-size:17px; font-weight:400; color:#000;}