/* member */
.member_wrap {width:100%; height:100vh; background:url(../images/member/mblogin_bg.jpg) no-repeat center; background-size:cover;}
.member_login {width:600px; height:403px; margin:0 auto; background:#FFF; border-radius:30px; padding-top:50px; transform:translate(-50%, -50%); top:40%; left:50%; position:absolute;}
.member_login p { text-align:center; font-size:18px; font-weight:500; color:#000; line-height:60px;}
.mbLogin_form { width:302px; margin:0 auto; list-style:none;}
.mbLogin_form li { float:left;}

.mbLogin-id-input {width:302px; height:42px; border:0; background:#dfdfdf; padding: 0 10px 0 10px; text-align:left; color:#333; font-size:14px; font-weight:300; margin-bottom:10px;}
.mbLogin-pw-input {width:302px; height:42px; border:0; background:#dfdfdf; padding: 0 10px 0 10px; text-align:left; color:#333; font-size:14px; font-weight:300;margin-bottom:10px;}
.mbLogin-joinBt {width:302px; height:46px;  border:0; background:#ff7b73; padding: 0 10px 0 10px; text-align:center; color:#fff; font-size:16px; font-weight:500;}
.mbLogin-regline{width:302px; margin:0 auto; list-style:none; padding-top:20px; clear:both;}
.mbLogin-regline-l { float:left;  text-align:center; color:#333; font-size:13px; font-weight:300; line-height:34px;}
.mbLogin-regline-r { float:right; width:120px; height:34px; line-height:34px; font-weight:400;   text-align:center; color:#dcdff7; font-size:13px; font-weight:300; border-radius:1px; background:#858cbd;}
.mbLogin-regline-r a { text-decoration:none; color:#dcdff7;}
.mbLogin-regline-r a:link { text-decoration:none; color:#dcdff7;}
.mbLogin-regline-r a:hover { text-decoration:none; color:#dcdff7;}

/* member join */
.mbjoin_join { width:1200px; height:auto;  margin:0 auto; position:relative; }
.mbjoin_infotxt {width:1200px; text-align:center; line-height:26px; color:#666; font-size:20px;  font-weight:300; padding:50px 0 30px 0;}
.mbjoin_lineimg { width:1200px; text-align:center; padding:0 0 60px 0; }

.mbjoin_agree {width:1200px; margin:0 auto; height: auto;  list-style:none;  }
.mbagreelt { float:left; width:580px; height: 250px;}
.mbagreert { float:right; width:580px; height: 250px;}

.agree_chktt{ width:580px; height:auto; }
.agree_tit {float:left; width:300px; text-align:left; font-size:20px; height:50px; color:#363636; font-weight:300; line-height:20px; }
.agree_chk { float:right; text-align:right; }
.agree_chkbox { border:1px solid #CCC; width:20px; height:20px;}
.agtxtinfo-box {float:left; width:580px; height:170px; background:#efefef; border:1px solid #e1e1e1; clear:both; }

.mbjoin_form {width:1200px; height:auto; margin:0 auto; clear:both; position:relative;}
.formtit {line-height:100px;  text-align:left; color:#333; font-size:24px; font-weight:300; }
.formt{ float:left; }
.formt_sdesc { float:right; text-align:right; color:#333; font-size:16px; font-weight:300;}

.formtit2 {line-height:100px;  text-align:left; color:#333; font-size:24px; font-weight:300; padding-top:50px; }
.formt2{ float:left; }
.formt_sdesc2 { float:right; text-align:right; color:#333; font-size:16px; font-weight:300;}


.mbjoin_form table {border-collapse: collapse; width: 100%; border-bottom:2px solid #333;  border-top:2px solid #333; font-size:16px;}
.mbjoin_form table tr,td {border-bottom: 1px solid #d3d3d3; padding:20px 0 20px 0; }
.mbjoin_form table th {}
.mbjoin_form .tiptech { margin-left:10px; font-size:13px; color:#868686; text-align:left; font-weight:300;}
.mbjoin_form .idchk { margin-left:10px; }

.mbjoin_form .input_id { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px; }
.mbjoin_form .input_pw { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_name { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_name { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left;width:400px; }
.mbjoin_form .input_hp { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_email { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_schnm { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_schclass { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_tel { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_parent { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}
.mbjoin_form .input_parent_hp { background:#fff; border:1px solid #c5c5c5; padding:8px; color:#3333; text-align:left; width:400px;}

.mbjoin_form select {
	/* Size and position */
    position: relative;
    width: 150px;
    margin: 0 auto;
    padding: 8px;	

    /* Styles */
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
	font-family: 'Noto Sans KR'
	}
	
 select:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: 0px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent;
}	

.mbjoin_form .custom-radio { width:22px; height:22px;  background: #FFF;   border: 2px solid #3b97d8;     padding: 12px; margin:10px 0 10px 0; }

.mbjoin_form .label-text { margin-right:15px; padding:14px 12px 0 8px;  }
.mbjoin_form_btdiv { width:1200px; margin:0 auto; text-align:center; padding-top:40px;}
.mbjoin_form_okbtn { width:224px; height:66px;  text-align:center; color:#FFF; font-size:20px; font-weight:500; border:0; background:#ff7e00; border-radius:35px; }


.GScroll{ position:relative;  overflow:hidden;}
.GScroll > .GScroll-scrollable{  position:absolute;  width:100%;  top:0px;  left:0px;}
.GScroll > .GScroll-bar{  position:absolute; width:10px; min-height:10px; top:0px; right:0px; display:none;  background-color: rgba(0,0,0,0.6); cursor: move;  z-index:2}
#agree_content { padding:20px;}
#privacy_content {padding:20px;}



/* idpw seach */
.idpw_search { width:1200px; height:auto;  margin:0 auto; position:relative; }
.idpw_tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idpw_tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 0;
  margin:0;
  text-align:center;
  height:56px;
  line-height:56px;
  cursor: pointer;
  background: #e1e1e1;
  font-weight: bold;
  width:50%;
  font-size:18px;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
}

.idpw_tabs .idpw_tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  margin:0 auto;
  display: none;
  padding: 40px 300px 80px 300px;
  background: #ffd700;
  
}

.idpw_tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.idpw_tabs input[type="radio"]:checked + label { background: #ffd700; }
.idpw_tabs input[type="radio"]:checked + label + .idpw_tab { display: block; }
.tab_content_tit { font-size:14px; font-weight:300; line-height:20px; height:80px; color:#5c5c5c;}
.tab_idinbox {list-style:none;}
.tab_ltimg { float:left; width:130px;}
.tab_ctform { float:left; width:323px;}
.tab_rtbt {float:right; width:147px; }
.search-id-btn {width:140px; height:114px; line-height:114px; background:#ff7500; color:#FFF; font-weight:500; border:0; }
.search-pw-btn {width:140px; height:154px; line-height:114px; background:#ff7500; color:#FFF; font-weight:500; border:0; }
.inner-id {width:316px; height:34px; margin-bottom:6px; padding:0 8px 0 8px; border:0; background:#fff; color:#333; }
.inner-name {width:316px; height:34px; margin-bottom:6px; padding:0 8px 0 8px; border:0; background:#fff; color:#333; }
.inner-hp {width:316px; height:34px; margin-bottom:6px; padding:0 8px 0 8px; border:0; background:#fff; color:#333; }
.inner-email {width:316px; height:34px; margin-bottom:6px; padding:0 8px 0 8px; border:0; background:#fff; color:#333; }