
@media only screen and (min-width: 1025px){
/***회원가입***/
.member_box{max-width:600px;margin:auto;border:1px solid #cecfce;padding:25px}
.tit_join{font-size:20px; font-weight:bold; line-height:26px;}
.tit_s{font-size:14px;  font-weight:normal;}

.member_join {font-size:14px;}
.member_join th{width:140px !important}
.member_join td{padding:5px}
.member_join td .minput{border-radius:5px;border:1px solid #cecfce;padding:5px;background-color:#f2f2f2}

.member_before {padding:10px;border:1px solid #cecfce;font-size:14px;line-height:160%}
.agree_text label{font-size:12px;display:block;}
.agree_text *{vertical-align:middle}
.agree_text {line-height:160%}
.sblue{background-color:#769be2;color:#fff;border:1px solid #769be2;}

/****************************** 로그인 ******************************/
.logall_box{max-width:300px;margin:10px auto 10px auto;;}
.logall_box .log_tit{ font-size:18px;padding:15px 0}
.logall_box .log_tit *{vertical-align:middle}
.logall_box .log_tit strong{font-size:25px; padding:0 5px;}
.logall_box .login_box{}
.logall_box .login_box:after{display:block;clear:both;content:''}
.logall_box .login_box td{vertical-align:top}
.logall_box .login_box .log_txt{float:left;width:69%;}
.logall_box .login_box .log_btn{float:left;width:30%;line-height:65px; height:65px; background-color:#e96f6f;}
.logall_box .login_box .log_btn a{color:#fff;display:block; font-weight:bold;text-align:center; line-height:65px;}
.logall_box .login_box .bot_txt{c font-size:12px; padding-top:10px;}
.logall_box .login_box .logininput{border:1px solid #cecfce; padding:5px; width:90%;height:30px;margin-bottom:3px;}
}

@media only screen and (min-width:621px) and (max-width:1024px) {
	.member_box{border:none;padding:5px}
	.member_join tr{display:block;width:100%}
	.member_join th{display:block;width:100%;text-align:left;padding:0 5px}
	.member_join td{padding-bottom:10px}
	/****************************** 로그인 ******************************/
.logall_box{max-width:300px;margin:10px auto 10px auto;;}
.logall_box .log_tit{ font-size:18px;padding:15px 0}
.logall_box .log_tit *{vertical-align:middle}
.logall_box .log_tit strong{font-size:25px; padding:0 5px;}
.logall_box .login_box{}
.logall_box .login_box:after{display:block;clear:both;content:''}
.logall_box .login_box td{vertical-align:top}
.logall_box .login_box .log_txt{float:left;width:69%;}
.logall_box .login_box .log_btn{float:left;width:30%;line-height:65px; height:65px; background-color:#e96f6f;}
.logall_box .login_box .log_btn a{line-height:65px; color:#fff;display:block; font-weight:bold;text-align:center;}
.logall_box .login_box .bot_txt{c font-size:12px; padding-top:10px;}
.logall_box .login_box .logininput{border:1px solid #cecfce; padding:5px; width:90%;height:30px;margin-bottom:3px;}
}

@media only screen and (max-width: 620px) {
	.member_box{border:none;padding:5px}
	.member_join tr{display:block;width:100%}
	.member_join th{display:block;width:100%;text-align:left;padding:0 5px}
	.member_join td{padding-bottom:10px}

	/****************************** 로그인 ******************************/
.logall_box{max-width:300px;margin:10px auto 10px auto;;}
.logall_box .log_tit{ font-size:18px;padding:15px 0}
.logall_box .log_tit *{vertical-align:middle}
.logall_box .log_tit strong{font-size:25px; padding:0 5px;}
.logall_box .login_box{}
.logall_box .login_box:after{display:block;clear:both;content:''}
.logall_box .login_box td{vertical-align:top}
.logall_box .login_box .log_txt{float:left;width:69%;}
.logall_box .login_box .log_btn{float:left;width:30%;line-height:65px; height:65px; background-color:#e96f6f;}
.logall_box .login_box .log_btn a{line-height:65px; color:#fff;display:block; font-weight:bold;text-align:center;}
.logall_box .login_box .bot_txt{c font-size:12px; padding-top:10px;}
.logall_box .login_box .logininput{border:1px solid #cecfce; padding:5px; width:90%;height:30px;margin-bottom:3px;}

}



/****************************** 로그인 ***********************************/

@media only screen and (min-width: 880px) {
	

.layerPopup {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.layerPopup .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 10000;
}
.popLog {
    position: absolute;
    /** width: 800px; **/
	width:500px
    height: 440px;
    background: #fff;
    border: #699bee 8px solid;
    top: 50%;
    left: 50%;
  /**  margin: -198px 0 0 -408px; **/
    margin: -198px 0 0 -250px;
    z-index: 10001;
}
.logBox {
    width: 383px;
   /** float: left; 
    padding: 35px 0 0 38px;
	**/
	 padding: 25px 15px 25px 15px;
}
.logBox h3.popTit {
    border-bottom: #699bee 4px solid;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background: none;
	line-height:46px
}
.logBox .popLogForm {
    position: relative;
    margin: 0;
}
.logBox .popLogForm .inpTx {
    margin: 0 0 12px 0;
    /* width: 286px; */
    overflow: hidden;
}
.logBox .popLogForm .inpTx label {padding-right:40px}
.logBox .popLogForm .inpTx .input {border:1px solid #cecfce;padding:5px;}

.logBox .popLogForm .btLogin a{display:block;background-color:#699bee;;text-align:center;line-height:64px;width:90px;font-size:16px;font-weight:bold;color:#fff;letter-spacing:-1px}
.logBox .popLogForm .btLogin {
    position: absolute;
    top: 0;
    right: 0;
}

.logBox .logLnk3 {
    border-top: #dfdfdf 1px solid;
    border-bottom: #dfdfdf 1px solid;
    height: 35px;
    line-height: 35px;
    position: relative;
    /* font-size: 11px; */
    margin: 10px 0 10px 0;
    text-align: center;
}
.logBox .logLnk3 a {
    background: url(../images/common/blt_dot.gif) 0 50% no-repeat;
    padding: 0 0 0 8px;
    font-weight: bold;
    display: inline-block;
    color: #333;
}
.logBox .logLnk4 {
    line-height: 14px;
    position: relative;
    font-size: 11px;
}
.popLog .rightAd {
    top: 74px;
    right: 26px;
    position: absolute;
}
.layerPopup .btClose {
    position: absolute;
    top: 10px;
    right: 12px;
}


.layerPopup .chkTx *{vertical-align:middle}

.memselect_box {padding:10px 0;padding-left:100px}
.memselect_box *{vertical-align:middle}


 }



 @media only screen and (max-width: 779px) {
 /****/
 .layerPopup {
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.layerPopup .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 10000;
}
.popLog {
    position: absolute;
    width: 310px;
    background: #fff;
    border: #699bee 8px solid;
    top: 5px;
    left: 50%;
    margin: 0 0 0 -155px;
    z-index: 10001;
}
.logBox {
    padding: 20px;
}
.logBox h3.popTit {
    border-bottom: #699bee 4px solid;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background: none;
	line-height:46px
}
.logBox .popLogForm {
    position: relative;
    margin: 0;
}
.logBox .popLogForm .inpTx {
    margin: 0 0 12px 0;
    /* width: 286px; */
    overflow: hidden;
}
.logBox .popLogForm .inpTx label {display:block}
.logBox .popLogForm .inpTx .input {border:1px solid #cecfce;padding:5px;}

.logBox .popLogForm .btLogin a{display:block;background-color:#699bee;text-align:center;line-height:36px;font-size:16px;font-weight:bold;color:#fff;letter-spacing:-1px;margin-top:5px;border-radius:5px}


.logBox .logLnk3 {
    border-top: #dfdfdf 1px solid;
    border-bottom: #dfdfdf 1px solid;
    height: 35px;
    line-height: 35px;
    position: relative;
    /* font-size: 11px; */
    margin: 10px 0 0 0;
    text-align: center;
}
.logBox .logLnk3 a {
    padding: 0 0 0 8px;
    font-weight: bold;
    display: inline-block;
    color: #333;
}
.logBox .logLnk4 {
    line-height: 14px;
    position: relative;
    font-size: 11px;
	display:none;
	height:0px;
}
.popLog .rightAd {padding:0 25px 15px 25px;}

.layerPopup .btClose {
    position: absolute;
    top: 10px;
    right: 12px;
}

.layerPopup .chkTx *{vertical-align:middle}

.memselect_box {padding:10px 0;}
.memselect_box *{vertical-align:middle}
 /****/

}
