@charset "utf-8";

body{background:#f5f6f7;}


/*회원가입*/
#member_wrap_box {width:460px; margin:0 auto; padding-bottom:100px;  }
#member_wrap_box h1 {display:block; line-height:30px; font-weight:bold;  color:#000; letter-spacing:-2px; font-size:40px; transition:all 0.3s; font-family:'Montserrat';  text-align:center; margin-bottom:60px;}
#member_wrap_box h1 span.color {color:#2959a2;}

#member_wrap_box .member_help_info_tip {font-size:16px; line-height:18px; margin-bottom:40px; padding-left:40px; position:relative;}
#member_wrap_box .member_help_info_tip input[type="checkbox"] {position:absolute; left:0px; top:0px;}
#member_wrap_box .member_help_info_tip label {color:#000;}


#member_wrap_box .member_common_agree_box {margin-top:50px; position:relative;}
#member_wrap_box .member_common_agree {font-size:14px; line-height:18px; margin-top:40px; padding-left:40px; position:relative;}
#member_wrap_box .member_common_agree input[type="checkbox"] {position:absolute; left:0px; top:-6px;}
#member_wrap_box .member_common_agree label {color:#000;}
#member_wrap_box .member_common_agree .ac {color:#f00;}
#member_wrap_box .member_common_agree .ac.ch {color:#2e68d3;}
#member_wrap_box .member_common_agree_box_text {margin-top:15px; border:1px #dadada solid; padding:20px; background:#fff; height:80px; overflow:hidden; overflow-y:auto;}
#member_wrap_box .member_common_btn {margin-top:15px;text-align:center; overflow:hidden;}
#member_wrap_box .member_common_btn a{float:left; width:48%; line-height:55px; background:#8e8e8e; color:#fff; font-size:16px; }
#member_wrap_box .member_common_btn a:last-child{float:right; background:#2959a2;}
#member_wrap_box .member_common_btn.etc a{float:left !important; width:100% !important; }



#member_wrap_box .member_common_text_wrap{margin-top:20px; position:relative;}
#member_wrap_box .member_common_text_wrap .t1 {font-sizE:15px; color:#000;}
#member_wrap_box .member_common_text_wrap .text_input input[type="text"],
#member_wrap_box .member_common_text_wrap .text_input input[type="email"],
#member_wrap_box .member_common_text_wrap .text_input input[type="password"] {border:1px #dadada solid; background:#fff; line-height:50px; width:100%; padding:0 3%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
#member_wrap_box .member_common_text_wrap .text_input select {border:1px #dadada solid; background:#fff; line-height:50px; height:50px; width:100%; padding:0 3%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}


#member_wrap_box .member_common_text_wrap .text_input .col_box {overflow:hidden;}
#member_wrap_box .member_common_text_wrap .text_input .col_box .col {float:left; width:32%;}
#member_wrap_box .member_common_text_wrap .text_input .col_box .col.center {margin:0 2%;}

#member_wrap_box .member_login_box_wrap .member_login_box {padding:30px; border-radius:15px;border:1px #dadada solid; background:#fff; }
#member_wrap_box .member_login_box_wrap .member_login_box ul {border:1px #dadada solid;border-radius:5px; overflow:hidden;}
#member_wrap_box .member_login_box_wrap .member_login_box ul li input[type="text"],
#member_wrap_box .member_login_box_wrap .member_login_box ul li input[type="password"] { background:#fff; line-height:40px; border:0px; width:100%; padding:0 3%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
#member_wrap_box .member_login_box_wrap .member_login_box ul li:last-child {border-top:1px #dadada solid;}
#member_wrap_box .member_login_box_wrap .member_login_box ul li.last {border-top:0px;}
#member_wrap_box .member_login_box_wrap .member_login_box .btns  {margin-top:25px;text-align:center}
#member_wrap_box .member_login_box_wrap .member_login_box .btns .link {display:block; line-height:50px; border-radius:5px; color:#fff; font-size:16px; background:#2959a2; }
#member_wrap_box .member_login_box_wrap .etc {margin-top:10px; text-align:center;}
#member_wrap_box .member_login_box_wrap .etc a {display:inline-block; position:relative; padding:0px 20px;   color:#000;}
#member_wrap_box .member_login_box_wrap .etc a:after {display: block;    position: absolute;    top:8px;    right: -0px;    width: 1px;    height: 8px;    background: #dadada;    content: '';}
#member_wrap_box .member_login_box_wrap .etc a:last-child:after { content:none;}




#member_wrap_box .member_login_box_wrap .help {background:#f8f8f8; padding:20px; font-size:12px; line-height:18px; border-radius:10px; margin-bottom:10px;}
#member_wrap_box .member_login_box_wrap .auto_login {margin-top:10px;}
#member_wrap_box .member_login_box_wrap .auto_login  input[type=checkbox] {width:18px !important; height:18px !important; margin-right:5px;}


input[type=checkbox] {
  width: 28px;
  height: 28px;
  color: #2959a2;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #ddd;
  transition: background 300ms;
  cursor: pointer;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
	background-position:center 50%;;
}


/* Pseudo element for check styling */

input[type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #ddd;
}


/* Checked */

input[type=checkbox]:checked {
  background-color: currentcolor;
}

input[type=checkbox]:checked::before {
  box-shadow: none;
 
}


/* Disabled */

input[type=checkbox]:disabled {
  background-color: #2959a2;
  opacity: 0.84;
  cursor: not-allowed;
}


/* IE */

input[type=checkbox]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #2959a2;
}

input[type=checkbox]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}





.member_reg_select select {border:1px #dadada solid; background:#fff; line-height:50px; height:50px; width:100%; padding:0 3%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; border-radius:5px;}


#company_info .checkbox-wrapper {display:block; width:auto !important; overflow:hidden; margin-top:10px; border:1px #ddd solid; padding:15px; background:#fff;}
#company_info .checkbox-wrapper .list {display:block; float:left; width:33.3333333333% !important;}




@media all and (max-width:1080px) {


#member_wrap_box {width:98%; margin:0 auto; padding-bottom:100px;  }

#member_wrap_box .member_common_text_wrap .t1 span{font-sizE:12px;color:gray; display:block;;}

#company_info .checkbox-wrapper {display:block; width:auto !important; overflow:hidden; margin-top:10px; border:1px #ddd solid; padding:15px; background:#fff;}
#company_info .checkbox-wrapper .list {display:block; float:left; width:48% !important;}

}