/* BASIC css start */
#loginWrap .loc-navi { margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
#loginWrap .page-body { width: 528px; margin-top: 55px; margin-left: auto; margin-right: auto; }
#loginWrap .mlog-sign { width: 528px; /*min-height: 498px;*/ height; 498px; }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { /* float: left; */}

/* member login */ 

#loginWrap .mlog-sign .mlog { }
#loginWrap .mlog-sign .frm-list { }
#loginWrap .mlog-sign .frm-list { width: 530px; height: 130px; }
#loginWrap .mlog-sign .frm-list li.tit { margin: 0 auto; }

#loginWrap .mlog-sign .frm-list li.id { }
#loginWrap .mlog-sign .frm-list li.id label { float: left; }
#loginWrap .mlog-sign .frm-list li.pwd { }

#loginWrap .mlog-sign .frm-list li.id #input_id { margin-bottom: 20px; } 
#loginWrap .mlog-sign .frm-list li.id #input_id img { position: absolute; top: 2; left: 85px; }
#loginWrap .mlog-sign .frm-list li.id #input_id input { width: 443px; height: 48px; position: relative; top: 0px; left: 0px; border: 1px solid #ddd; }

#loginWrap .mlog-sign .frm-list li.pwd #input_pw img { position: absolute; top: -12px; left: 85px; }
#loginWrap .mlog-sign .frm-list li.pwd #input_pw input { width: 443px; height: 48px; position: relative; top: -50px; left: 85px; border: 1px solid #ddd;  }

#loginWrap .mlog-sign .mlog p.se-log { margin-top: 120px; }

#loginWrap .mlog-sign .mlog img.btn-mlog { margin-top: 30px; }

/* sign */
#loginWrap .mlog-sign .sign { width: 530px; height: 16px; margin: 0 auto; }
#loginWrap .mlog-sign .sign .btns { width: 528px; height: 35px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 30px; }
#loginWrap .mlog-sign .sign .btns #id_pw_find { width: 121px; height: 15px; float: left; margin: 9px 0 9px 90px; }
#loginWrap .mlog-sign .sign .btns #md_bar { margin: 15px 0; float: left; margin: 9px 0 9px 40px; font-weight: bold; }
#loginWrap .mlog-sign .sign .btns #join { width: 51px; height: 16px; float: left; margin: 9px 0; margin-left: 40px;}

/* order shopping */
#loginWrap .order-sp { width: 530px; height: 200px; margin-top: 100px; zoom: 1; overflow: hidden; }
#loginWrap .order-sp h3,
#loginWrap .order-sp .frm-wrap { float: left; }
#loginWrap .order-sp .frm-wrap {  width: 530px; height: 300px; margin-top: 30px; } 
#loginWrap .order-sp h3 { width: 226px; padding-top: 10px; text-align: center; font-size: 0; line-height: 0; }
#loginWrap .order-sp .frm-wrap p { font-size: 0; line-height: 0; }
#loginWrap .order-sp .frm { position: relative; width: 530px; height: 50px; margin-top: 10px; }
#loginWrap .order-sp .frm .frm-list { position: absolute; left: 0px; top: 0px; width: 530px; }

#loginWrap .order-sp .frm .frm-list .name { margin-top: 2px; }
#loginWrap .order-sp .frm .frm-list .order-num { margin-top: 2px; }

#loginWrap .order-sp .frm .frm-list .MS_input_txt { width: 310px; height: 26px; line-height: 26px; border: 1px solid #ddd; margin-left: 15px; }

#loginWrap .order-sp .frm li,
#loginWrap .order-sp .frm li label,
#loginWrap .order-sp .frm li .txt-frm { float: left; }
#loginWrap .order-sp .frm li { width: 100%; margin-bottom: 5px; }
#loginWrap .order-sp .frm li label { width: 60px; padding-top: 0px;}
#loginWrap .order-sp .frm li .txt-frm { width: 185px; height: 19px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }

#loginWrap .order-sp .frm .btn-sch { position: absolute; left: 410px; top: 5px; }

/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 120px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }


/* 롤링배너 */

#rolling_bn { clear: both; position: relative; top: 50px; left: 0; width: 530px; height: 300px; }


/* ----------------------- 박스슬라이더 전체 옵션 css ----------------------- */


/** RESET AND LAYOUT */

.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;	*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}

/** THEME */

.bx-wrapper .bx-viewport {	/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0);}
.bx-wrapper .bx-viewport ul {margin:0px; padding:0px;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: 10px; left: 10px; width: 100%; }

/* LOADER */

.bx-wrapper .bx-loading {min-height: 50px;background: url(/design/party09/main/basic/bx_loader.gif) center center no-repeat #fff;height: 100%;	width: 100%;position: absolute;	top: 0;left: 0;	z-index: 2000;}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 20px; background: url(/design/party09/main/basic/btn_prev_s.gif); opacity: 0.08; }
.bx-wrapper .bx-next { right: 20px; background: url(/design/party09/main/basic/btn_next_s.gif); opacity: 0.08; }
.bx-wrapper .bx-prev:hover { opacity: 0.2; }
.bx-wrapper .bx-next:hover { opacity: 0.2; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 20px; height: 36px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none; }

/* BASIC css end */