@charset "utf-8";

/*---  회원관련 내 테이블은 commom.css에서 제어해줌 ---*/
.join {margin:0 0 100px;}
.join .top {width: 100%; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #dbdbdb;}
.join .top h2 {float: left; padding: 0 0 0 3px; color: #111; font-size: 24px;}
.join .top > div {float: right; padding: 10px 0 0;}
.join .top > div span { margin: 0 12px 0 0; padding: 0 27px 0 0; background: url('../images/breadcrumbs.png') no-repeat right 10px; color: #bdbcbc; font-size: 16px;}
.join .top > div span.sel {color: #111; font-weight:900;}
.join .top div span.end { margin: 0; padding: 0; background: none;}
.join .terms { width: 100%; margin: 0 auto; position:relative; }
.join .terms h3 {position:relative;  margin: 0 0 38px; padding: 64px 0 13px; border-bottom: 1px solid #717171; color: #111; font-size: 20px; font-weight: normal;}
.join .terms h3.filed_title {margin: 0; padding: 24px 0 3px 0;  border-bottom: 0 none; font-size: 16px;}
.join .terms h3 span.infomsg{position:absolute; right:0; font-size:12px; color:#0000cc;}
.join .terms .guide {padding-top:32px; }
.join .terms .guide h4 { position: relative; min-height: 20px; color: #333; font-size: 13px;}
.join .terms .guide > div { overflow-x: hidden; overflow-y: auto; height: 100px; margin: 10px 0 0; padding: 20px; border: 1px solid #e6e6e6; border-top: 1px solid #717171; line-height: 18px;}
.join .input-required {width:4px; height:4px; background:#333; border-radius:20px; display:inline-block; }
.join .btn { padding: 40px 0 0; font-size: 0; text-align: center;}
.join label{display:inline;}
.join td input{display:inline-block;}
.join button.member {padding: 7px 14px 12px 14px;}
.join .disable{background:#aaa; color:#fff;}
.join .hidden{display:none;}

/* inform box */
.join_inform{margin-bottom:38px;padding-left:20px;font-size:11px;color:#666}


 .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

/* 이용약관,개인정보 내용 */
div.box_guide{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3}
div.box_guide div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_guide div strong{color:#000}
div.agree_check{margin-bottom:30px;font-size:11px;text-align:right}
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}

/*---  회원관련 내 테이블은 commom.css에서 제어해줌 ---*/

.join_title{margin-bottom:13px}

/* inform box */
.join_inform{margin-bottom:38px;padding-left:20px;font-size:11px;color:#666}


/* 본인인증 */
.box_verity{margin:12px 0;border-top:1px solid #444;border-bottom:solid 1px #dbdbdb}
.box_verity .type_check{margin:20px 9px 15px;font-size:11px;text-align:left}
.box_verity .type_check input{margin:0 0 0 18px}
.box_verity .type_check label{color:#666}
.box_verity .type_btn{background:#f1f1f1;padding:12px 27px}
.box_verity ul{margin:20px 27px}
.box_verity ul li{color:#888}

/* 아이디찾기, 비밀번호찾기 */
.box_find{margin:0 auto 30px;padding:0 0 0;width:95%}
.box_find .type_check{padding:20px 9px 0;font-size:11px;text-align:left;border-top:1px solid #444;margin:12px 0 0}
.box_find .type_check input{margin:0 0 0 18px}
.box_find .type_check label{color:#666}
.box_find .enter_info{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;background:#f7f7f7;padding:20px 27px;margin-top:15px}
.box_find .enter_info table{table-layout:fixed}
.box_find .enter_info table th{text-align:left;font-weight:normal;padding:9px 10px 7px;color:#666;background:url(../imgs/icon/bul_red_square.gif) 0 13px no-repeat}
.box_find .enter_info table td{color:#666;text-align:left}
.box_find .enter_info table td button.floatL{margin-left:15px}

/* 로그인 */
#login_box {margin:40px auto;  }
#login_box .inner_box { width:100%; border:1px solid #ccc; overflow:hidden; position:relative; }
#login_box h4 { font-size:22px; font-weight:900; margin-bottom:15px;}
#login_box .login_area{padding:47px 34px; position:relative;}
#login_box .login_area form{display:block;position:relative;width:430px;height:108px}
#login_box .login_area form .login_input{margin:0;display:block;margin-bottom:4px;width:300px;height:36px;font-size:14px;line-height:35px;font-weight:bold;color:#666;padding:0 10px;border:solid 1px #aaa;font-family:verdana;}

/*
#login_box .login_area form .input_id{background:#fff url(../imgs/member/txt_login_id.png) 14px 11px no-repeat}
#login_box .login_area form .input_pw{background:#fff url(../imgs/member/txt_login_pw.png) 14px 11px no-repeat}
#login_box .login_area form .input_name{background:#fff url(../imgs/member/txt_login_name.png) 14px 11px no-repeat}
#login_box .login_area form .input_order{background:#fff url(../imgs/member/txt_login_order.png) 14px 11px no-repeat}
*/
#login_box .login_area form .focus{width:300px;height:36px;padding-left:9px;padding-right:9px;border:1px solid #CA1818;background:#fff}
#login_box .login_area form button{position:absolute;right:0;top:0}
#login_box .login_area p{padding-bottom:7px;margin-top:10px}
#login_box .login_txt{margin-top:49px}
#login_box .login_txt li{margin-bottom:3px}
#login_box .login_btn {position: absolute; top: 0; right: 0px; padding: 30px 20px;}
#login_box .login_large {display: inline-block; font-size: 18px;line-height: 1; color: #fff;}
#login_box #login_member {position:relative;}

#login_box .inner_box p.subtitle { margin:15px auto; text-align:left; padding:0 0 0 30px; }
#login_box .find_area{padding:47px 34px; position:relative;}
#login_box .find_area form{display:block;position:relative;width:430px; }
#login_box .find_area form .find_input{margin:0; margin-bottom:4px;width:298px;height:36px;font-size:14px;line-height:35px;font-weight:bold;color:#666;padding:0 10px;border:solid 1px #aaa; }
#login_box .find_area form .select_mobile{display:inline-block; margin:0; margin-bottom:4px;width:70px;height:36px !important;font-size:14px;line-height:1;font-weight:bold;color:#666;padding:5px; border:solid 1px #aaa;font-family:verdana;}
#login_box .find_member {position:relative;}

.find_area .btn_small {display: inline-block; height: 36px; padding: 0; width:73px;}
.find_area .btn_large {display: block;  min-width: 252px; height: 50px; margin: 20px auto; padding: 0; width:100%;}
.find_area .find_member table{table-layout:fixed}
.find_area .find_member table th{text-align:left;font-weight:normal; color:#666; margin:0; padding:0;}
.find_area .find_member table td{color:#666;text-align:left}
.find_area .find_member table td button.floatL{margin-left:15px}

.find_area .login_btn {position: absolute; top: 168px; right: 0px; padding: 23px 15px;}
.find_area .login_large {display: inline-block; font-size: 16px;line-height: 1; color: #333; text-align:center; }
.find_area .login_large { color:#333; border: 1px solid #c4c4c4; border-radius: 2px; color: #4d4d4d; text-decoration: none !important; letter-spacing: -1px; box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.1); vertical-align: middle; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #efefef); background: #fafafa;}

#login_box .find_area .find_pw_btn {position: absolute; top: 126px; right: 0px; padding: 23px 15px;}
#login_box .find_area .btn_find_pw_large { display: inline-block; font-size: 16px;line-height: 1; color: #333; text-align:center; color:#333; border: 1px solid #c4c4c4; border-radius: 2px; color: #4d4d4d; text-decoration: none !important; letter-spacing: -1px; box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.1); vertical-align: middle; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #efefef); background: #fafafa; }

#login_box .find_area .card_regist {position:relative;}
#login_box .find_area .card_regist table{table-layout:fixed}
#login_box .find_area .card_regist table th{text-align:left;font-weight:normal; color:#666; margin:0; padding:0;}
#login_box .find_area .card_regist table td{color:#666;text-align:left}
#login_box .find_area .card_regist table td button.floatL{margin-left:15px}

#login_box .find_area .card_regist_btn {position: absolute; top: 210px; right: 0px; padding: 23px 15px;}
#login_box .find_area .btn_card_regist_large { display: inline-block; font-size: 16px;line-height: 1; color: #333; text-align:center; color:#333; border: 1px solid #c4c4c4; border-radius: 2px; color: #4d4d4d; text-decoration: none !important; letter-spacing: -1px; box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.1); vertical-align: middle; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #efefef); background: #fafafa; }

.info_area {position:absolute;top:30px; right:10px; width:500px;}
.info_area ul {padding:20px 0;}
.info_area ul li {margin-bottom:19px; padding-left:8px; line-height:24px;}


#login_box .customer_center {
    position: relative;
    margin: 37px 30px 0 10px;
	padding: 20px 0;
    text-align: center;
    overflow: hidden;
	border:1px solid #e7e7e7;
	background:#f7f7f7;
}
#login_box .customer_center h4.title { font-weight:400; font-size:26px; color:#000; }
#login_box .customer_center h4.phone { font-weight:100; font-size:26px; color:#000; }