/* 회원가입 약관 */
#contactForm input, textarea { font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif; font-size: 10pt; }
.container {display: none;}
#contactForm {width: 80%; margin: 0 auto; padding: 40px;}
#contactForm>div {width: 50%; float: left; font-size: 0.9em;}
#contactForm_form {padding: 20px;}
#contactForm_term {float: left;}
#contactForm_term h2 {border-bottom: 1px solid #369; padding: 0.5em;}
#contactForm_term h3 {color: #369; margin: 0.3em 0;}
#contactForm_term dl {}
#contactForm_term dl dt {font-weight: bold;}
#contactForm_term dl dt:before {display: inline-block; content: '-'; margin-right: 0.2em;}
#contactForm_term dl dd {margin-left: 3em;}
#contactForm .contactForm_agree2 {border: 0; font-size: 1.2em; font-weight: bold; background-color: #369; color: #fff; border-radius: 5px; padding: 0.8em ; text-align: center; margin: 0.8em 0;}
.btn_submit {border: 1px solid #EEE; background-color: #fff; height:50px; border-radius:3px; padding:0 40px; color: #369; }
.tbl_frm01 {text-align: center;}
.tbl_frm01 label {display: block; float: left; width: 20%; font-weight: bold; color: #369; line-height: 1.6em;}
.tbl_frm01 input {border: 1px solid #EEE; padding: 0.3em; width: 60%; margin-bottom: 0.5em;}
.tbl_frm01 textarea {border: 1px solid #EEE; padding: 0.3em; width: 60%; margin-bottom: 0.5em; height: 250px;} 
#contactForm {}
#contactForm .agree_text {display:block; padding:20px; width:100%; line-height:1.6em}


/* alert Bootstrap */
#alertOk, #alertErr { display:none; }
.alert {
  position: absolute;
  left: 25% ;
  top: calc(50% - 25px);
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}