/* 로그인, 아이디비밀번호찾기 */
#memLoginBox {/*overflow: hidden;*/ width: 1050px; margin:100px auto; height: auto; text-align:center; font-family: 'Nanum Gothic', sans-serif;}
.memLogin-inner {width: 100%; margin:0 auto; height: auto; text-align:center;}
.memLogin-TitleBig {text-align:center; font-size:20pt; font-weight:700; color:#000; letter-spacing:-0.5px;}

.sectionloginbg {margin-top:-100px; padding:150px 0 100px 0; background-color:#fff;}

/* 로그인박스 */
.memLginputbox {width: 40%; margin:10px auto 450px auto; height: auto; text-align:center;}
.memLginputInner {width: 100%; padding:20px; margin:0 auto 50px auto; height: auto; text-align:center; border:none; border-top:2px solid #666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.mjidstatitle {font-size:15pt; color:#548e09; text-align:left; line-height:160%;}
.mjidstatitlesub {font-size:10pt; color:#444; text-align:left; line-height:160%; margin-left:10px;}
/* input box */
.mlgoin-input1 {width: 100%; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
.mlgoin-input2 {width: 100%; margin-top:7px; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
/* 로그인 버튼 */
.mlginbtn {width:100%; margin-top:10px; border: none; color:#fff; padding: 5px 10px; cursor: pointer; height:30px; background-color:#000; font-weight:bold; letter-spacing:-0.5px;} 
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:49%; border: 1px solid #ccc; color:#000; padding: 0 10px; cursor: pointer; font-size:9pt; height:28px; background-color:#fff; font-weight:bold; letter-spacing:-0.5px;} 
.mIdPwSearbtn {width:49%; border: 1px solid #ccc; color:#000; padding: 0 10px; cursor: pointer; font-size:9pt; height:28px; background-color:#fff; font-weight:bold; letter-spacing:-0.5px;} 



/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 450px auto; height: auto; text-align:center;}
.memIdpwInner {width: 100%; padding:0 20px; margin:0 auto 50px auto; height: auto; text-align:center; border:none; border-top:2px solid #666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.mjidstatitlesub {font-size:10pt; color:#444; text-align:left; line-height:160%; margin-left:10px;}
/* 왼쪽, 오른쪽 */
.row-memIdpwSearch:after {content: ""; display: table; clear: both;}
.column-memIdpwSLeft {float: left; width: 46%; padding: 30px 0 0 0; margin:0 auto; height: auto; background-color:#fff;}
.column-memIdpwSRight {float: right; width: 52%; margin:0 auto; padding: 30px 0 0 0; height: auto; background-color:#fff; border:none; border-left:1px solid #ccc;}
.columnMrightbox {width:96%; margin:0 auto; text-align:center; padding:0 20px;}
/* input box */
.mlogiIdpw-input1 {width: 96.5%; margin-bottom:10px; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
.mlogiIdpw-input2 {width: 33.3%; margin-bottom:10px; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
.mlogiIdpw-input3 {width: 33.4%; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
/* select box */
.mlogiIdpw-select1 {width: 25%; margin-bottom:10px; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
.mlogiIdpw-select2 {width: 25%; padding:5px 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:30px;}
/* 라디오버튼 */
.mIdpwsearch {position: relative; font-size:10pt; font-weight:300; color:#666; letter-spacing:-0.5px;}
.mIdpwsearch input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.mIdpwsearch input[type="radio"] + label {display: inline-block; position: relative; padding-top:3px; padding-left:30px; padding-right:-30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.mIdpwsearch input[type="radio"] + label:before {content: ''; position: absolute; left: 10px; top: 2px; width: 14px; height: 14px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);}
.mIdpwsearch input[type="radio"] + label:active:before,
.mIdpwsearch input[type="radio"]:checked + label:active:before  {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.mIdpwsearch input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0;}
.mIdpwsearch input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 5px; left: 13px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
.mJidtrLine {border-top:1px dotted #ccc; margin:10px auto -10px auto; text-align:center;}
.mJidTranshLeft2 {margin-bottom:10px; font-size:9pt; color:#666; text-align:center; line-height:160%; font-weight:300;}
.mJidTransh2 {margin-bottom:10px; font-size:11pt; color:#444; text-align:center; line-height:160%; font-weight:bold;}
.mJidTransp1 {margin:20px 0 0 0; font-size:9pt; color:#666; text-align:center; line-height:160%; font-weight:300; letter-spacing:-0.5px;}
/* 확인, 취소 버튼 */
.memIdPwsearboBox {width: 100%; margin:20px auto; padding:0; height: auto; text-align:center;}
.mIdPwsearOkbtn {width:45%; border: none; color:#fff; padding: 0 10px; cursor: pointer; font-size:9pt; height:28px; background-color:#444; font-weight:bold; letter-spacing:-0.5px;} 
.mIdPwsearCancelbtn {width:45%; border: none; color:#fff; padding: 0 10px; cursor: pointer; font-size:9pt; height:28px; background-color:#666; font-weight:bold; letter-spacing:-0.5px;} 







@media all and (min-width: 801px) and (max-width:992px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 300px auto; height: auto; text-align:center;}
.memLginputInner {width: 60%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:49.2%;} 
.mIdPwSearbtn {width:49.2%;}

.memLogin-TitleBig {margin-top:120px;}
}


@media all and (min-width: 768px) and (max-width:800px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 400px auto; height: auto; text-align:center;}
.memLginputInner {width: 60%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:49.2%;} 
.mIdPwSearbtn {width:49.2%;} 

.memLogin-TitleBig {margin-top:120px;}

/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 200px auto;}
.memIdpwInner {width: 78%;}
/* 왼쪽, 오른쪽 */
.column-memIdpwSLeft {width: 100%; padding: 30px 0 0 0;}
.column-memIdpwSRight {width: 100%; padding: 30px 0 0 0; margin-top:20px; border:none; border-top:1px solid #ccc;}
.columnMrightbox {width:100%; padding:0;}
/* input box */
.mlogiIdpw-input1 {width: 98%;}
.mlogiIdpw-input2 {width: 34.2%;}
.mlogiIdpw-input3 {width: 34.2%;}
/* 라디오버튼 */
.mIdpwsearch {font-size:9pt;}
}


@media all and (min-width: 415px) and (max-width:767px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 300px auto; height: auto; text-align:center;}
.memLginputInner {width: 70%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:49%;} 
.mIdPwSearbtn {width:49%;}

.memLogin-TitleBig {margin-top:120px;}

/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 0 auto;}
.memIdpwInner {width: 89%;}
/* 왼쪽, 오른쪽 */
.column-memIdpwSLeft {width: 100%; padding: 30px 0 0 0;}
.column-memIdpwSRight {width: 100%; padding: 30px 0 0 0; margin-top:20px; border:none; border-top:1px solid #ccc;}
.columnMrightbox {width:100%; padding:0;}
/* input box */
.mlogiIdpw-input1 {width: 93.5%;}
.mlogiIdpw-input2 {width: 31.7%;}
.mlogiIdpw-input3 {width: 31.7%;}
/* 라디오버튼 */
.mIdpwsearch {font-size:8pt; letter-spacing:-0.5px}
.mIdpwsearch input[type="radio"] + label {padding-top:2px; padding-bottom:10px; padding-left:18px; padding-right:4px;}
.mIdpwsearch input[type="radio"] + label:before {left: 0; top: 2px; }
.mIdpwsearch input[type="radio"]:checked + label:after {top: 5px; left: 3px;}
}



@media all and (min-width: 376px) and (max-width:414px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 200px auto; height: auto; text-align:center;}
.memLginputInner {width: 80%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:48.8%;} 
.mIdPwSearbtn {width:48.8%;}

.memLogin-TitleBig {margin-top:120px;}

/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 0 auto;}
.memIdpwInner {width: 89%;}
/* 왼쪽, 오른쪽 */
.column-memIdpwSLeft {width: 100%; padding: 30px 0 0 0;}
.column-memIdpwSRight {width: 100%; padding: 30px 0 0 0; margin-top:20px; border:none; border-top:1px solid #ccc;}
.columnMrightbox {width:100%; padding:0;}
/* input box */
.mlogiIdpw-input1 {width: 97%;}
.mlogiIdpw-input2 {width: 31.7%;}
.mlogiIdpw-input3 {width: 31.7%;}
/* 라디오버튼 */
.mIdpwsearch {font-size:8pt; letter-spacing:-0.5px}
.mIdpwsearch input[type="radio"] + label {padding-top:2px; padding-bottom:10px; padding-left:20px; padding-right:4px;}
.mIdpwsearch input[type="radio"] + label:before {left: 0; top: 2px; }
.mIdpwsearch input[type="radio"]:checked + label:after {top: 5px; left: 3px;}
}

@media all and (min-width: 361px) and (max-width:375px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 200px auto; height: auto; text-align:center;}
.memLginputInner {width: 80%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:48.8%;} 
.mIdPwSearbtn {width:48.8%;}

.memLogin-TitleBig {margin-top:120px;}

/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 0 auto;}
.memIdpwInner {width: 86%;}
/* 왼쪽, 오른쪽 */
.column-memIdpwSLeft {width: 100%; padding: 30px 0 0 0;}
.column-memIdpwSRight {width: 100%; padding: 30px 0 0 0; margin-top:20px; border:none; border-top:1px solid #ccc;}
.columnMrightbox {width:100%; padding:0;}
/* input box */
.mlogiIdpw-input1 {width: 98%;}
.mlogiIdpw-input2 {width: 31.7%;}
.mlogiIdpw-input3 {width: 32.2%;}
/* 라디오버튼 */
.mIdpwsearch {font-size:8pt; letter-spacing:-0.5px}
.mIdpwsearch input[type="radio"] + label {padding-top:2px; padding-bottom:10px; padding-left:18px; padding-right:4px;}
.mIdpwsearch input[type="radio"] + label:before {left: 0; top: 2px; }
.mIdpwsearch input[type="radio"]:checked + label:after {top: 5px; left: 3px;}
}


@media all and (max-width:360px) {
/* 로그인 */
#memLoginBox {width: 96%; margin:80px auto;}
/* 로그인박스 */
.memLginputbox {width: 100%; margin:0 auto 200px auto; height: auto; text-align:center;}
.memLginputInner {width: 80%; padding:20px; margin:10px auto 0 auto;}
/* 회원가입, 아이디,비밀번호찾기 버튼 */
.mMemIdpwbtnBox {width: 100%; margin:20px auto 0 auto; height: auto; text-align:center;}
.mMemJoinbtn {width:48.8%; font-size:8pt; padding:0 5px;}
.mIdPwSearbtn {width:48.8%; font-size:8pt; padding:0 5px;}
.memLogin-TitleBig {margin-top:120px;}
/* 아이디/비밀번호찾기 */
.memIdpwSearch {width: 100%; margin:10px auto 0 auto;}
.memIdpwInner {width: 85%;}
/* 왼쪽, 오른쪽 */
.column-memIdpwSLeft {width: 100%; padding: 30px 0 0 0;}
.column-memIdpwSRight {width: 100%; padding: 30px 0 0 0; margin-top:20px; border:none; border-top:1px solid #ccc;}
.columnMrightbox {width:100%; padding:0;}
/* input box */
.mlogiIdpw-input1 {width: 99%;}
.mlogiIdpw-input2 {width: 31.7%;}
.mlogiIdpw-input3 {width: 32.2%;}
/* 라디오버튼 */
.mIdpwsearch {font-size:8pt; letter-spacing:-0.5px;}
.mIdpwsearch input[type="radio"] + label {padding-top:3px; padding-bottom:10px; padding-left:18px; padding-right:5px;}
.mIdpwsearch input[type="radio"] + label:before {left: 0; top: 2px; }
.mIdpwsearch input[type="radio"]:checked + label:after {top: 5px; left: 3px;}
}