/* CSS Document */
/* ------------------------------------------------------------
 * Name      : member.css    
 * Desc        : 회원 
 * Created   : 
 * Updated  : 
 ------------------------------------------------------------ */
.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_box {width:748px; padding-top:30px; margin:0 auto; margin-top:30px; background:url(../image/login_box_top.gif) no-repeat center top; border:none !important; text-align:left; padding-bottom:0px;}
.login_bottom {padding:0px 20px 30px 0px; background:url(../image/login_box_bottom.gif) no-repeat center bottom;}
.login_other {padding-left:180px; padding-bottom:20px; background:url(../image/icon_login.png) no-repeat 73px 5px; font-size:13px; position:relative;}
.login_txt {position:relative; padding:35px 0px 0px 0px;}
.login_other h3 {font-size:18px; color:#000; font-weight:bold; margin-bottom:10px; border:none;}
.login_other .text01 {margin:0px 5px 8px 0px; position:relative; padding:0px 0px 0px 60px;}
.login_other .text01 label.pa {display:block; position:absolute; left:0px; top:1px;}
.login_other .btn_ok {position:absolute; left:308px; top:35px;}
.member_info {width:734px; margin:0 auto; padding:30px 0px 40px 0px; overflow:hidden;}
.member_info li {float:left; width:365px;}
.member_info li.last {border-left:1px solid #eee;}
.member_info li div {background:url(../image/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:150px; height:29px; border:1px solid #aeaeae; line-height:28px; text-align:center; font-family:nGothicB; color:#000000;}
.member_info li div.info02 {background:url(../image/intor02.gif) no-repeat center top;}
.member_info li div.info03 {background:url(../image/intor01.gif) no-repeat center 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:#b29764; font-weight:bold; 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(https://biz.koreanbar.or.kr/inc/img/member/intor01.gif) no-repeat center top;}
.join_info li.teacher p {background:url(https://biz.koreanbar.or.kr/inc/img/member/intor02.gif) no-repeat center top;}
.join_info li.wholesale p {background:url(https://biz.koreanbar.or.kr/inc/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 {overflow:hidden; background:#bebebe;}
.step li {float:left; width:25%; height:39px; background:url(https://biz.koreanbar.or.kr/inc/img/cart/step_off.png) no-repeat right top;}
.step li p {padding:0px 10px 0px 70px; font-size:16px; color:#ffffff; line-height:33px; *line-height:35px;}
.step li.step01 p {background:url(https://biz.koreanbar.or.kr/inc/img/cart/step01.png) no-repeat 15px center}
.step li.step02 p {background:url(https://biz.koreanbar.or.kr/inc/img/cart/step02.png) no-repeat 15px center}
.step li.step03 p {background:url(https://biz.koreanbar.or.kr/inc/img/cart/step03.png) no-repeat 15px center}
.step li.step04 p {background:url(https://biz.koreanbar.or.kr/inc/img/cart/step04.png) no-repeat 15px center}
.step li.on {background:url(https://biz.koreanbar.or.kr/inc/img/cart/step_on.png) no-repeat right top;}
.step li span {vertical-align:4px; font-size:13px; margin-right:3px;}

.step {text-align:center; background:url(https://biz.koreanbar.or.kr/inc/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(https://biz.koreanbar.or.kr/inc/img/cart/orderer.gif) no-repeat left top;}
.cart_input .fr h2 {background:url(https://biz.koreanbar.or.kr/inc/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;}

.member_typebox {border:1px solid #d8d8d8; border-top:3px solid #2475d0; text-align:center; padding:30px; background:#f9f9f9;}
.member_typebox p {padding:140px 0px 30px 0px;}
.member_typebox p.ioc01 {background:url(../image/m_type01.gif) no-repeat center top;}
.member_typebox p.ioc02 {background:url(../image/m_type02.gif) no-repeat center top;}


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

/* 그라데이션 박스 정의 */
.gr_box {
	overflow:hidden;
	background-color: #fbfbfb;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

border:1px solid #ebebeb;
-moz-border-radius:9px; /*모질라*/
-webkit-border-radius:9px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius:9px;
}


/* 마이페이지 */
.mypage {margin:30px 0px;}
.mypage .tab li {width:16%;}
.mypage .tab li.big {width:17%;}
.order_step {padding:10px 10px 10px 30px;}
.order_step ol li {float:left; width:219px; height:70px; padding:0px 20px 0px 80px; margin:5px 0px; color:#999999; background-position:left top;}
.order_step ol li span {display:block; color:#b29764; font-size:16px; font-weight:bold; line-height:20px;}
.order_step ol li strong {display:block; font-size:15px; color:#666666; line-height:25px;}
.order_step ol li.step01 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order01.gif) no-repeat;}
.order_step ol li.step02 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order02.gif) no-repeat;}
.order_step ol li.step03 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order03.gif) no-repeat;}
.order_step ol li.step04 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order04.gif) no-repeat;}
.order_step ol li.step05 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order05.gif) no-repeat;}
.order_step ol li.step06 {background:url(https://biz.koreanbar.or.kr/inc/img/member/order06.gif) no-repeat;}