/* BASIC css start */
#loginWrap .loginBox { width: 900px; margin:0 auto; border: 1px solid #EEEEEE; padding:50px;  min-height: 300px;  }

/* member login */
#loginWrap .loginBox .signleft {  float: left;  position: relative; width: 400px; border: 0px solid #e5e5e5;  }
#loginWrap .loginBox .signleft  h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signleft .MS_login_id { width: 400px ; border: 1px solid #EEEEEE; height:30px; background:#EEEEEE }
#loginWrap .loginBox .signleft .MS_login_pw { width: 400px ; border: 1px solid #EEEEEE; height:30px; background:#EEEEEE }
#loginWrap .loginBox .signleft .btn_lost { padding-top:5px; }


/* sign */
#loginWrap .loginBox .signright { float: right;   width: 400px ; }
#loginWrap .loginBox .signright h2 { padding-bottom:30px;  }
#loginWrap .loginBox .signright h3 { padding-bottom:25px;  }
#loginWrap .loginBox .signright .btns { width: 100px;  }
#loginWrap .loginBox .signright .btns a { display: block; margin-top: 8px; }

#loginWrap .loginBox .sns_login { }
#loginWrap .loginBox .sns_login li { float:left; height:30px; margin:3px 2px;}
#loginWrap .loginBox .sns_login li a { display:block; width:120px;height:30px; line-height:30px; background:#666;font-size:12px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}

#loginWrap .loginBox .sns_login .Naver a { background:#00C73C ; }
#loginWrap .loginBox .sns_login .Facebook a  {display:block;   background:#5c84d7 ; }
#loginWrap .loginBox .sns_login .Kakao a  {display:block; background:#f9b932 ; }
#loginWrap .loginBox .sns_login li:hover a { transition:all .3s ease;-webkit-transition:all .3s ease; background:#333; }

#loginWrap .-btn-login { width:400px; border:1px solid #333; margin-top:15px; text-align:center;}



/* order shopping */

#loginWrap .orderBox  {  zoom: 1; overflow: hidden; clear: both; width: 900px; margin:50px auto; border: 1px solid #EEEEEE; padding:50px;  }
#loginWrap .orderBox .order-sp  h2 { padding-bottom:30px;  }
#loginWrap .orderBox .order-sp { width: 400px; margin:0px auto;   }
#loginWrap .orderBox .order-sp  label { width:100px; padding-top: 4px;}
#loginWrap .orderBox .order-sp .MS_input_txt { width: 400px ; border: 1px solid #EEEEEE; height:30px; background:#EEEEEE }


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ section04영역-롱배너 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

#section04 { width:1000px; margin:0 auto; position:relative;  clear: both }
#section04 .mlong {  text-align:center; }
#section04 .mlong img { width:100%; margin:0 auto 20px; clear: both;  background:#fff; }
#section04 .mlong img:hover { opacity:0.8;filter:alpha(opacity=80);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ // section04영역 - 끝 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* BASIC css end */