/* BASIC css start */
#loginWrap { padding-top:0px }

.page-body {padding:0 155px 0px; border:0px solid #000 ;box-sizing:border-box; }
.page-body:after { content: ""; display: block; clear: both; }
.login_bnr { float:left; }
.login_line { float:left; }
.hi { height:145px }

.tit { padding:50px 0 70px;text-align:center; font-weight:bold; color:#000; font-size:22px; letter-spacing:0.5px; }
.stit {  padding:0px 0 20px;text-align:center;  color:#999999; font-size:15px; letter-spacing:0.5px; font-weight:bold;  }
.stit span { color:#000; }
.event_tit { padding:64px 0 20px;text-align:center; font-weight:bold; color:#000; font-size:22px; letter-spacing:0.5px; }

#loginWrap .mlog-sign { float:left;   border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }

/* member login */
#loginWrap .mlog-sign .mlog { padding:0 0px; position:relative; width:320px;  }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list {  position:relative; width:232px ; float:left }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:225px; height:40px; color:#adadad; line-height:40px; cursor:text;}
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:215px; height:40px; border:0; line-height:40px;  background-color:#f6f6f6;}
#loginWrap .mlog-sign .btn-mlog { float:right; position:relative }
#loginWrap .mlog-sign .btn-mlog a { display:block; ;width:88px; height:88px; font-size:12px; line-height:88px; background-color:#333333;border-radius:5px; color:#fff; text-align:center }
#loginWrap .mlog-sign .se-log { position:absolute; bottom:-20px; right:0px;color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
#loginWrap .mlog-sign .lost_btn a { margin-top:10px; color:#222;   }


/* sign */
#loginWrap .mlog-sign .sign {float:none;  margin-top:44px; margin:0 auto; width:404px}
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:12px; color:#212633; font-weight: 700;text-align: left;}
#loginWrap .mlog-sign .sign dl dd { padding-top:20px }
#loginWrap .mlog-sign .sign dl dd a {color:#fff; width:402px; height:43px; font-size:19px; line-height:43px;background:#444e67; }

/* order shopping */
#loginWrap .order-sp {height:auto; border:none;float: left; }
#loginWrap .order-sp .left-tit { margin:0 auto 0;border-top: 0px dotted #aaa; width:100%; background:none; }
#loginWrap .order-sp .left-tit h3 { margin:0 0 20px 0; font-size:20px; color:#2e2e2e; font-weight:bold; line-height:20px; text-align:center;}
#loginWrap .order-sp .left-tit p { font-size:12px; color:#757575;text-align:center; padding-bottom:10px;}
#loginWrap .order-sp .frm-wrap { margin: 0 auto;position:relative;width:367px }
#loginWrap .order-sp .frm-list { position:relative; width:367px; }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:8px }
#loginWrap .order-sp li label {padding: 2px 2px 2px 10px;position:absolute; top:0; left:0; width:95%; height:40px; color:#8f8f91; line-height:40px; cursor:text}
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { padding:0 0 0 10px; width:97%; height:40px; line-height:28px; border:1px solid #d9d9d9; }
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad }
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch {margin:30px auto 0; display:inline-block;width:367px; height:40px; line-height:40px; font-weight:bold;color:#333; display:block;border:1px solid #333333;background-color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; border-radius:5px ; text-align:center}
#loginWrap .order-sp .btn-sch:hover{background:#f3f3f3;}

.join_btn a { margin:30px auto 0; font-size:12px;width:320px; height:40px;line-height:40px; font-weight:bold;color:#333; display:block;border:1px solid #333333;background-color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; border-radius:5px ; text-align:center }
.join_line { margin:50px auto 30px; width:260px;  height:1px; background-color:#d3d3d3;}
.join_bnr { margin-top:20px; text-align:center;}

.sns-area .move-link{ margin:5px auto 0; font-size:12px;width:320px; height:40px;line-height:40px;color:#fff;display:block;border:0px solid #333333;background-color:#333333;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; border-radius:5px }
.sns-area i { font-size:22px; padding-right:5px; box-sizing:border-box; vertical-align: middle; } 
.sns-area .fb{color:#fff; background-color:#3b5998;}
.sns-area .kakao{color:#391b1b; background-color:#fae300; }
.sns-area .naver{color:#fff; background-color:#03cf5d;}



/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;margin-left:16px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }

/*

#orderhname {
  -webkit-appearance: textfield;
}
#orderhname::-webkit-text-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  background:red;
  position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
}*/

/*¸ð·»ºñ ·Î±×ÀÎ¼öÁ¤*/
.login_banner {width:100%; margin:150px 0;}
#content .tit-page {font-size:30px; color:#212633; margin-bottom:40px; border:none; text-align:center; }
/* BASIC css end */

