@charset "utf-8";

/* CSS Document */
/* ------------------------------------------------------------
 * Name      : member.css    
 * Desc        : 회원 
 * Created   : 
 * Updated  : 
 ------------------------------------------------------------ */
.memberW .sub_con {font-size:13px;}
.member {padding:30px 0px;}
.login_title {text-align:center; font-size:33px; font-weight:bold; color:#787777; letter-spacing:-1px; line-height:38px;}
.login_title strong {color:#333333;}
.login_other {padding-left:110px; padding-bottom:20px; background:url(../img/member/icon_login.png) no-repeat left 10px; font-size:13px; position:relative; margin:0 auto; width:370px;}
.login_other.id_find {background:url(../img/member/icon_id.gif) no-repeat left top; padding-left:100px; width:500px;}
.login_other.id_find .login_txt {padding-right:135px;}
.login_other.id_find .text01 {padding-left:100px;}
.login_other.id_find .text01 label {display:block; line-height:39px;}
.login_txt {position:relative; margin-top:15px; padding:0px 100px 0px 0px;}
.login_other h3 {font-size:18px; color:#0083cc; font-family:nGothicB; margin-bottom:10px;}
.login_other .text01 {padding:0px 0px 10px 0px; position:relative;}
.login_other .text01 .input {position:relative; width:100%; height:39px; *width:95%; *height:20px; padding:8px;}
.login_other .text01 label {display:block; position:absolute; left:0px; top:1px; line-height:38px; display:none;}
.login_other .btn_ok {overflow:hidden; position:absolute; right:0px; top:0px;}
.login_other .btn_ok .btnNormal {height:88px; padding:0px; min-width:93px; border-radius:3px;}
.member_info {width:734px; margin:0 auto; padding:40px 0px 90px 0px; overflow:hidden;}
.member_info li {float:left; width:245px; font-size:13px;}
.member_info li.last {width:244px;}
.member_info li div {background:url(../img/member/member_info.gif) no-repeat left top; padding-top:125px; text-align:center;}
.member_info li div strong {display:block; line-height:20px; font-size:13px;}
.member_info li div p {padding-bottom:10px;}
.member_info li div a {display:block; margin:0 auto; width:104px; height:29px; border:1px solid #aeaeae; line-height:28px; text-align:center; color:#000000;}
.member_info li div.info02 {background-position:-245px top;}
.member_info li div.info03 {background-position:-490px top;}
.member .tit, .mypage .tit {color:#000; font-size:16px; font-family:nGothicB; margin:40px 0px 10px 0px;}

.member_btns {margin-bottom:15px; overflow:hidden; width:100%;}
.member_btns li {background:#959595; border:1px solid #7e7e7e; float:left; margin-right:10px; text-align:center; width:150px;}
.member_btns li.buy {background:#454545; border:1px solid #212121;}
.member_btns li.buy a {color:#FFFFFF;}
.member_btns li a {color:#FFFFFF; display:block; font-size:16px; font-weight:bold; padding:15px 0;}
.member .board-view th {text-align:left; padding-left:35px;}
.id_check {width:100px; height:20px;}

.join_intro h2 {font-size:22px; color:#0083cc; font-weight:nGothicB; line-height:26px; padding-bottom:20px; text-align:center;}
.join_intro h2 strong {color:#764735;}
.join_intro p {font-size:18px; text-align:center; line-height:24px;}
.join_info {border:3px solid #e6e6e6; padding:20px; margin-top:40px; overflow:hidden;}
.join_info li {/*float:left;*/ margin:0 auto; padding:0px 27px; border-right:1px solid #d6d6d6; width:/*263px*/291px;}
.join_info li h3 {font-size:18px; font-weight:bold; line-height:20px; text-align:center; color:#b29764;}
.join_info li p {height:145px; line-height:16px; padding-top:130px; background:url(../img/member/intor01.gif) no-repeat center top;}
.join_info li.teacher p {background:url(../img/member/intor02.gif) no-repeat center top;}
.join_info li.wholesale p {background:url(../img/member/intor03.gif) no-repeat center top;}
.join_info li.last {border-right:none;}
.join_info li a {display:block; margin:0 auto; width:130px; text-align:center; font-weight:bold; font-size:15px; color:#FFF; background:#4d4d4d; line-height:42px; border:1px solid #3a3a3a;}

.join_check {width:570px; margin:0 auto; overflow:hidden; padding:30px 0;}
.join_check p {float:left; padding:0px 5px;}
.check_boxW { background:#e6e6e6; padding:13px; text-align:right;}



.step {text-align:center; background:url(../img/cart/step_on.png) no-repeat left top #bebebe; margin-bottom:10px;}
div.count {padding-right:20px; width:45px; margin:0 auto; position:relative;}
div.count a {position:absolute; right:0px; top:0px;}
div.count a.down {top:13px;}
td span.won {color:#f04d22; font-size:14px;}
.cart_product {overflow:hidden;}
.cart_product dt {width:90px; height:90px; border:1px solid #d8d8d8; float:left;}
.cart_product dd {float:left; padding:10px 0px 0px 10px;}
.cart_product dt img {width:90px; height:90px;}
.total td {background:#eeeeee; text-align:right !important; padding:20px !important; font-size:13px; border-bottom:1px solid #cccccc !important;}
.total td strong {color:#a8804a; font-size:16px;}

/* 정보입력 */
.cart_input {overflow:hidden; padding:30px 0px;}
.cart_input .board_listW {float:left; width:48%;}
.cart_input .board_listW h2 {font-size:15px; font-weight:bold; padding:16px 0px 16px 60px; background:url(../img/cart/orderer.gif) no-repeat left top;}
.cart_input .fr h2 {background:url(../img/cart/recipient.gif) no-repeat left top;}
.cart_total li {padding:10px 0px 10px 95px; position:relative; font-size:13px; line-height:20px;}
.cart_total li img {vertical-align:middle; padding:0px 6px;}
.cart_total li .won { font-size:18px; color:#a8804a;}
.cart_total li .titl {position:absolute; left:0px; top:10px; font-weight:bold;}

/* 글쓰기 팝업 */
.pop_write {position:relative; display:none; clear:both;}


.login_box {width:410px; margin:0px auto 0px auto; position:relative; overflow:hidden;}
.txt_b {font-size:25px; line-height:120%; letter-spacing:-1px; padding:30px 0px;}
.signup {float:left; width:305px;}
.signup li {margin-bottom:11px; font-size:0px;}
.signup li .label {width:80px; padding-right:15px; vertical-align:middle; line-height:30px; display:inline-block; text-align:right; font-size:13px;}
.signup li .label img {padding:5px 0px 0px 5px;}
.signup li .input {width:190px; background:#f4f4f4; color:#000; font-size:13px; display:inline-block;}
.signup li.save_id {padding:0px 0px 0px 95px; font-size:12px; font-family:gulim;}
.login_box .bt { float:right; padding-top:15px;}
.find_idpw {overflow:hidden; padding:20px 0px 20px 0px; font-family:dotum; margin-top:50px; border-top:1px solid #c6c6c6;}
.find_idpw li {float:left; width:50%;}
.find_idpw li div {padding:10px 0px 10px 120px; background:url(../img/common/find_num.gif) no-repeat 25px 14px;}
.find_idpw li:first-child div { border-right:1px solid #bbbbbb; background:url(../img/common/find_pw.gif) no-repeat 35px center;}

.find_pw_top {height:30px; padding-top:50px; text-align:right; width:300px; margin:0 auto; background:url(../img/common/find_pw_bg.gif) no-repeat 20px bottom; border-bottom:1px solid #c1c1c1; font-family:dotum;}
.find_box {width:480px; margin:0px auto; padding:80px 0px 50px 0px;}
.find_box .find_txt { border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; font-size:19px; padding:30px 0px; color:#000000; text-align:center; line-height:150%; font-weight:400; margin-bottom:10px;}
.email_box { background:#bbcddb; font-size:14px; font-weight:bold; font-family:dotum; text-align:center; padding:10px 0px; color:#034081; margin-top:20px;}
.scrollbox { height:105px; font-family:dotum; overflow-y:auto; overflow-x:hidden; padding:10px; border:2px solid #cecece;}
.ya_txt {padding:5px 0px 0px 0px; text-align:right; font-family:dotum; color:#000; font-weight:bold;}
.s_tit {font-size:20px; color:#000000; line-height:120%;  font-family:notoM; padding-bottom:10px;}
.tt_st .board-view { border-top:1px solid #cccccc;}

.tt_st .board-view th {
  border-bottom: 1px solid #cccccc;
  color: #828282;
  font-family:Ng;
  font-size:12px;
  padding:6px 10px 6px 0px;
  text-align:right;
}
.tt_st .board-view td {padding:6px 10px 6px 10px; font-size:13px;}

.join_ok { text-align:center; line-height:140%; font-size:28px; color:#000; padding:30px 0px; border-top:1px solid #ccc;}