/* ȸ¿ø°¡ÀÔ */
#memberJoinBox {/*overflow: hidden;*/ width: 1050px; margin:100px auto; height: auto; text-align:center;}
.memberJoin-inner {width: 100%; margin:0 auto; height: auto; text-align:center; clear:both;}
.memJoin-TitleBig {text-align:center; font-size:20pt; font-weight:700; color:#000; letter-spacing:-0.5px;}

.sectionJoinBG {margin-top:-100px; padding:150px 0 100px 0; background-color:#fff;}

/* ¾à°üµ¿ÀÇ */
.memJoinTermsAgree {width: 100%; margin:0 auto 50px auto; height: auto; text-align:center; border-bottom:2px solid #666;}
.mjtatitle {font-size:15pt; color:#0971ba; text-align:left; line-height:160%;}
.mjtatitlesub {font-size:10pt; color:#444; text-align:left; line-height:160%; margin-left:10px;}

/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.memJoinPersonalInfo {width: 100%; margin:0 auto 50px auto; height: auto; text-align:center;}
/* ȸ¿øÀÌ¿ë¾à°ü */
.memJoinUseAgreement {width: 100%; margin:0 auto 50px auto; height: auto; text-align:center;}
/* À̹ÌÁö »ç¿ë°è¾à¼­ */
.memJoinImageUse {width: 100%; margin:0 auto; height: auto; text-align:center;}
/* ¾à°üµ¿ÀÇ, °³ÀÎÁ¤º¸Ãë±Þ¹æħ, À̹ÌÁö»ç¿ë °è¾à¼­ °øÅë»ç¿ë ŸÀÌƲ, textarea */
.memJoinStitle {margin-top:30px; text-align:left; font-size:12pt; font-weight:normal; color:#444; letter-spacing:-0.2px; margin-bottom:10px;}
.memjoinStep-textarea {width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 2px; outline:none; line-height:170%; box-sizing: border-box; resize: vertical; height:200px; color:#666; font-size:9pt; text-align:left;}
/* üũ¹Ú½º */
.chkTcombox {position: relative; color:#666; font-size:9pt; text-align:left; margin:5px 0; font-weight:300; line-height:150%;}
.chkTcombox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.chkTcombox input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.chkTcombox input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: -2px 8px 0 0; text-align: center;  vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;}
.chkTcombox input[type="checkbox"] + label:active:before,
.chkTcombox input[type="checkbox"]: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);}
.chkTcombox input[type="checkbox"]:checked + label:before {content: '\2714'; color: #99a1a7; background: #e9ecee; border-color: #adb8c0;}
.chktctextpb {font-size:9pt; font-weight:450; color:#444;}


/* ȸ¿ø°¡ÀÔ¿©ºÎ */
.memJoinYorNcheckBox {width: 100%; margin:50px auto 50px auto; height: auto; text-align:center;}
.memJoinyonh2 {text-align:left; font-size:12pt; font-weight:normal; color:#444; letter-spacing:-0.2px; margin-bottom:10px;}
/* ȸ¿ø°¡ÀÔ ¿©ºÎÈ®ÀÎ ¸®½ºÆ® */
.tblMjoinYorNcheck {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border-top:2px solid #666; border-bottom:1px solid #ccc; clear:both;}
.tblMjoinYorNcheck th {padding:10px 0; border:none; font-size:10pt; color:#000; background-color:#f8f8f8; text-align:center; border-bottom:1px solid #ddd; font-weight:normal;}
.tblMjoinYorNcheck td {padding:10px 10px; border:none; font-size:9pt; color:#666; text-align:center;}
.tblMjoinYorNcheck colgroup .colsL-01 {width:25%;}
.tblMjoinYorNcheck colgroup .colsL-02 {width:30%;}
.tblMjoinYorNcheck colgroup .colsL-03 {width:45%;}
.tblMjoinYorNcheck th:nth-child(2) {border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tblMjoinYorNcheck td:nth-child(2) {border-left:1px solid #ddd; border-right:1px solid #ddd;}
/* input box */
.mjYoNchk-input1 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-input2 {width: 30%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-input3 {width: 35%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* select box */
.mjYoNchk-select1 {width: 25%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-select2 {width: 25%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* table¹Ú½º ¾Æ·¡ ¼³¸í±Û */
.memJyonchkTextBox {width: 100%; margin:10px auto 50px auto; height: auto; text-align:left; color:#666; font-size:9pt; line-height:150%;}
.mjyokp1 {font-size:9pt; color:#000;}
/* ȸ¿øÁ¤º¸ÀÔ·Â, ÀÌÀüÈ­¸éÀ¸·Î°¡±â, ȸ¿ø°¡ÀÔ¿Ï·á, ȸ¿ø°¡ÀÔÃë¼Ò ¹öÆ° ¹Ú½º */
.memJoinYorNoBtnBox {width: 100%; margin:50px auto 50px auto; height: auto; text-align:center;}
.mjoinOkBtn {border: none; color: #fff; outline:none; padding: 0 10px; cursor: pointer; height:35px; background-color:#000;}
.mjoinPreBtn {border: none; color: #fff; outline:none; padding: 0 10px; cursor: pointer; height:35px; background-color:#666;}


/* ȸ¿øÁ¤º¸ÀÔ·Â */
.memSubJoinFormBox {width: 100%; margin:0 auto 50px auto; height: auto; text-align:center;}
.tblMsjForm {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border-top:2px solid #666; border-bottom:1px solid #ccc; clear:both;}
.tblMsjForm th {padding:10px 10px 10px 15px; border:none; font-size:9pt; color:#000; border-right:1px solid #ddd; background-color:#f8f8f8; text-align:left; border-bottom:1px solid #ddd; font-weight:normal; letter-spacing:-0.5px;}
.tblMsjForm td {padding:10px 10px; border:none; border-bottom:1px solid #ddd; font-size:9pt; color:#666; text-align:left;}
.tblMsjForm colgroup .colsmsj01 {width:15%;}
.tblMsjForm colgroup .colsmsj02 {width:85%;}
.tblrighttext {font-size:9pt; color:#666; font-weight:normal; text-align:left; letter-spacing:-0.5px;}
/* input box */
.tblMsjForm-input1 {width: 50%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input2 {width: 20%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input3 {width: 35%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input4 {width: 20%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input5 {width: 10%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input6 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input7 {width: 50%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input8 {width: 80%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* »ç¾÷ÀÚµî·ÏÁõ ÷ºÎÆÄÀÏ */
.tblMsjForm-input-file {width: 50%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: none; outline:none; font-size:9pt; color:#666; height:28px;}

/* select box */
.tblMsjForm-select1 {width: 20%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-select2 {width: 15%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}

/* ¶óµð¿À¹öÆ° */
.tblMsjForm td {position: relative;}
.tblMsjForm td input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.tblMsjForm td input[type="radio"] + label {display: inline-block; position: relative; padding-top:3px; padding-left:22px; padding-right:10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.tblMsjForm td input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; 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);}
.tblMsjForm td input[type="radio"] + label:active:before,
.tblMsjForm td 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);}
.tblMsjForm td input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0;}
.tblMsjForm td input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}
/* Á߸ñÈ®ÀÎ, ÁÖ¼Ò°Ë»ö ¹öÆ° */
.mjoinDupliChkBtn {border: none; color: #fff; outline:none; padding: 0 10px; cursor: pointer; font-size:8pt; height:28px; background-color:#666;}

/* ȸ¿øÁ¤º¸ÀÔ·Â À̹ÌÁö»ç¿ë°è¾à¼­ text */
.memjoinImgUsing {width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 2px; outline:none; line-height:170%; box-sizing: border-box; resize: vertical; height:auto; color:#666; font-size:9pt; text-align:left; font-weight:300;}


/* ȸ¿ø°¡ÀÔ¿Ï·á */
.memJoinCompleteBox {width: 100%; margin:0 auto 400px auto; height: auto; text-align:center; font-family: 'Nanum Gothic', sans-serif;}
.mjctexth2 {margin:40px 0 20px 0; font-size:22pt; font-weight:300; letter-spacing:-0.5px; color:#000; line-height:150%;}
.mjctextp1 {margin-bottom:10px; font-size:13pt; font-weight:300; letter-spacing:-0.5px; color:#444; line-height:150%;}
.mjctextp2 {margin-bottom:20px; font-size:14pt; font-weight:bold; letter-spacing:-0.5px; color:#444; line-height:150%;}


/* ȸ¿øÁ¤º¸ °¡ÀÔ¿©ºÎüũ */
.memJoinInfoYorNBox {width: 100%; margin:10px auto 20px auto; height: auto; text-align:center; font-family: 'Nanum Gothic', sans-serif; clear:both;}
.spanPsubtitle {margin-left:20px; font-size:10pt; color:#666; font-weight:400; text-align:left; line-height:150%;}
.memJoinInfoYorNinner {width: 100%; margin:0 auto; height: auto; text-align:center; clear:both;}
.tbl-mJoinIfYorNin {width:100%;border-collapse:collapse;border-spacing:0;box-sizing:border-box; border:none; border-top:2px solid #666; border-bottom:1px solid #ccc; border-right:1px solid #ddd; border-left:1px solid #ccc; clear:both;}
.tbl-mJoinIfYorNin th {padding:10px 10px; border:none; font-size:9pt; color:#000; border-right:1px solid #ddd; background-color:#f8f8f8; text-align:center; font-weight:bold; letter-spacing:-0.5px; border-left:1px solid #ccc;}
.tbl-mJoinIfYorNin td {padding:10px 10px; border:none; font-size:9pt; color:#666; text-align:left; border-right:1px solid #ddd;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw01 {width:10%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw02 {width:30%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw03 {width:10%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw04 {width:50%;}
.tbl-mJoinIfYorNin th:nth-child(1) {border-left:none; border-bottom:1px solid #ccc;}
.tbl-mJoinIfYorNin th:nth-child(3) {border-left:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
/* input box */
.mJoinIfYorNin-input01 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mJoinIfYorNin-input02 {width: 30%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.textdp1bgray {font-size:9pt; color:#666; line-height:150%; text-align:left; margin-left:20px;}

/* µµ¸Þ°ü·Ã ¹®±¸ */
.wholesaleBintextBox {width: 100%; margin:10px auto 20px auto; height: auto; text-align:center; background-color:#366ea9; font-family: 'Nanum Gothic', sans-serif; clear:both;}
.wholesaleBintextIn {width: 90%; margin:0 auto; padding:20px; height: auto; text-align:center;}
.pwtextw {font-size:11pt; color:#fff; line-height:170%;}
.pwtextb {font-size:11pt; color:#6ffff6; font-weight:bold;}




@media all and (min-width: 801px) and (max-width:992px) {
/* ȸ¿ø°¡ÀÔ */
#memberJoinBox {width: 96%; margin:60px auto;}
.memJoin-TitleBig {font-size:16pt;}
.memJoinStitle {font-size:12pt;}
}



@media all and (min-width: 768px) and (max-width:800px) {
/* ȸ¿ø°¡ÀÔ */
#memberJoinBox {width: 96%; margin:60px auto;}
.memJoin-TitleBig {font-size:16pt;}
.memJoinStitle {font-size:12pt;}

.sectionJoinBG {padding-top:200px;}

/* ȸ¿ø°¡ÀÔ ¿©ºÎÈ®ÀÎ ¸®½ºÆ® */
.tblMjoinYorNcheck td {padding:10px 10px;}
.tblMjoinYorNcheck colgroup .colsL-01 {width:16%;}
.tblMjoinYorNcheck colgroup .colsL-02 {width:30%;}
.tblMjoinYorNcheck colgroup .colsL-03 {width:54%;}
/* input box, select box */
.mjYoNchk-input1 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-input2 {width: 25%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-input3 {width: 34%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-select1 {width: 30%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.mjYoNchk-select2 {width: 25%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}

/* ȸ¿øÁ¤º¸ °¡ÀÔ¿©ºÎüũ */
.memJoinInfoYorNBox {margin:40px auto 20px auto;}
.spanPsubtitle {margin-left:10px;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw01 {width:10%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw02 {width:30%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw03 {width:12%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw04 {width:48%;}
.tbl-mJoinIfYorNin th:nth-child(1) {border-left:none; border-bottom:1px solid #ccc;}
.tbl-mJoinIfYorNin th:nth-child(3) {border-left:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
/* input box */
.mJoinIfYorNin-input02 {width: 100%;}
.textdp1bgray {margin-left:0; margin-top:5px;}
}



@media all and (min-width: 415px) and (max-width:767px) {
/* ȸ¿ø°¡ÀÔ */
#memberJoinBox {width: 96%; margin:60px auto;}
.memJoin-TitleBig {font-size:16pt;}
.memJoinStitle {font-size:12pt;}
/* ¾à°üµ¿ÀÇ Å¸ÀÌƲ, ¼­ºêŸÀÌƲ */
.mjtatitlesub {font-size:9pt; text-align:left; letter-spacing:-0.5px;}

.sectionJoinBG {padding-top:200px;}

/* ȸ¿ø°¡ÀÔ ¿©ºÎÈ®ÀÎ ¸®½ºÆ® */
.tblMjoinYorNcheck,
.tblMjoinYorNcheck thead,
.tblMjoinYorNcheck tbody,
.tblMjoinYorNcheck tr,
.tblMjoinYorNcheck th,
.tblMjoinYorNcheck td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
.tblMjoinYorNcheck thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
.tblMjoinYorNcheck tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
.tblMjoinYorNcheck td {position:relative; float:left; width:100%; padding-left:17%; box-sizing:border-box; text-align:left;}/* td³»¿ë ¿ìÃø¿¡ ŸÀÌƲ µé¾î°¥ ¿µ¿ª ¸¸µë */
.tblMjoinYorNcheck td:before {position:absolute; left:10px; top:10px; padding:7px 0; font-weight:bold; text-align:left;}
.tblMjoinYorNcheck .mjyoncDate:before {content:"¼º¸í(»óÈ£)"}/* °¡»ó¼±ÅÃÀÚ·Î ÅؽºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
.tblMjoinYorNcheck .mjyoncPhone:before {content:"ÀüÈ­¹øÈ£"}
.tblMjoinYorNcheck .mjyoncEmail:before {content:"À̸ÞÀÏ"}
.tblMjoinYorNcheck .mjyoncDate {border-top:2px solid #666;}
.tblMjoinYorNcheck th:nth-child(2) {border:none;}
.tblMjoinYorNcheck td:nth-child(2) {border:none;}
/* input box, select box */
.mjYoNchk-input3 {width: 33%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* ȸ¿øÁ¤º¸ÀÔ·Â */
.tblrighttext {float:left; margin-top:10px; text-align:center;}
.tblMsjForm colgroup .colsmsj01 {width:23%;}
.tblMsjForm colgroup .colsmsj02 {width:78%;}
/* input box */
.tblMsjForm-input1 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input2 {width: 70%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input3 {width: 35%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input4 {width: 20%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input5 {width: 25%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input6 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input7 {width: 100%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-input8 {width: 70%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* select box */
.tblMsjForm-select1 {width: 22%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
.tblMsjForm-select2 {width: 22%; padding:0 5px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; outline:none; font-size:9pt; color:#666; height:28px;}
/* ¶óµð¿À¹öÆ° */
.tblMsjForm td input[type="radio"] + label {display: inline-block; position: relative; padding-top:3px; padding-bottom:5px; padding-left:20px; padding-right:5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.tblMsjForm td input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; 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);}
.tblMsjForm td input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}

/* ȸ¿ø°¡ÀÔ¿Ï·á */
.memJoinCompleteBox {width: 96%; margin:0 auto 300px auto;}
.mjctexth2 {font-size:16pt; letter-spacing:-1px;}
.mjctextp1 {font-size:10pt; letter-spacing:-1px;}
.mjctextp2 {font-size:12pt;}

/* ȸ¿øÁ¤º¸ °¡ÀÔ¿©ºÎüũ */
.memJoinInfoYorNBox {margin:40px auto 20px auto;}
.spanPsubtitle {margin-left:10px;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw01 {width:10%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw02 {width:30%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw03 {width:12%;}
.tbl-mJoinIfYorNin colgroup .colmjIfyornw04 {width:48%;}
.tbl-mJoinIfYorNin th:nth-child(1) {border-left:none; border-bottom:1px solid #ccc;}
.tbl-mJoinIfYorNin th:nth-child(3) {border-left:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
/* input box */
.mJoinIfYorNin-input02 {width: 100%;}
.textdp1bgray {margin-left:0; margin-top:5px;}
}



@media all and (min-width: 320px) and (max-width:414px) {
#memberJoinBox {width: 96%; margin:60px auto;}
.memJoin-TitleBig {font-size:16pt;}
.memJoinStitle {font-size:12pt;}
/* ¾à°üµ¿ÀÇ Å¸ÀÌƲ, ¼­ºêŸÀÌƲ */
.memJoinTermsAgree {border:none;}
.mjtatitle {width:100%;}
.mjtatitlesub {float:left; width:100%; font-size:9pt; text-align:left; margin-left:0px;}

.sectionJoinBG {padding-top:200px;}

/* ȸ¿ø°¡ÀÔ ¿©ºÎÈ®ÀÎ ¸®½ºÆ® */
.tblMjoinYorNcheck,
.tblMjoinYorNcheck thead,
.tblMjoinYorNcheck tbody,
.tblMjoinYorNcheck tr,
.tblMjoinYorNcheck th,
.tblMjoinYorNcheck td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
.tblMjoinYorNcheck thead tr {position:absolute;left:-9999px;top:-9999px}/* theadÀÇ trÀ» È­¸é¹ÛÀ¸·Î ³¯¸² */
.tblMjoinYorNcheck tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
.tblMjoinYorNcheck td {position:relative; float:left; width:100%; padding-left:20%; box-sizing:border-box; text-align:center;}/* td³»¿ë ¿ìÃø¿¡ ŸÀÌƲ µé¾î°¥ ¿µ¿ª ¸¸µë */
.tblMjoinYorNcheck td:before {position:absolute; left:10px; top:10px; padding:7px 0; font-weight:bold; text-align:left;}
.tblMjoinYorNcheck .mjyoncDate:before {content:"¼º¸í(»óÈ£)"}/* °¡»ó¼±ÅÃÀÚ·Î ÅؽºÆ® »ý¼º-½ºÅ©¸³Æ®·Î µ¿ÀûÀ¸·Î °¡´ÉÇÔ */
.tblMjoinYorNcheck .mjyoncPhone:before {content:"ÀüÈ­¹øÈ£"}
.tblMjoinYorNcheck .mjyoncEmail:before {content:"À̸ÞÀÏ"}
.tblMjoinYorNcheck .mjyoncDate {border-top:2px solid #666;}
.tblMjoinYorNcheck th:nth-child(2) {border:none;}
.tblMjoinYorNcheck td:nth-child(2) {border:none;}
/* input box */
.mjYoNchk-input1 {width: 94%; padding:0 5px; font-size:8pt;}
.mjYoNchk-input2 {width: 32%; padding:0 5px; font-size:8pt;}
.mjYoNchk-input3 {width: 31%; padding:0 5px; font-size:8pt;}
/* select box */
.mjYoNchk-select1 {width: 25%; padding:0 5px; font-size:8pt;}
.mjYoNchk-select2 {width: 25%; padding:0 5px; font-size:8pt;}
/* ȸ¿ø°¡ÀÔ ÀÔ·ÂÆû */
.tblMsjForm {border-top:2px solid #666; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.tblrighttext {float:left; margin-top:10px; text-align:center; font-size:8pt; letter-spacing:-0.5px; line-height:150%}
.tblMsjForm,
.tblMsjForm thead,
.tblMsjForm tbody,
.tblMsjForm tr,
.tblMsjForm th,
.tblMsjForm td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
.tblMsjForm {border-top:1px solid #000}
.tblMsjForm tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
.tblMsjForm th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box; text-align:left;}/* ie9¿¡¼­ floatÀ» Áà¾ßÇÔ */
.tblMsjForm td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box; text-align:left;}/* relative¸¦ Áà¾ß »çÆĸ®¿¡¼­ ´Ù½Ã Å°¿üÀ»¶§, ¾È±úÁü*/
/* input box */
.tblMsjForm-input1 {width: 100%; padding:0 5px;}
.tblMsjForm-input2 {width: 70%; padding:0 5px;}
.tblMsjForm-input3 {width: 35%; padding:0 5px;}
.tblMsjForm-input4 {width: 20%; padding:0 5px;}
.tblMsjForm-input5 {width: 25%; padding:0 5px;}
.tblMsjForm-input6 {width: 100%; padding:0 5px;}
.tblMsjForm-input7 {width: 100%; padding:0 5px;}
.tblMsjForm-input8 {width: 70%; padding:0 5px;}
/* select box */
.tblMsjForm-select1 {width: 22%; padding:0 5px;}
.tblMsjForm-select2 {width: 22%; padding:0 5px;}
/* ¶óµð¿À¹öÆ° */
.tblMsjForm td input[type="radio"] + label {display: inline-block; position: relative; padding-top:3px; padding-bottom:5px; padding-left:20px; padding-right:5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.tblMsjForm td input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; 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);}
.tblMsjForm td input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #99a1a7; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}

/* ȸ¿ø°¡ÀÔ¿Ï·á */
.memJoinCompleteBox {width: 96%; margin:0 auto 200px auto;}
.mjctexth2 {font-size:16pt; letter-spacing:-1px;}
.mjctextp1 {font-size:10pt; letter-spacing:-1px;}
.mjctextp2 {font-size:12pt;}

/* ȸ¿øÁ¤º¸ °¡ÀÔ¿©ºÎüũ */
.memJoinInfoYorNBox {width: 100%; margin:40px auto 20px auto;}
.spanPsubtitle {float:left; margin-left:0; font-size:9pt; margin-bottom:5px;}
.h2MgtextTitle {float:left;}
.memJoinInfoYorNinner {width: 100%; margin:0 auto; height: auto; text-align:center;}
.tbl-mJoinIfYorNin,
.tbl-mJoinIfYorNin thead,
.tbl-mJoinIfYorNin tbody,
.tbl-mJoinIfYorNin tr,
.tbl-mJoinIfYorNin th,
.tbl-mJoinIfYorNin td {display:block}/* Å×À̺íÀÇ ¸ðµç ¿ä¼Ò¸¦ blockÈ­ ½ÃÅ´*/
.tbl-mJoinIfYorNin {border-top:1px solid #000}
.tbl-mJoinIfYorNin tr:after {content:"";display:block;clear:both}/* th,tdÀÇ Ç÷ÔÇØÁ¦ */
.tbl-mJoinIfYorNin th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* ie9¿¡¼­ floatÀ» Áà¾ßÇÔ */
.tbl-mJoinIfYorNin td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box}/* relative¸¦ Áà¾ß »çÆĸ®¿¡¼­ ´Ù½Ã Å°¿üÀ»¶§, ¾È±úÁü*/
/* input box */
.mJoinIfYorNin-input01 {width: 100%;}
.mJoinIfYorNin-input02 {width: 100%;}
.textdp1bgray {float:left; margin-left:0; margin-top:5px;}
}