/***** 해당 파일은 가급적 수정하지 마시기 바랍니다. *****/
@charset "euc-kr";
.btn_top{ margin-top:2rem; }
.mem_btn{ display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none; border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; cursor:pointer; }
.mem_login_btn{ color:#FFF; background:#B77659; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; }
.mem_login_btn:hover{ background:#222; }
.mem_login_btn.active,
.mem_login_btn:active,
.mem_login_btn:focus,
.mem_login_btn.disabled.active,
.mem_login_btn.disabled:active,
.mem_login_btn.disabled:focus{ color:#FFF !important; background:#222; }
.nomem_login_btn{ color:#FFF; background:#555; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; }
.nomem_login_btn.focus,
.nomem_login_btn:focus,
.nomem_login_btn:hover{ color:#FFF; background:#222; }
.btn_shape{ display:block; width:100%; }
.btn_shape+.btn_shape{ margin-top:.5rem; }
input[type=button].btn_shape,
input[type=reset].btn_shape,
input[type=submit].btn_shape{ width:100%; }
.btn_padd{ padding:.6rem 0; font-size:1rem; border-radius:0; }
.btn_diplay{ display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; }
.jcc{ -webkit-box-pack:center !important; -ms-flex-pack:center !important; justify-content:center! important; }
.nomem_login_btn_comm{ font-size:14px; padding-bottom:0; }
.text_c{ text-align:center !important; }
.btn_mb{ margin-top:2rem; }
.mem_input{ display:inline-block; font-size:14px; line-height:1.25; color:#777; padding:.1rem .75rem; background:#F1F1F1; border:1px solid #F1F1F1; background-clip:padding-box; -webkit-background-clip:padding-box; }
textarea.mem_input{ height:160px; font-size:14px !important; color:rgba(0, 0, 0, .6); overflow-x:hidden; }
input.mem_input:not([type="radio"]):not([id="id_all_select"]):not([type="checkbox"]):not([type="image"]),
select.mem_input{ height:34px; }
.mem_input::-ms-expand{ background-color:transparent; border:0; }
input.mem_input:focus,
select.mem_input:focus{ border:1px solid #333; background:#FFF; outline:0 none; }
.mem_input::-webkit-input-placeholder,
.mem_input::-moz-placeholder,
.mem_input:-ms-input-placeholder,
.mem_input::placeholder{ color:#636c72; opacity:.4; }
textarea.member_border{ font-size:12px; color:rgba(0, 0, 0, .6); }
.mem_input_style{ position:relative; margin-bottom:10px; }
.mem_input_style i{ position:absolute; top:18px; left:0; font-size:1.5em; margin-left:20px; color:#B3B3B3; }
.mem_input_style label+i{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.mem_input_style label+i+input{ margin-top:0; }
.mem_input_style input{ width:100%; height:55px !important; padding-left:50px !important; }
.mem_input_style+div>textarea { padding-left:1.620em; }.mem_input_style>label{ display:none; }
.btn_list li{ font-size:14px; padding:0 10px; background:url('../images/v_line.gif') 100% 60% no-repeat; }
.btn_list li:last-child{ background:none; }
.mem_row{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:0px; margin-left:0px }
.mem_col_half_1,
.mem_col_half_2 { position:relative; width:100%; min-height:1px; }
.mem_col_half_in{ padding:50px; border:1px solid #EEE; background:#FFF; }
/*
::after,
::before,
*/
input,
select,
textarea { -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; box-sizing:border-box; }
@media all and (max-width:280px) {
	.mem_col_half_1{ width:100%; margin:0;}
	.mem_col_half_in{ padding:25px 15px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
	.btn_list li{ font-size:12px; padding:0 9px; }
	.nomem_login_btn_comm{ font-size:12px; }
	.btn_top { margin-top:1.5rem; }
	.btn_mb { margin-top:1.5rem; }
}
@media all and (min-width:281px) and (max-width:320px) {
	.mem_col_half_1{ width:100%; margin:0;}
	.mem_col_half_in{ padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
	.btn_list li { font-size:12px; }
	.nomem_login_btn_comm{ font-size:12px; }
	.btn_top { margin-top:1.5rem; }
	.btn_mb { margin-top:1.5rem; }
}
@media all and (min-width:321px) and (max-width:374px) {
	.mem_col_half_1{ width:100%; margin:0;}
	.mem_col_half_in{ padding:20px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
	.btn_list li{ font-size:12px; }
	.nomem_login_btn_comm{ font-size:12px; }
	.btn_top { margin-top:1.5rem; }
	.btn_mb { margin-top:1.5rem; }
}
@media all and (min-width:375px) and (max-width:479px) {
	.mem_col_half_1{ width:100%; margin:0;}
	.mem_col_half_in{ padding:30px; border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
	.btn_list li{ font-size:12px; }
	.nomem_login_btn_comm{ font-size:12px; }
	.btn_top { margin-top:1.5rem; }
	.btn_mb { margin-top:1.5rem; }
}
@media all and (min-width:480px) and (max-width:600px) {
	.mem_input_style{ margin-bottom:5px; }
	.mem_col_half_in{ border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
}
@media all and (min-width:601px) and (max-width:767px) {
	.mem_input_style{ margin-bottom:5px; }
	.mem_col_half_in{ border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
}
@media all and (min-width:768px) and (max-width:819px) {
	.mem_col_half_in{ border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
}
@media all and (min-width:820px) and (max-width:1023px) {
	.mem_col_half_in{ border-top:1px solid #EEE; border-bottom:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }
}
@media all and (min-width:1024px) and (max-width:1366px) {
	.mem_col_half_1:first-child { width:100%; }
	.mem_col_half_1:last-child{ width:100% }
	.mem_col_half_in{ border-top:1px solid #EEE; border-top:1px solid #EEE; border-left:1px solid #FFF; border-right:1px solid #FFF; }
}
@media all and (min-width:1367px) {
	.mem_col_half_1:first-child{ width:100%; }
	.mem_col_half_1:last-child{ width:100% }
	.mem_col_half_in{ border-top:1px solid #EEE; border-top:1px solid #EEE; border-left:1px solid #FFF; border-right:1px solid #FFF;}
}