@charset "utf-8";

.gap-contents {margin-bottom:6rem;}

/* line-gapBox */
.line-gapBox {width:100%; position:relative; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #eff1f4;}
.line-gapBox:after {content:''; display:block; clear:both;}
.line-gapBox.end-box {padding-bottom:0; margin-bottom:0; border-bottom:none;}


/* foldings */
.foldings-wrap {width:100%; position:relative;}
.foldings-list {width:100%; border:1px solid #e2e5ea; border-radius:5px; }
.foldings-list > li {width:100%; border-top:1px solid #e2e5ea;}
.foldings-list > li:first-child {border-top:none;}
.foldings-list > li .foldings-in-wrap .foldings-btn {width:100%; padding:2rem; display:block; position:relative;text-align:left;cursor:pointer;font-size:1.6rem;}
.foldings-list > li .foldings-in-wrap .foldings-btn:before,
.foldings-list > li .foldings-in-wrap .foldings-btn:after {content:"";position:absolute;top:50%;margin-top:-1px;display:block;width:10px;height:1px;background:#222;}
.foldings-list > li .foldings-in-wrap .foldings-btn:before {transform:rotate(-45deg);right:2rem;}
.foldings-list > li .foldings-in-wrap .foldings-btn:after {transform:rotate(45deg);right:calc(2rem + 7px);}
.foldings-list > li .foldings-in-wrap .foldings-btn span {  font-weight:500;display: block; width: calc(100% - 40px); word-break: keep-all;}
.foldings-list > li .foldings-in-wrap .foldings-btn.over:before {transform:rotate(45deg);}
.foldings-list > li .foldings-in-wrap .foldings-btn.over:after {transform:rotate(-45deg);}

.foldings-in-cont {display:none; width:100%; padding:17px 45px; background:#eff1f4; }
.foldings-in-cont .folding-txt {line-height:160%; }
.foldings-in-cont .folding-txt * {line-height:160%;}
.foldings-in-cont .folding-txt > .sm-txt {font-style:normal; font-weight:500; margin-bottom:20px; display:block; }
.foldings-in-cont .folding-txt > .sm-txt.ty02 {margin-bottom:10px}

.foldings-wrap.more-data {margin-bottom:60px;}
.foldings-wrap .foldings-wrap-controlor {display:flex;justify-content:flex-end;margin-bottom:1rem;}
.foldings-wrap .foldings-wrap-controlor:after {content:''; display:block; clear:both;}
.foldings-wrap .foldings-wrap-controlor a {width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; display: block; float: left; text-align: center; margin-left:5px;position:relative;}
.foldings-wrap .foldings-wrap-controlor a:first-child {margin-left:0;}
.foldings-wrap .foldings-wrap-controlor a:before,
.foldings-wrap .foldings-wrap-controlor a:after {content:"";position:absolute;top:50%;left:50%;margin-left:-3px;display:block;width:7px;height:1px;background:#222;}
.foldings-wrap .foldings-wrap-controlor a.all_open:after {transform:rotate(90deg);}
.foldings-wrap .foldings-wrap-controlor a.all_closed:after {display:none;}


/* 약관 */
.terms-container {width:100%; position:relative;}
.terms-container.mt {margin: 30px 0 60px 0; padding-bottom: 60px; border-bottom: 1px solid #e2e5ea;}
.terms-box {width:100%; height:470px; padding:3rem 2rem 3rem 3rem; background:#eff1f4;overflow:hidden;}

.terms-box.ty02 {width:100%; height:auto; padding:32px 30px; background:#eff1f4; }
.terms-box.ty02 .b-tit {font-size:1.8rem;line-height:160%;font-weight:600;}
.terms-box.ty02 .terms-list01 li {font-size:1.6rem;line-height:160%;margin-top:4rem;}
.terms-box.ty02 .terms-list01 li * {line-height:160%;}
.terms-box.ty02 .terms-list01 li:first-child {margin-top:0;}
.terms-box.ty02 .terms-list02 {padding-left:5px;}
.terms-box.ty02 .terms-list02 li {font-size:1.4rem;line-height:160%;}
.terms-box.ty02 .terms-list03 {padding-left:5px;}
.terms-box.ty02 a {color:#4068d0;}
.terms-box.ty03 {width:100%; height:auto; padding:70px 30px; background:#eff1f4;  text-align:center;}
.terms-box.ty03 .terms-box-icoBox {max-width:770px; width:100%; display:inline-block; text-align:left;}
.terms-box.ty03 .b-tit {font-size:1.8rem;line-height:160%;font-weight:600;}
.terms-box.ty03 .terms-list01 li {font-size:1.4rem;line-height:160%;margin-top:4rem;}
.terms-box.ty03 .terms-list01 li:first-child {margin-top:0;}

.terms-box.ty03 .terms-box-icoBox.ty01 {padding-left:120px; background:url('/barobaro/portal/img/Content/ico-copyright.png') no-repeat left top 10px;}
.terms-box.ty03 .terms-box-icoBox.ty02 {padding-left:160px; background:url('/barobaro/portal/img/Content/ico-e_mail.png') no-repeat left top 10px;}

.terms-box .scroll-box {width:100%; height:100%;overflow:auto;padding-right:1.5rem;}
.terms-box .scroll-box .b-tit {font-size:1.8rem; line-height:160%;}
.terms-box .scroll-box .terms-list01 li {  line-height:160%;margin-top:4em; }
.terms-box .scroll-box .terms-list01 li:first-child {margin-top:0;}
.terms-box .scroll-box .terms-list02 {padding-left:5px;}
.terms-box .scroll-box .terms-list02 li {font-size:1.4rem;line-height:160%; }
.terms-box .scroll-box .terms-list03 {padding-left:5px;}
.terms-box .scroll-box a {color:#2c56c1; text-decoration:underline;}
.terms-box .scroll-box::-webkit-scrollbar {width:3px;border-radius:10px;}
.terms-box .scroll-box::-webkit-scrollbar-thumb {background:#222}
.terms-box .scroll-box::-webkit-scrollbar-track {background:rgba(0, 0, 0, 0.05);}


	/* 개인정보처리방침 */
.terms-box.privacy li {font-weight:400 !important;color:#333 !important;}
.terms-box.privacy .terms-list02 {padding-left:0;}
.terms-box.privacy .terms-list02 > li {margin-top:0px !important;}
.terms-box.privacy .terms-list02 > li + li {margin-top:10px !important;}
.terms-box.privacy .terms-list03 {margin-left:10px;}
.terms-box.privacy .terms-list03 > li {margin-top:0 !important;}
.terms-box.privacy .terms-list03 > li + li {margin-top:5px !important;}
.terms-box.privacy table th {font-size:1.4rem;}
.terms-box.privacy table td {font-size:1.4rem;background:#fff;}
.terms-box.privacy table td ul > li {margin-top:0px !important;}
.terms-box.privacy table td ul > li + li {margin-top:5px !important;}
.terms-box.privacy .s-tit {margin:50px 0 30px;font-size:18px;font-weight:500;}
.terms-box.privacy .ss-tit {margin-bottom:10px;font-weight:500;}


	@media screen and (max-width:1200px){
		
		.terms-box.ty03 {width:100%; height:auto; padding:30px; background:#eff1f4;text-align:center;}
		.terms-box.ty03 .terms-box-icoBox {max-width:100%; width:100%; display:block; text-align:left;}
		.terms-box.ty03 .terms-box-icoBox.ty01, 
		.terms-box.ty03 .terms-box-icoBox.ty02 {padding-left:0; background:none;}
		.terms-box.ty03 .terms-list01 li > br {display:none;}
	}
	@media screen and (max-width:680px){
	
		.terms-container.mt {margin: 2rem 0 3rem 0; padding-bottom: 3rem;}
		.terms-box {height: 350px; padding:2rem 1.5rem 2rem 2rem;}
		.terms-radio-container .u-txt01 {float:none;}
		.terms-radio-box {float:none; margin-top:2rem;}
	}


/* 로그인 */
.login-wrap .login-topTxt {font-size: 2.2rem;font-family: 'GmarketSans', sans-serif;font-weight: 500;line-height:120%;margin-bottom:2rem;}
.login-box {width:100%; background:#eff1f4; text-align:center;}
.login-box .login-infoBox {display:inline-block; padding:8rem 0 5.7rem 0;}
.login-box .login-infoBox:after, 
.login-box .login-infoBox .login-inputBox:after, 
.login-box .login-infoBox .login-inputZone:after, 
.login-box .login-lost:after {content:''; display:block; clear:both;}
.login-box .login-infoBox .b-tit {font-size:2.2rem; padding-top:8.5rem; background:url('/barobaro/portal/img/Content/ico-login01.png') no-repeat center top /100%; display: inline-block; vertical-align: top;font-family: 'GmarketSans', sans-serif;}
.login-box .login-infoBox .login-inputBox {display:inline-block; vertical-align:top; margin-left:30px; position:relative;}
.login-box .login-infoBox .login-inputZone {float:left; position: relative;}
.login-box .login-infoBox .login-inputZone input[type="text"], .login-box .login-infoBox .login-inputZone input[type="password"] {width:340px; height:65px; margin:0; padding:0 30px;  display:block; border:1px solid #e9ebee; border-top:none;  font-size:1.6rem;}
.login-box .login-infoBox .login-inputZone input[type="text"] {border-top:1px solid #e9ebee;}
.login-box .login-infoBox .login-inputZone input::placeholder {color:#666;}
.login-box .login-infoBox .login-inputBox .member-login {width:110px; height:130px; margin-left:10px; background:var(--point-color); cursor:pointer; transition:all 0.3s ease-out;position:relative;}
.login-box .login-infoBox .login-inputBox .member-login span {position:relative;z-index:1;color:#fff;font-size:1.6rem;font-family: 'GmarketSans', sans-serif;}
.login-box .login-infoBox .login-inputBox .save-id-box {margin-top: 20px; text-align: left; width: 100%; padding-left: 3rem; }
.login-box .login-infoBox .login-inputBox .save-id-box label {font-size:1.6rem;color:#666; }
.login-box .login-infoBox .info-txt {margin:2.5rem 0 0 12.5rem; text-align:left;}

.login-box .login-lostBox {width:100%; border-top:1px solid #fff; height:120px;  padding:3.5rem 0;}
.login-box .login-lost {display:flex;align-items:center;justify-content:center;gap:5rem;}
.login-box .login-lost .left-box,
.login-box .login-lost .right-box {display:flex;align-items:center;}
.login-box .login-lost .left-box {}
.login-box .login-lost .right-box {position:relative;}
.login-box .login-lost .right-box:before {content:''; display:block; width:1px; height:50px; background:#d8dbdf; position:absolute; top:0; left:-2.5rem;}
.login-box .login-lost .lost-info-txt {font-size:1.6rem;color:#666; display:inline-block; vertical-align:top;  text-align:left;}
.login-box .login-lost .lost-info-txt.ty01 {padding-left:50px;position:relative;}
.login-box .login-lost .lost-info-txt.ty01:before {content:"";position:absolute;top:50%;left:0;margin-top:-23px;width:32px;height:47px;background:url('/barobaro/portal/img/Content/ico-login02.png?ver=1') no-repeat center center  /100%;}
.login-box .login-lost .lost-info-txt.ty02 {padding-left:65px;position:relative;}
.login-box .login-lost .lost-info-txt.ty02:before {content:"";position:absolute;top:50%;left:0;margin-top:-22px;width:48px;height:44px;display:block;background:url('/barobaro/portal/img/Content/ico-login03.png?ver=1') no-repeat center center  /100%;}

.login-box .login-lost .lost-btn {width:250px; height:50px; line-height:50px; background:#687892; text-align:center; display:inline-block; vertical-align:top; margin-left:25px; transition:all 0.3s ease-out;}
.login-box .login-lost .lost-btn span {font-size:1.6rem;color:#fff;}
	
	@media (min-width: 1200px) {
		
		.login-box .login-infoBox .login-inputBox .member-login:before {content:"";opacity:0;transition:all .3s;position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.1);}
		.login-box .login-infoBox .login-inputBox .member-login:hover:before, 
		.login-box .login-infoBox .login-inputBox .member-login:focus-visible:before {opacity:1;}
		
		.login-box .login-lost .lost-btn:hover, 
		.login-box .login-lost .lost-btn:focus {background:#3d4756;}
	}
	@media (max-width: 1200px) {

		.login-box .login-lost .lost-btn {width:200px;}
	}
	@media (max-width: 980px) {

		.login-box .login-infoBox .b-tit {display:block; float:none; background:none; padding-top:0; margin-bottom:2rem;}
		
		.login-box .login-infoBox {display: inline-block; padding: 5rem 2rem 3rem;}
		.login-box .login-infoBox .login-inputBox {margin-left:0;}
		.login-box .login-infoBox .login-inputBox .save-id-box {padding-left:0;}
		.login-box .login-infoBox .info-txt {margin:2rem 0 0 0;}
		
		.login-box .login-lostBox {height:auto; padding:3.5rem 2rem;}
		.login-box .login-lost {display:block;}
		.login-box .login-lost .left-box {float:none; display:block; padding:0 0 2rem 0;}
		.login-box .login-lost .right-box {float:none; display:block; padding:2rem 0 0 0;}
		.login-box .login-lost .right-box:before {width:100%; height:1px; top:0; left:0;}
	}
	@media (max-width: 680px) {

		.login-box .login-infoBox {display:block; width:100%; }
		.login-box .login-infoBox .login-inputBox {display:block; width:100%;}
		.login-box .login-infoBox .login-inputZone {float:none; width:100%; padding-top:4rem;}
		.login-box .login-infoBox .login-inputBox .save-id-box {margin:0; width:auto; position:absolute; top:0; right:0;}
		.login-box .login-infoBox .login-inputBox .save-id-box label {margin:0;}
		.login-box .login-infoBox .login-inputZone input[type="text"], .login-box .login-infoBox .login-inputZone input[type="password"] {width:100%; }
		.login-box .login-infoBox .login-inputBox .member-login {width:100%; height:50px; margin:1rem 0 0 0;}
		.login-box .login-infoBox .info-txt > br {display:none;}
		.login-box .login-lost .lost-info-txt {padding:0 !important; background:none !important; display:block;  margin-bottom:1rem;}
		.login-box .login-lost .lost-info-txt > br {display:none;}
		.login-box .login-lost .lost-btn {width: 100%; margin-left: 0; height: 40px; line-height: 40px;}
		.login-box .login-lost .lost-btn span {font-size:1.4rem;}
		
		.login-box .login-lost .lost-info-txt.ty01:before,
		.login-box .login-lost .lost-info-txt.ty02:before {display:none;}
	}
	
	
/* 회원가입 */
.join-wrap .join-topTxt {font-size: 2.2rem;font-family: 'GmarketSans', sans-serif;font-weight: 500;line-height:120%;margin-bottom:2rem;}

.join-greyBox {width:100%; padding:65px 0; background:#eff1f4;  position:relative;}
.join-greyBox:after {content:''; display:block; clear:both;}

.join-greyBox.join-step01 {margin-bottom:20px;}
.join-greyBox.join-step01 .left-box,
.join-greyBox.join-step01 .right-box {width:50%; float:left; text-align:center;}
.join-greyBox.join-step01 .right-box {position:relative;}
.join-greyBox.join-step01 .right-box:before {content:''; width:1px; height:280px; background:#d8dbdf; position:absolute; top:0; left:0; display:block;}
.join-greyBox.join-step01 .b-tit {font-size:2.2rem;margin-bottom:20px;}
.join-greyBox.join-step01 .s-txt {line-height:160%; color:#666; margin-bottom:1.5rem;padding:0 2rem;}
.join-greyBox.join-step01 .b-tit.ty01 {padding-top:130px; background:url('/barobaro/portal/img/Content/ico-join-member01.png') no-repeat center top;}
.join-greyBox.join-step01 .b-tit.ty02 {padding-top:130px; background:url('/barobaro/portal/img/Content/ico-join-member02.png') no-repeat center top;}
.join-greyBox.join-step01 .join-member-btn {position:relative;max-width:250px; width:100%; height:50px; line-height:50px; background:var(--point-color); display:inline-block; text-align:center; transition:all 0.3s ease-out;}
.join-greyBox.join-step01 .join-member-btn span {color:#fff;position:relative;z-index:1;}

	/* join-step-list */
.join-step-listBox {width:100%; position:relative; margin-bottom:40px;}
.join-step-listBox .join-step-list {width:100%; position:relative;}
.join-step-listBox .join-step-list:after {content:''; display:block; clear:both;}
.join-step-listBox .join-step-list li {width:25%; height:45px;display:flex;align-items:center; border:1px solid #e2e5ea; padding:0 2rem;border-left:none; float:left; }
.join-step-listBox .join-step-list li:first-child {border-left:1px solid #e2e5ea;}
.join-step-listBox .join-step-list li p {position:relative;width:100%;}
.join-step-listBox .join-step-list li p:before,
.join-step-listBox .join-step-list li p:after {content:"";position:absolute;top:50%;margin-top:-1px;display:block;width:5px;height:2px;background:#fff;border-radius:10px;}
.join-step-listBox .join-step-list li p:before {right:0;transform:rotate(-45deg);}
.join-step-listBox .join-step-list li p:after {right:3px;transform:rotate(45deg);}
.join-step-listBox .join-step-list li.active {background:#687892; border:1px solid #687892; border-left:none;}
.join-step-listBox .join-step-list li:first-child.active {border-left:1px solid #687892;}
.join-step-listBox .join-step-list li.active p {color:#fff; background:url('../img/sub/ico-depth5.png') no-repeat center right;}

.join-step04 {text-align:center;}
.join-step04 .b-tit {font-family: 'GmarketSans', sans-serif;font-weight:500;font-size: 2.8rem;margin-bottom: 2rem;padding-top:8rem; background:url('/barobaro/portal/img/Content/ico-join_ok.png') no-repeat center top /55px auto;line-height:120%;}
.join-step04 .join-step04-info-txt {max-width:650px; width:100%; display:inline-block; margin-bottom: 3rem;}
.join-step04 .join-step04-info-txt li {text-align:left; margin-top: 1rem; }
.join-step04 .btn-box {text-align:center;}
.join-step04 .btn-box > a {max-width:140px; width:100%;}

.join-step04 .btn-box > a.ty01:hover, .join-step04 .btn-box > a.ty01:focus {background:#3d4756;}
.join-step04 .btn-box > a.ty02:hover, .join-step04 .btn-box > a.ty02:focus {background:#4068d0;}

.steptit {font-size: 2rem;font-family: 'GmarketSans', sans-serif;font-weight: 500;margin-bottom:2rem;}

	/* certified-box */
.certified-box {width:100%; padding:50px 45px; background:#eff1f4;  position:relative; margin:40px 0; }
.certified-box .btn-box {text-align:center; margin-bottom:30px;}
.certified-box .btn-box .certified-btn {max-width:250px; width:100%; height:50px; line-height:50px; margin-left:35px; display:inline-block; text-align:center; background:var(--point-color); transition:all 0.3s ease-out;   }
.certified-box .btn-box .certified-btn:hover, .certified-box .btn-box .certified-btn:focus {background:#2c56c1;}
.certified-box .btn-box .certified-btn:first-child {margin-left:0;}
.certified-box .btn-box .certified-btn span {color:#fff; display: inline-block;position:relative;}
.certified-box .btn-box .certified-btn.ty01 span {padding-left:42px;}
.certified-box .btn-box .certified-btn.ty01 span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:34px;height:20px;background:url('/barobaro/portal/img/Content/ico-login04.png') no-repeat center center;}
.certified-box .btn-box .certified-btn.ty02 span {padding-left:28px;}
.certified-box .btn-box .certified-btn.ty02 span:before {content:"";position:absolute;top:50%;left:0;margin-top:-14px;display:block;width:22px;height:28px;background:url('/barobaro/portal/img/Content/ico-login05.png') no-repeat center center;}

.certified-box .u-txt01 {margin-bottom:5px;}
.certified-box .info-txt {margin-bottom:10px;}


.certified-law-box {margin-top:60px;}
.certified-law-tab-list {padding-top:70px; position:relative;}
.certified-law-tab-list li .certified-law-tab-btn {width:310px; height:47px; padding:0 20px; display:table; position:absolute; top:0; border:1px solid #e2e5ea; border-left:none; transition:all 0.3s ease-out;}
.certified-law-tab-list li:nth-child(1) .certified-law-tab-btn {left:0; border-left:1px solid #e2e5ea;}
.certified-law-tab-list li:nth-child(2) .certified-law-tab-btn {left:310px;}

.certified-law-tab-list li .certified-law-tab-btn span {line-height:160%; vertical-align:middle; display:table-cell;}
.certified-law-tab-list li.active .certified-law-tab-btn, 
.certified-law-tab-list li .certified-law-tab-btn:hover,
.certified-law-tab-list li .certified-law-tab-btn:focus {background:#4068d0; border:1px solid #4068d0; border-left:none;}
.certified-law-tab-list li.active .certified-law-tab-btn:after, 
.certified-law-tab-list li .certified-law-tab-btn:hover:after, 
.certified-law-tab-list li .certified-law-tab-btn:focus:after {content:''; display:block; width:6px; height:3px; background:url('../img/sub/ico-depth5.png') no-repeat  center center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.certified-law-tab-list li:nth-child(1).active .certified-law-tab-btn, 
.certified-law-tab-list li:nth-child(1) .certified-law-tab-btn:hover, 
.certified-law-tab-list li:nth-child(1) .certified-law-tab-btn:focus {background:#4068d0; border:1px solid #4068d0;}
.certified-law-tab-list li.active .certified-law-tab-btn span, 
.certified-law-tab-list li .certified-law-tab-btn:hover span, 
.certified-law-tab-list li .certified-law-tab-btn:focus span {color:#fff;}
	
	/* 동의 */
.terms-radio-container {margin-top:20px;display:flex;align-items:center;flex-wrap:wrap;}
.terms-radio-container .terms-radio-box {margin-left:auto;display:flex;flex-wrap:wrap;gap:2rem;}
.terms-radio-container .terms-radio-box .radioBox:last-child {margin-right:0;}
.terms-btbtn {margin-top:70px; text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;}
.terms-btbtn > a {max-width:250px; width:100%; height:50px; line-height:50px; text-align:center; display:inline-block; transition:all 0.3s ease-out;position:relative;}
.terms-btbtn > a span {color:#fff;position:relative;z-index:1;}
.terms-btbtn > a.agree-btn {background: var(--point-color);}
.terms-btbtn > a.not-agree-btn {background: #3d4756;}

	/* 정보입력 */
.member-tbl-form {border-top:2px solid #333; width:100%; border-collapse:collapse; clear:both; table-layout:fixed; margin-top:20px;}
.board-box.mb-box .member-tbl-form {margin-bottom:40px;}
.board-box.mb-box .member-tbl-form.putbox {margin-bottom:0;}
.member-tbl-form th {background:#f8f9fb; padding:2.5rem 1.1rem 2.2rem 1.1rem; border-bottom:1px solid #e2e5ea;font-size:1.5rem;text-align:left;}
.member-tbl-form th label {position:relative;display:inline-block;}
.member-tbl-form th label .nec {background:url(/barobaro/cmmImg/Board/ico_nec.png) no-repeat 0 5px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-17px;padding:0}
.member-tbl-form td {border-bottom:1px solid #ddd;padding:14px 0 13px 18px;}
.member-tbl-form th.line {border-left:1px solid #bac2ca;}
.member-tbl-form td label {margin:0 5px;}
.member-tbl-form td input {height:20px;/* width:150px; */}
.member-tbl-form td pre {width:570px;font-family:Nanum Gothic;white-space:pre-line;line-height:160%;}
.member-tbl-form td input.text, 
.member-tbl-form td select.select, 
.member-tbl-form td button {vertical-align:middle;}
.member-tbl-form td input[type="text"], 
.member-tbl-form td input[type="password"],
.member-tbl-form td input[type="tel"], 
.member-tbl-form td select {height: 50px; padding:0 1.5rem;  border: 1px solid #e9ebee; border-radius: 3px;font-weight: 200;color: #333;}
.member-tbl-form td input[type="file"] {width:auto;}
.member-tbl-form td ul li span.b.cblue1 {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:55px;}
.member-tbl-form td input[type="text"]::placeholder {color:#666;}
.member-tbl-form input[type="button"], 
.member-tbl-form button {padding: 1rem 2rem;color: #fff; border: none; background: #7e838b; height: 50px; vertical-align: top; border-radius: 3px; cursor:pointer;}

.sunginBox {display:flex;gap:2rem;align-items:center;flex-wrap:wrap;}
.sunginBox input[type="tel"] {flex:1;min-width:160px;max-width:300px !important;margin:0;}

.nec {margin-left:5px;}
.nec:before {content:"*";color:var(--point-color);font-size:1.6rem;font-weight:600;}


	/* 아이디, 비밀번호 찾기 */
.join-greyBox.find-infoBox {margin-top:2rem;}
.join-greyBox.find-infoBox .left-box, 
.join-greyBox.find-infoBox .right-box {width:50%; float:left; text-align:center;}
.join-greyBox.find-infoBox .right-box {position:relative;}
.join-greyBox.find-infoBox .right-box:before {content:''; width:1px; height:280px; background:#d8dbdf; position:absolute; top:0; left:0; display:block;}
.join-greyBox.find-infoBox .b-tit {font-size:2.2rem; margin-bottom:1rem;font-family: 'GmarketSans', sans-serif;font-weight:500;}
.join-greyBox.find-infoBox .s-txt {line-height:160%;color:#666; margin-bottom:1.5rem;}
.join-greyBox.find-infoBox .b-tit.ty01 {padding-top:93px; background:url('/barobaro/portal/img/Content/ico-info-find01.png?ver=1') no-repeat center top /103px auto;}
.join-greyBox.find-infoBox .b-tit.ty02 {padding-top:93px; background:url('/barobaro/portal/img/Content/ico-info-find02.png?ver=1') no-repeat center top /103px auto;}
.join-greyBox.find-infoBox .btn-box {display: inline-block; text-align: center;}
.join-greyBox.find-infoBox .btn-box .certified-btn {width: 250px;max-width:100%; height: 50px; line-height: 50px; margin-top: 0.5rem; display: block; text-align: center; background: var(--point-color); transition: all 0.3s ease-out;position:relative;}
.join-greyBox.find-infoBox .btn-box .certified-btn:first-child {margin-top:0;}
.join-greyBox.find-infoBox .btn-box .certified-btn span {color:#fff; display:inline-block;z-index:1;position:relative;}
.join-greyBox.find-infoBox .btn-box .certified-btn.ty01 span {padding-left: 42px;}
.join-greyBox.find-infoBox .btn-box .certified-btn.ty01 span:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;display:block;width:34px;height:20px;background: url('/barobaro/portal/img/Content/ico-login04.png') no-repeat center center;}
.join-greyBox.find-infoBox .btn-box .certified-btn.ty02 span {padding-left: 28px;}
.join-greyBox.find-infoBox .btn-box .certified-btn.ty02 span:before {content:"";position:absolute;top:50%;left:0;margin-top:-14px;display:block;width:22px;height:28px;background: url('/barobaro/portal/img/Content/ico-login05.png') no-repeat center center;}

/* 비밀번호 변경 */
.pw-graybox {width:100%; background:#eff1f4; text-align:center;}
.pw-graybox .pw-infoBox {display:inline-block;padding:80px 2rem 57px 2rem;max-width:100%;}
.pw-graybox .pw-infoBox:after {content:''; display:block; clear:both;}
.pw-graybox .pw-infoBox input[type="text"],
.pw-graybox .pw-infoBox input[type="password"] {width:340px; max-width:100%; height:65px; margin:0; padding:0 3rem; box-sizing:border-box; display:block; border:1px solid #e9ebee; border-top:none;      box-sizing:border-box;}
.pw-graybox .pw-infoBox input[type="text"] {border-top:1px solid #e9ebee;}
.pw-graybox .pw-infoBox .b-tit {font-family: 'GmarketSans', sans-serif; font-size:2.2rem;padding-top:85px; margin-bottom:2rem; background:url('/barobaro/portal/img/Content/ico-info-find02.png') no-repeat center top /103px auto; display: inline-block; vertical-align: top;}

.pw-graybox .btn-box {text-align:center; margin-top:5px;}
.pw-graybox .btn-box:after {content:""; clear:both; display:block;}
.pw-graybox .btn-box > a { height:50px; line-height:50px; text-align:center; float:left; display:block; transition:all 0.3s ease-out;}
.pw-graybox .btn-box > a.ty01 {background:#687892; width:calc(50% - 3px); margin-left:6px;}
.pw-graybox .btn-box > a.ty01:first-child {margin-left:0;}
.pw-graybox .btn-box > a.ty02 {background:#2c56c1; width:100%;}
.pw-graybox .btn-box > a:first-child {margin-left:0;}
.pw-graybox .btn-box > a span {color:#fff;}


/* 회원탈퇴 */
.member-withdrawalBox {width:100%; margin-top:30px;}
.member-withdrawalBox > textarea {width:100%; height:210px; border:1px solid #e2e5ea; padding:15px 20px; box-sizing:border-box; border-radius:5px;resize:none;}



	@media (min-width: 1200px) {
		
		.join-greyBox.join-step01 .join-member-btn:before {content:"";opacity:0;transition:all .3s;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;background:rgba(0, 0, 0, 0.1);}
		.join-greyBox.join-step01 .join-member-btn:hover:before, 
		.join-greyBox.join-step01 .join-member-btn:focus-visible:before {opacity:1;}

		.terms-btbtn > a:before {content:"";opacity:0;transition:all .3s;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;background:rgba(0, 0, 0, 0.1);}
		.terms-btbtn > a:hover:before, 
		.terms-btbtn > a:focus-visible:before {opacity:1;}
		
		.join-greyBox.find-infoBox .btn-box .certified-btn:before {content:"";opacity:0;transition:all .3s;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;display:block;background:rgba(0, 0, 0, 0.1);}
		.join-greyBox.find-infoBox .btn-box .certified-btn:hover:before, 
		.join-greyBox.find-infoBox .btn-box .certified-btn:focus-visible:before {opacity:1;}
		
		
	}
	@media (max-width: 680px) {
	
		.join-greyBox {width:100%; padding:3rem 2rem; background:#eff1f4; position:relative;}
		.join-greyBox:after {content:''; display:block; clear:both;}
	
		.join-greyBox.join-step01 {margin-bottom:2rem;}
		.join-greyBox.join-step01 .left-box, 
		.join-greyBox.join-step01 .right-box {width:100%; float:none; text-align:center;}
		.join-greyBox.join-step01 .left-box {padding-bottom:3rem;}
		.join-greyBox.join-step01 .right-box {position:relative; padding-top:3rem;}
		.join-greyBox.join-step01 .right-box:before {content:''; width:100%; height:1px; background:#d8dbdf; position:absolute; top:0; left:0; display:block;}
		.join-greyBox.join-step01 .b-tit {padding-top:0 !important; background:none !important;}
		.join-greyBox.join-step01 .join-member-btn {max-width:250px; width:100%; height:40px; line-height:40px;display:inline-block; text-align:center; transition:all 0.3s ease-out;}
		.join-greyBox.join-step01 .join-member-btn span {font-size:1.4rem;color:#fff;}
		.join-greyBox.join-step01 .s-txt {padding:0;}
			
		.join-step-listBox .join-step-list li {width:50%; border:1px solid #e2e5ea; border-top:none; border-left:none;}
		.join-step-listBox .join-step-list li:nth-child(1), 
		.join-step-listBox .join-step-list li:nth-child(2) {border-top:1px solid #e2e5ea;}
		.join-step-listBox .join-step-list li:nth-child(3) {border-left:1px solid #e2e5ea;}
	
		.join-step-listBox .join-step-list li.active {background:#687892; border:1px solid #687892; border-left:none;}
		.join-step-listBox .join-step-list li:nth-child(1).active, 
		.join-step-listBox .join-step-list li:nth-child(2).active {border-top:1px solid #687892;}
		.join-step-listBox .join-step-list li:nth-child(3).active {border-left:1px solid #e2e5ea;}
		
		.join-step04 {text-align:center;}
		.join-step04 .b-tit {font-size: 2rem;}
		.join-step04 .btn-box > a {max-width:110px;}
		
		.join-greyBox.find-infoBox .left-box, 
		.join-greyBox.find-infoBox .right-box {width:100%; float:none;}
		.join-greyBox.find-infoBox .right-box {position: relative; margin-top: 20px; padding-top: 20px;}
		.join-greyBox.find-infoBox .right-box:before {content:''; width:100%; height:1px; background:#d8dbdf; position:absolute; top:0; left:0; display:block;}
		.join-greyBox.find-infoBox .b-tit.ty01 {padding-top:0; background:none;}
		.join-greyBox.find-infoBox .b-tit.ty02 {padding-top:0; background:none;}
		.join-greyBox.find-infoBox .btn-box {display: inline-block; text-align: center;max-width:100%;}
		.join-greyBox.find-infoBox .btn-box .certified-btn {height: 40px; line-height: 40px;}
		.join-greyBox.find-infoBox .btn-box .certified-btn span {font-size:1.4rem;}
		.join-greyBox.find-infoBox .btn-box .certified-btn span:before {display:none !important;}
	
		.join-greyBox.find-infoBox .btn-box .certified-btn.ty01 span {padding-left: 0;}
		.join-greyBox.find-infoBox .btn-box .certified-btn.ty02 span {padding-left: 0;}
		
		/* certified-box */
		.certified-box .btn-box .certified-btn {max-width: 100%; height: 50px; line-height: 50px; margin: 10px auto 0 auto; display: block;}
		.certified-box .btn-box .certified-btn:first-child {margin: 0 auto;}
		.certified-box .btn-box .certified-btn span {font-size:1.4rem;}
		
	
		.certified-law-tab-list {padding-top: 10rem;}
		.certified-law-tab-list li .certified-law-tab-btn {width:100%; height:40px; border:1px solid #e2e5ea; border-top:none;}
		.certified-law-tab-list li:nth-child(1) .certified-law-tab-btn {border-top:1px solid #e2e5ea;}
		.certified-law-tab-list li.active .certified-law-tab-btn, 
		.certified-law-tab-list li .certified-law-tab-btn:hover, 
		.certified-law-tab-list li .certified-law-tab-btn:focus {background:#4068d0; border:1px solid #4068d0; border-top:none;}
		.certified-law-tab-list li:nth-child(2) .certified-law-tab-btn {left:0; top:40px;}
		
		
		.member-tbl-form colgroup {display:none;}
		.member-tbl-form th,
		.member-tbl-form td {display:block;width:100%;}
		.member-tbl-form th {padding:1.5rem 1rem;}
		.member-tbl-form td {padding:2rem 1rem;}
	}
	@media screen and (max-width:480px){
	
		.terms-btbtn > a {width:100%; height:4rem; line-height:4rem;}
	}
	
/* 인풋 관련 */
.btn-zone {margin-top:70px;display:flex;gap:2rem 1rem;justify-content:center;}
.btn-zone .btn {min-width:12rem;}

.input-flex {display:inline-flex;gap:1rem;max-width:100%;align-items:center;}
.input-flex input:not([type="radio"]):not([type="chackbox"]) {min-width:0;}

table td input:not([type="radio"]):not([type="chackbox"]) {max-width:100%;}



	@media (max-width: 680px) {
	
		.member-tbl-form td input[type="text"], 
		.member-tbl-form td input[type="password"], 
		.member-tbl-form td input[type="tel"] {padding:0 1rem;}
	}
	
	
/* 231012 - 바로가기 아이콘 추가*/
.outlink-btn{display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center;}