@charset "utf-8";
@media screen {
	#skipToContent,
	.reader {position: absolute; left: -1000%; top: 0px; width: 1px; heght: 1px; font-size: 0px; line-height: 0px; overflow: hidden;}
	legend,
	caption {display: none;}
}


/*------------------------------------
	check box
------------------------------------*/
input[class*="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
input[class*="checkbox"] + label {display:inline-block; position:relative; padding-left:3.2rem; line-height:2rem; cursor:pointer; margin-right: 1.5rem; 
-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
input[class*="checkbox"] + label:before {content:''; position:absolute; top:0; left:0; width: 2.2rem; height: 2.2rem; text-align:center; background:#dfdfdf url(../images/ico_check.svg)no-repeat 50% 50%; background-size:1.5rem; 
border: 0; border-radius:100%; z-index: 0;}
input[class*="checkbox"]:checked + label:before {background:var(--board-point); border:0;  z-index: 0;}
input[class*="checkbox"]:checked + label:after {content:''; position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; background:url(../images/ico_check.svg)no-repeat 50% 50%; border-radius:100%; background-size:1.5rem; z-index: 1;}

@media all and (max-width:1024px){ 
	
}
@media (max-width: 767px) { 
	input[class*="checkbox"] + label {padding-left:2.5rem;}
	input[class*="checkbox"] + label:before,
	input[class*="checkbox"]:checked + label:after {width:1.8rem; height:1.8rem; background-size:1.2rem;}
}


/*------------------------------------
	board button
------------------------------------*/
.btn_wrap2 {width: 100%;position: relative; margin:2rem 0; display:flex;justify-content: flex-end}
.btn_wrap2.center {justify-content: center;}
.btn_wrap2 a.btn{font-size: 1.6rem; line-height: 100%; padding:2rem 2rem; margin: 0.2rem; min-width:20rem; box-sizing:border-box; text-align:center; 
transition:background , border .2s;} 
.btn_wrap2 a.btn > i {margin-right:.5rem;  font-size:.6em;}
.btn_wrap2 a.btn_ty1{border:1px solid var(--board-point); background:var(--board-point); color:#fff;} 
.btn_wrap2 a.btn_ty1:hover {background:var(--board-point-ov);}
.btn_wrap2 a.btn_ty2{border:1px solid var(--board-color5); color:var(--board-color2);} 
.btn_wrap2 a.btn_ty2:hover {border-color: var(--board-color2);}
.btn_wrap2 a.btn_ty3{background:var(--main-color1); color:#fff;} 

@media all and (max-width:1024px){ 
	.btn_wrap2 a.btn{font-size:1.5rem; padding:1.5rem 1.5rem; margin: 0.2rem; min-width:10rem;} 
}
@media (max-width: 767px) { 
	.btn_wrap2 a.btn{font-size:1.4rem; padding:1.2rem 0; margin: 0.2rem; min-width:auto; width:50%; line-height:1.3; word-break:keep-all;} 
}


/*-----------------------------
	로그인
----------------------------- */ 
.login_wp {max-width:50rem; margin:5rem auto 0 auto; }
.login_wp .tabMenu {display:flex;}
.login_wp .tabMenu li {width:50%;}
.login_wp .tabMenu li a {display:block; width:100%; border-bottom:2px solid var(--board-color6); text-align:center; padding:1.8rem 0; color:var(--board-color3); font-weight:500;}
.login_wp .tabMenu li a.active {color:var(--board-point); border-color:var(--board-point); font-weight:700;}

.login_wp .loginBox .inputBox {padding:3rem 0;}
.login_wp .loginBox .inputBox input {width:100%; height:5rem; padding:1rem 1.5rem; box-sizing:border-box; border:1px solid var(--board-color6); margin-bottom:.5rem;}

.login_wp .btn {display: inline-block; line-height:6rem; border: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; 
font-size: 1.6rem; font-weight: 600;  text-align: center;  cursor: pointer;}
.login_wp .btn-login {width:100%; background: var(--board-point); color:#fff; }
.login_wp .btn-login:hover {background: var(--board-point-ov);}
.login_wp .btn-naver {width:100%; line-height:5rem; border:1px solid var(--board-color6); color:var(--board-color2)}
.login_wp .btn-naver span::before{content:''; display:inline-block; width:1.1rem; height:1.1rem;
	background:url('../images/naver-logo.png') no-repeat 50% 0/ contain; vertical-align:middle;	margin:0 8px 3px 0;}
.login_wp .btn-naver span{color: #2db400;}
.login_wp .btn-naver:hover{color:#fff; border-color:#2db400; background-color: #2db400;}
.login_wp .btn-naver:hover span{color: #fff;}
.login_wp .btn-naver:hover span::before{background:url('../images/naver-logo02.png') no-repeat 50% 0/ contain;}

.login_wp .utilBox {display:flex; justify-content: center; padding:2rem 0;}
.login_wp .utilBox a {position:relative; color:var(--board-color3); font-weight:400; padding:0 2rem; font-size:1.6rem; }
.login_wp .utilBox a:last-child:before {position:absolute; top:50%; left:0; transform:translate(-50%,-50%); content:''; width:1px; height:50%; background:var(--board-color6);}

.login_wp .snsBox {position: relative; width: 100%; padding: 3.6rem 0; border-top: 1px solid var(--board-color6); margin-top:2rem}
.login_wp .snsBox:after {position: absolute; top: -8px; left: 50%; content: "또는"; margin: 0 auto; padding: 0 1rem;
    background: #fff; font-size: 1.3rem; color: var(--board-color4); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}


@media all and (max-width:1024px){ 
	.login_wp {margin:3rem auto 0 auto; }  
	.login_wp .tabMenu li a {padding:1.6rem 0;}

	.login_wp .loginBox .inputBox {padding:2.5rem 0;}
	.login_wp .loginBox .inputBox input {height:4.5rem; padding:1rem;}

	.login_wp .btn {line-height:5rem; font-size: 1.5rem;}  
	.login_wp .btn-naver {line-height:4rem;}
 
	.login_wp .utilBox a {font-size:1.5rem;}

	.login_wp .snsBox {padding: 3rem 0;}

}
@media (max-width: 767px) {  
	.login_wp {max-width:90%; margin:2rem auto 0 auto; }  
	.login_wp .tabMenu li a {padding:1.2rem 0;}
	
	.login_wp .loginBox .inputBox {padding:2.5rem 0 2rem 0;}
	.login_wp .loginBox .inputBox input {height:4rem;}

	.login_wp .btn {line-height:4.2rem; font-size: 1.4rem; font-weight:400;}
	.login_wp .btn-naver {line-height:4rem;}
 
	.login_wp .utilBox a {font-size:1.4rem; padding:0 1rem;} 
}


/*-----------------------------
	회원가입 > 가입방법 선택
----------------------------- */ 
.login_wp .choice_box .tit {font-size:3.2rem; margin-bottom:3rem;}
.login_wp .choice_box .txt {font-size:1em; color:var(--board-color3); margin-bottom:2rem; line-height:1.4;}
.login_wp .choice_box .snsBox{border-top:1px solid #e5e5e5;margin-top:4rem; padding-top:2.5rem;}
.login_wp .choice_box .snsBox .btn-naver {line-height:6rem;}

@media all and (max-width:1024px){ 
	.login_wp .choice_box .tit {font-size:2.5rem; margin-bottom:2rem;}
	.login_wp .choice_box .txt {margin-bottom:1.5rem;}
	.login_wp .choice_box .snsBox{ margin-top:3rem; padding-top:2rem;}
	.login_wp .choice_box .snsBox .btn-naver {line-height:4rem;}

}
@media (max-width: 767px) {  
	.login_wp .choice_box .tit {font-size:2rem; margin-bottom:1.5rem;}
	.login_wp .choice_box .txt {word-break:keep-all;}
	.login_wp .choice_box .snsBox{ margin-top:2rem;}
	.login_wp .choice_box .snsBox .btn-naver {line-height:4rem;}
}


/*------------------------------------
  회원가입 - 탭메뉴
------------------------------------*/
.member_wp {margin:3rem 0 0 0; max-width:100rem; letter-spacing:-0.025em; font-size:1.6rem;}
.member_wp .agree_head {display:flex; justify-content: space-between; align-items: center; margin:2.5rem 0; border-bottom:2px solid var(--board-color2);}
.member_wp .agree_head.mb0 {margin-bottom:0;}
.member_wp .agree_head.pb10 {padding-bottom:1rem !important;}
.member_wp .agree_head h3 {font-size:3rem;}
.member_wp .agree_head h3 span {font-size:.55em; font-weight:400; color:var(--board-color3);}
.member_wp .agree_head h3 span i {color:red; font-weight:500; display:inline-block; margin:0 .2rem 0 0;}
.member_wp .agree_head .nav_step {width:35rem; display:flex; background-color:#fff; margin:1.5rem 0; padding:0;}
.member_wp .agree_head .nav_step li{position:relative; width:33.33%; font-size:1.6rem; text-align: center; color:#888; font-weight:400; font-weight:500; padding:.5rem 0;}
.member_wp .agree_head .nav_step li:after {position:absolute; top:.8rem; right:-.5rem; display:inline-block; content:'▶'; font-size:1rem; }
.member_wp .agree_head .nav_step li:last-child:after {display:none;}
.member_wp .agree_head .nav_step li.active {color:var(--board-point); font-weight:700;}

@media all and (max-width:1024px){ 
	.member_wp {margin:2rem 0 0 0; max-width:100%; font-size:1.5rem;}
	.member_wp .agree_head {margin:2rem 0;}
	.member_wp .agree_head h3 {font-size:2.5rem;} 
	.member_wp .agree_head .nav_step {width:30rem;}
	.member_wp .agree_head .nav_step li{font-size:1.4rem; padding:.5rem 0;}
	.member_wp .agree_head .nav_step li:after {top:.6rem; font-size:1rem; }  

}
@media (max-width: 767px) {  
	.member_wp {font-size:1.4rem;}
	.member_wp .agree_head {margin:3rem 0 1.5rem 0; flex-direction: column; /*border-bottom:0;*/}
	.member_wp .agree_head h3 {font-size:2rem; margin-bottom:0rem;} 
	.member_wp .agree_head h3 span {font-size:.65em;}
	.member_wp .agree_head .nav_step {width:30rem; margin:1rem 0 1.2rem 0; } 
	.member_wp .agree_head .nav_step li {font-size:1.3rem;}
	
}


/*------------------------------------
  회원가입 - 약관동의
------------------------------------*/
.member_wp .check-all {display:flex; padding:2rem; border:1px solid var(--board-color6); justify-content: space-between; margin:3rem 0 5rem 0;}
.member_wp .check-all .txt {font-size:1.6rem;}

.member_wp .agree-box {margin:2rem 0 3rem 0;}
.member_wp .card-header h4{font-size:2rem; color:#333; margin:0; padding:0.3rem 0; margin:0 0 1rem 0; letter-spacing:-0.025em;}
.member_wp .card-header h4 span {font-size:.9em; color:var(--board-point); font-weight:500;}
.member_wp .card-body {border:1px solid var(--board-color6); margin-bottom:2rem; font-size:0;}
.member_wp .card-body textarea {width: 100%; height: 150px; border:none; font-size:1.5rem; color:#777; font-family:inherit; padding:2rem; box-sizing:border-box;
line-height:1.5;  letter-spacing:-0.025em;}
.member_wp .card-footer {text-align:right;}
.member_wp .card-footer span {margin-left:1rem; font-size:.95em;}

.member_wp .check_ok i{color:#ccc;}
.member_wp .check_ok.on i{color:var(--board-point);}

@media all and (max-width:1024px){  
	.member_wp .check-all {margin:2rem 0 4rem 0;}
	.member_wp .check-all .txt {max-width:80%; font-size:1.5rem; line-height:1.4; word-break:keep-all;}C
	
	.member_wp .agree-box {margin:2rem 0 2rem 0;}
	.member_wp .card-header h4{font-size:1.8rem; } 
	.member_wp .card-body textarea {font-size:1.4rem;}
}
@media (max-width: 767px) {   
	.member_wp .check-all {margin:2rem 0 3rem 0; flex-direction: column; padding:1.2rem;}
	.member_wp .check-all .txt {max-width:100%; font-size:1.4rem; margin-bottom:1rem;}
	.member_wp .check-all .check_ok {text-align:right;}

	.member_wp .card-body {margin-bottom:1rem;}
	.member_wp .card-header h4{font-size:1.6rem;}
	.member_wp .card-body textarea {padding:1.2rem;}
}


/*------------------------------------
  회원가입 - 정보입력
------------------------------------*/
.w10 {width:10%}  .w20 {width:20%}  .w30 {width:30%}  .w40 {width:40%}  .w50 {width:50%}
.w60 {width:60%}  .w70 {width:70%}  .w80 {width:80%}  .w90 {width:90%}  .w100 {width:100%}


.member_wp select {padding:1rem 1.5rem; border:0; font-size:1.5rem; font-family: inherit; background:url(../images/arr_sel.png)no-repeat 92% 50%;
-webkit-appearance: none; -moz-appearance: none;  appearance: none; color:var(--board-color2);}
.member_wp textarea {width: 100%; border:0;font-family: inherit; font-size: 1.6rem; padding: 1rem; box-sizing:border-box;}
.member_wp .write-box {min-width:12rem; padding:1rem; font-size:1.6rem; border:1px solid var(--board-color6) !important;}

.member_wp .member-write > .form-row{display:table; width:100%; margin:0; padding:2rem 0; box-sizing:border-box; border-bottom:1px solid  #eee;}
.member_wp .form-row .form-title {width:20rem;font-weight:500; display:table-cell; padding:0 2rem;}
.member_wp .write_input .form-row {display:flex; align-items: center; }
.member_wp .write_input .form-row > * {margin-right:.3rem;}

/* text */
.member-write .sm_txt,
.member-write #idResult {font-size:1.4rem;  margin-top:.6rem; font-weight:400;}
.member-write #idResult {color:var(--board-point);}
.member-write #idResult:empty{display:none;}
.member-write #idResult::before{content:'\f06a'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; margin-right:0.5rem;}

/* form */
.form-control {font-family: inherit; outline: none; padding: 1rem; font-size: 1.6rem; border: 1px solid var(--board-color6); transition: border-color .23s; -webkit-appearance: none;
   -webkit-border-radius: 0; }
.form-control:active, 
.form-control:focus{border-color: var(--board-color2);}
.member-write label.col-form-label{position:relative; color:#333; padding-right:1.5rem; }
.member-write label.bar::after{content:''; width:1px; height:0.9rem; background:#ccc; position:absolute; right:5%; top:30%;}
.require::after {content: '*'; display: inline-block; margin: -2px 0 0 3px; color: var(--board-point); vertical-align: top;}

/* button */
.sm_btn {font-size:1.4rem; padding:1.2rem 1.2rem; background:#ddd; display:inline-block; vertical-align:.1rem;}
.sm_btn.secondary {background:var(--board-color2); color:#fff;}
.sm_btn i {font-size:1rem; color:#fff; margin-right:.5rem;}


@media all and (max-width:1024px){
	.member_wp select {font-size:1.4rem;}
	.member_wp textarea {font-size: 1.5rem;}
	.member_wp .write-box {min-width:12rem; font-size:1.5rem;}

	.member_wp .member-write > .form-row{padding:1.5rem 0;}
	.member_wp .form-row .form-title {width:15rem; padding:0 1.5rem;}

	/* text */
	.member-write .sm_txt,
	.member-write #idResult {font-size:1.3rem;}

	/* form */
	.form-control {font-size: 1.5rem;}
	.member-write label.col-form-label{padding-right:1.3rem; }

	/* button */
	.sm_btn {font-size:1.4rem;}

}
@media (max-width: 767px) {
	.member_wp textarea {font-size: 1.4rem;}
	.member_wp .write-box {width:50%; min-width:auto; font-size:1.4rem;}

	.member_wp .member-write > .form-row{display:block; }
	.member_wp .form-row .form-title {width:10rem; padding:0 0 .5rem 0;}

	/* form */
	.form-control {font-size: 1.4rem; width:50%; box-sizing:border-box;}
	.member-write label.col-form-label{padding-right:1rem;}

	/* button */
	.sm_btn {font-size:1.3rem;}
}



/*------------------------------------
  회원가입 - 가입완료
------------------------------------*/
.finish_box{font-weight:500; padding:5rem 0; letter-spacing:-0.1rem; text-align:center;}
.finish_box h3 {text-align:center; font-size:3.8rem; letter-spacing:-0.06em; font-weight:300; margin-bottom:1.3rem;}
.finish_box h3::before{content:'\f00c'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 700; font-size:250%; margin-bottom:1.5rem; display:block;}
.finish_box p {color:var(--board-color3); font-weight:400; word-break: keep-all;}

.finish_box .member-write {max-width:40rem; text-align:left; margin:4rem auto 0 auto;}
.finish_box .member-write > .form-row { border-bottom:0; padding:1.2rem 0;}
.finish_box .member-write > .form-row .form-title {width:6rem; color:var(--board-color3); padding:0;}
.finish_box .member-write > .form-row .write_input {color:var(--board-color2); font-weight:400; text-align:right; line-height:1.4;}

@media all and (max-width:1024px){
	.finish_box{padding:4rem 0; }
	.finish_box h3 {font-size:3rem;}

	.finish_box .member-write {margin:3rem auto 0 auto;}
	.finish_box .member-write > .form-row {padding:1rem 0;}
}
@media (max-width: 767px) {
	.finish_box{padding:2rem 0; }
	.finish_box h3 {font-size:2.2rem; word-break:keep-all; margin-bottom:1rem;}
	.finish_box h3::before {font-size:180%;}

	.finish_box .member-write {margin:3rem auto 0 auto;}
	.finish_box .member-write > .form-row {padding:.8rem 0; display:table;} 
}


/*-----------------------------
	이디/비밀번호 조회
----------------------------- */ 
.idpw-search{margin:4rem 0; word-break:keep-all; font-size:1.6rem;}
.idpw-search .idpw-search-head{border-bottom:1px solid var(--board-color2); font-size:2.2rem; padding:1.5rem 0;}
.idpw-search .idpw-search-head p {font-size:1.6rem; color:var(--board-color3); margin-top:1rem;}

.idpw-search .form-list{border-bottom:1px solid  #ddd; padding:2rem 0;}
.idpw-search .form-list > .form-row {display:table; align-items: center; padding:1rem 0; vertical-align:middle;}
.idpw-search .form-list .form-title {width: 6rem; padding:0; font-weight: 500;  display: table-cell;}
.idpw-search .form-list .write_input {width:100%;}
.idpw-search .form-list .write_input .form-row {display:flex;}
.idpw-search .alert-reslut{ padding:1.5rem; margin:2rem 0 0 0; color:var(--board-color2); font-size:1em; background: var(--board-color7); border:1px dashed var(--board-color4);}
.idpw-search .alert-reslut:before {content:'\f00c'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 700; font-size:80%; margin:0 1.2rem 0 0; display:inline-block;}
.idpw-search .alert-reslut strong{font-size:1.6rem;}

@media all and (max-width:1024px){ 
	.idpw-search{margin:3rem 0; font-size:1.5rem;}
	.idpw-search .idpw-search-head{font-size:1.8rem;}
	.idpw-search .idpw-search-head p {font-size:1.5rem;}
    
	.idpw-search .alert-reslut strong{font-size:1.5rem;}
}
@media (max-width: 767px) {  
	.idpw-search{font-size:1.4rem;}
	.idpw-search .idpw-search-head{font-size:1.6rem;}
	.idpw-search .idpw-search-head p {font-size:1.3rem; margin-top:.5rem;}

	.idpw-search .form-list {padding:1rem 0;}
	.idpw-search .form-list > .form-row {display:block;}
	.idpw-search .form-list .form-title {width: auto; padding:0 0 .5rem 0; font-weight: 500;  display: table-cell;}
	.idpw-search .form-list .write_input {width:100%;}
}


/*------------------------------------
	회원정보수정 > 비밀번호변경 팝업창
------------------------------------*/
.pw_wp {font-size:1.6rem; color:var(--board-color3); margin:0;}
.pw_wp .pw-modify-title{background:var(--board-point); color:#eee; font-size:2rem; padding:1.5rem; text-align:center; font-weight:500; margin:0;}

.pw_wp .member-write {border-top:1px solid var(--board-color2);}
.pw_wp .member-write > .form-row {padding:1rem 0;}
.pw_wp .member-write .form-row .form-title {width:14rem; color:var(--board-color2);}

.pw-modify {padding:2rem;}
.pw-modify .text-require {font-size:1.4rem; text-align:right; padding:1rem 0;}
.pw-modify .text-info {margin:1.5rem 0; text-align:center; word-break:keep-all;}
.pw-modify .text-info .text-point {font-weight:500; color:var(--board-color2);}
.pw-modify .text-guide{position:relative; padding-left:20px; font-size:1.4rem; margin-top:1rem; line-height:1.3;}
.pw-modify .text-guide i::before{content:'\f06a'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; position:absolute; left:0; top:0px;
color:var(--board-color2);}

.pw_wp .sm_btn {margin:0 .2rem; padding:1.2rem 2.5rem;}

@media all and (max-width:1024px){ 
	.pw_wp {font-size:1.5rem;}
	.pw_wp .pw-modify-title{font-size:1.8rem;} 
 
	.pw-modify .text-require {font-size:1.3rem;}
	.pw-modify .text-info {margin:1.2rem 0;} 
}
@media (max-width: 767px) {  
	.pw_wp {font-size:1.4rem;}
	.pw_wp .pw-modify-title{font-size:1.6rem;}
 
	.pw_wp .member-write .form-row .form-title {width:auto;}
	.pw_wp .member-write .form-row .write_input {width:100%;}
	.pw_wp .member-write .form-row .write_input input {width:100%;}
}


/*------------------------------------
	회원탈퇴
------------------------------------*/ 
.member_out .card {margin:4rem 0 1.5rem 0;}
.member_out .card-body {padding:1.5rem 4rem; border-top:1px solid var(--board-color2); border-left:0; border-right:0; margin-bottom:0;}
.member_out dl {position:relative; display:flex; font-size:1.6rem; margin:1.4rem 0;}
.member_out dt {width:6rem; font-weight:600;}
.member_out dd {color:var(--board-color3); margin:0; padding:0;}
.member_out ul {}
.member_out ul li {margin:1.6rem 0; font-size:1.6rem;}
.member_out ul li .form-control {margin:1.5rem 0 0 3rem;}
.member-out-list dl dt{position:relative;}
.member-out-list dl dt::after{content:''; width:1px; height:0.8rem; background:#ccc; position:absolute;	right:5%; top:0.3rem;}

.guide_box p {line-height:1.5; padding:.2rem 0; color:var(--board-color3);}
.guide_box .agree-guide {margin:4rem 0 0 0; text-align:center; font-size:2rem; word-break:keep-all; color:var(--board-color2); font-weight:500;}
.member-out-guide{position:relative; padding-left:2.1rem; }
.member-out-guide span {text-decoration:underline; color:var(--board-point); letter-spacing:0; font-weight:500;}
.member-out-guide::before{content:'\f06a'; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; display:inline-block; margin-right:.5rem; color:var(--board-color2);}


.alert {text-align:center; border:1px solid var(--board-color6); border-top:1px solid var(--board-color2); border-left:0; border-right:0; padding:4rem; margin:4rem 0;}
.alert .form-group {display:inline-flex;}
.alert .form-group .form-control {width:68%;}
.alert .form-group .btn_box {width:30%;}
.alert .form-group .btn_box a {width:48%; box-sizing:border-box;}

@media all and (max-width:1024px){ 
	.member_out .card {margin:3rem 0 1.5rem 0;}
	.member_out .card-body {padding:1rem 3rem;}
	.member_out dl {font-size:1.5rem; margin:1.3rem 0;}
	.member_out ul {}
	.member_out ul li {margin:1.5rem 0; font-size:1.5rem;}
	.member_out ul li .form-control {margin:1.5rem 0 0 2rem;}

	.guide_box .agree-guide {margin:3rem 0 0 0; font-size:1.8rem;}

	.alert {padding:3rem; margin:3rem 0;} 
	.alert .form-group .form-control {width:50%;}
	.alert .form-group .btn_box {width:40%;} 
}
@media (max-width: 767px) {  
	.member_out .card {margin:2rem 0 1rem 0;}
	.member_out .card-body {padding:1.2rem;}
	.member_out dl {font-size:1.4rem; margin:1.2rem 0;}
	.member_out dd {width: calc(100% - 6rem);}
	.member_out ul {}
	.member_out ul li {margin:1.2rem 0; font-size:1.4rem;}
	.member_out ul li .form-control {margin:1.2rem 0 0 2rem;}

	.guide_box .agree-guide {margin:2rem 0 0 0; font-size:1.6rem;}

	.alert {padding:2rem; margin:2rem 0;} 
	.alert p {word-break:keep-all; line-height:1.4;}
	.alert .form-group {width:100%; justify-content: center;}
	.alert .form-group.w10 { justify-content: flex-start; margin:0 0 1rem 0;}
	.alert .form-group .form-control {width:60%;}
	.alert .form-group .btn_box {width:40%;} 
}