@CHARSET "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); /* font */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype'); } body.ifBody{background:none;} .ifBody #wrapper{background:none; min-width: 750px;} .ifBody #container{background:none; padding:0; width:700px;} .ifBody #contArea{background:none; padding:0;} #wrapper.newJoin #container td, #wrapper.newJoin #container div, #wrapper.newJoin #container p, #wrapper.newJoin #container li, #wrapper.newJoin #container dt, #wrapper.newJoin #container dd, #wrapper.newJoin #container input, #wrapper.newJoin #container textarea, #wrapper.newJoin #container h1, #wrapper.newJoin #container h2, #wrapper.newJoin #container h3, #wrapper.newJoin #container h4, #wrapper.newJoin #container h5 { font-family:Pretendard, 'Nanum Gothic', dotum, gulim, sans-serif; font-size:14px; color:#333;} #wrapper.newJoin #container a{cursor:pointer;} #wrapper.newJoin #container em{font-style:normal;} #wrapper.newJoin #container select{ -webkit-border: 1px solid #dedede; -moz-​border: 1px solid #dedede; -o-​border: 1px solid #dedede;} /***** common *****/ body.bgN{background:none} #wrapper.subJoin{min-width:0;} #wrapper.subJoin.newJoin #container{padding-bottom:150px;} #wrapper.subJoin.newJoin #container.select {padding-bottom:65px;} #wrapper.subJoin.newJoin #container input{line-height:1em; height:auto; padding:0} #wrapper.subJoin{background:none;} #wrapper.subJoin #container{width:750px; min-width:750px; padding:0; background:none;} #wrapper.subJoin #contArea{float:none; width:auto; background:none; padding:0} #wrapper.subJoin.newJoin #contArea h1{margin-bottom:35px; padding:65px 0 0 0; } #wrapper.subJoin.newJoin .select #contArea h1 {padding-top:65px;} #wrapper.subJoin #stepCont{*zoom:1;} #wrapper.subJoin #stepCont:after{content:''; display:block; clear:both;} #wrapper.subJoin #stepCont>li{float:left; width:187px; height:40px; border-right:1px solid #fff; line-height:40px; text-align:center; font-size:14px; color:#333; background:#eee; font-family:Pretendard} #wrapper.subJoin #stepCont>li.on{color:#fff;background:#000} #wrapper.subJoin #stepCont>li.last{width:186px; border:0;} #wrapper.subJoin #newJoinWrap{padding-top:30px;} #wrapper.newJoin input[type=text], #wrapper.newJoin input[type=password], #wrapper.newJoin input[type=email]{height:38px !important; line-height:38px !important; padding:0 20px !important;} #loading{position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.34) url(/websrc/m2/images/common/loading.gif) 50% no-repeat; z-index:9999;} #wrapper.subJoin.newJoin #container #newJoinWrap .comlpete {padding:68px 50px; text-align:center; border:1px solid #cccecf;} #wrapper.subJoin.newJoin #container #newJoinWrap .comlpete .nameTxt {font-size:14px; color:#666; line-height:20px;} #wrapper.subJoin.newJoin #container #newJoinWrap .comlpete .nameTxt strong {display:block; padding-bottom:20px; font-size:22px; color:#c8145d;} #wrapper.subJoin.newJoin #container #newJoinWrap .comlpete .pointInfo {margin-top:30px; padding:30px 0 0 0; border-top:1px solid #cccecf;} #wrapper.subJoin.newJoin #container #newJoinWrap .comlpete .pointInfo strong {display:block; padding-bottom:20px; font-size:22px;} #loadingArea {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); } #loadingArea .box {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; padding-top:35px; max-width:100%; width:420px; height:270px; background:#fff; text-align:center; box-sizing:border-box;} #loadingArea .box p {padding-top:10px; font-size:20px; line-height:36px; color:#333; font-family:"Arial",sans-serif} /* btn */ #wrapper.newJoin .btnTypeNA{display:block; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; background:#c8145d;} #wrapper.newJoin .btnTypeNB{position:relative; display:block; padding-left:51px; text-align:center; height:40px; line-height:40px; font-size:14px;} #wrapper.newJoin .btnTypeNB:after{content:''; position:absolute; top:0px; left:0px; width:51px; height:40px;} #wrapper.newJoin .btnTypeNB.naver{background:#00c63b; color:#3c1c1d;} #wrapper.newJoin .btnTypeNB.naver:after{background:url(/websrc/images/new_member/ico_naver.gif) no-repeat 0 -1px;} #wrapper.newJoin .btnTypeNB.facebook{background:#0054a6; color:#fff;} #wrapper.newJoin .btnTypeNB.facebook:after{background:url(/websrc/images/new_member/ico_facebook.gif) no-repeat 0 -1px;} #wrapper.newJoin .btnTypeNB.kakao{background:#f3e02a; color:#3c1c1d; } #wrapper.newJoin .btnTypeNB.kakao:after{background:url(/websrc/images/new_member/ico_kakao.gif) no-repeat 0 -1px;} #wrapper.newJoin .btnTypeNC{display:inline-block; width:134px; height:40px; line-height:40px; color:#fff; font-weight:bold; background:#000; text-align:center;} #wrapper.newJoin .btnTypeNC.wAuto{width:auto; padding:0 40px;} #wrapper.newJoin .btnTypeND{ display:inline-block; width:73px; height:38px; line-height:38px; border:1px solid #3b3b3b; text-align:center; color:#333;} #wrapper.newJoin .btnTypeND.wAuto{width:auto; padding:0 20px;} #wrapper.newJoin .btnTypeNE{display:block; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; font-weight:bold; background:#c8145d;} #wrapper.newJoin .btnTypeNF{display:block; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; font-weight:bold; background:#757575;} #wrapper.newJoin .btnTypeNF.wAuto{display:inline-block; width:134px; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; font-weight:bold; background:#757575;} #wrapper.newJoin .btnTypeNG{} #wrapper.newJoin .btnTypeNG{display:inline-block; width:73px; height:38px; line-height:38px; text-align:center; color:#fff; background:#ccc;} #wrapper.newJoin .btnTypeNG.wAuto{width:auto; padding:0 20px;} /* table */ #wrapper.newJoin .tableTypeNA{position:relative; width:100%; border-top:1px solid #a8acae;} #wrapper.newJoin .tableTypeNA .necessary{display:inline-block; margin:-4px 5px 0 0; color:#c8145d; vertical-align:top;} #wrapper.newJoin .tableTypeNA:after{content:''; position:absolute; top:-2px; left:0px; width:100%; border-top:1px solid #a8acae;} #wrapper.newJoin .tableTypeNA th,.tableTypeNA td{padding:10px 0 10px 26px; border-bottom:1px solid #d2d4d5; text-align:left; min-height:45px;} #wrapper.newJoin .tableTypeNA th{background:#fcfcfc;} #wrapper.newJoin .tableTypeNA input[type=text],.tableTypeNA input[type=password]{height:38px !important; width:236px; line-height:38px !important; padding:0 20px !important;} #wrapper.newJoin .tableTypeNA select{} #wrapper.newJoin .tableTypeNB{position:relative; width:100%; border-top:1px solid #a8acae;} #wrapper.newJoin .tableTypeNB .necessary{display:inline-block; margin:-4px 5px 0 0; color:#b78957; vertical-align:top;} #wrapper.newJoin .tableTypeNB th,.tableTypeNB td{padding:10px 0 10px 26px; border-bottom:1px solid #d2d4d5; text-align:left;} #wrapper.newJoin .tableTypeNB th{background:#fcfcfc;} #wrapper.newJoin .tableTypeNB input[type=text],.tableTypeNA input[type=password]{height:38px !important; width:236px; line-height:38px !important; padding:0 20px !important;} #wrapper.newJoin .tableTypeNC {table-layout:fixed; width:100%; } #wrapper.newJoin .tableTypeNC thead th {padding:10px 10px; border:1px solid #eaebed; background:#eaebed; font-size:16px; text-align:center; color:#333;} #wrapper.newJoin .tableTypeNC thead th:nth-child(1) {border-right-color:#fff;} #wrapper.newJoin .tableTypeNC thead th:nth-child(2) {border-left-color:#fff;} #wrapper.newJoin .tableTypeNC tbody td {padding:15px 10px; border:1px solid #eaebed; font-size:16px !important; text-align:center; color:#333;} /* popup */ #blockArea {position:fixed; left:0; top:0; width:100%; height:100%; background:url(/websrc/images/new_member/layerBg.png) repeat 0 0; z-index:110; overflow:auto; -webkit-overflow-scrolling:touch;} #layerArea{position:absolute; left:50%; top:50%;; background:#fff; } #layerArea{width:600px;} #layerArea>strong{display:block; font-weight:normal; font-size:14px; height:30px; line-height:30px; color:#fff; padding:0 10px; background:#b40a4c;} #layerArea.etcPop #layerPop{padding:0 30px;} #layerPop h2{padding:30px 0px; margin:0; font-size:22px; font-weight:bold; color:#333; text-align:center; border-bottom:1px solid #d6d6d6;} #layerPop h2 strong{color:#b40a4c;} #layerAreaLegacy{left:50%; top:50%;; background:#fff; } #layerAreaLegacy{width:400px;} #layerAreaLegacy>strong{display:block; font-weight:normal; font-size:14px; height:30px; line-height:30px; color:#fff; padding:0 10px; background:#b40a4c;} #layerAreaLegacy.etcPop #layerPop{padding:0 30px;} #layerPopLegacy h2{padding:30px 0 20px; margin:0; font-size:22px; font-weight:bold; color:#333; text-align:center; border-bottom:1px solid #d6d6d6;} #layerPopLegacy h2 strong{color:#b40a4c;} #layerClose{position:absolute; right:0px; top:0px; width:30px; height:30px; background:url(/websrc/images/new_member/btn_layPopClose.png) no-repeat 50%;} /* 접근성 */ .hide{ position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;} /* 디버그 */ .fBug{*zoom:1;} .fBug:after{content:''; display:block; clear:both;} /***** content *****/ /* 로그인 */ #wrapper.newJoin #container h1{padding-top: 53px; margin-bottom:17px; font-size:34px; color:#000; font-weight:700; text-align:center; font-family: Pretendard} #wrapper.newJoin #container input{padding:0 20px; height:40px; line-height:40px; font-size:14px; border:1px solid #dfdfdf; color:#999;} #wrapper.newJoin #container input[type=radio]{width:auto; height:auto; line-height:normal; padding:0; border:0;} #wrapper.newJoin #container input[type=checkbox]{width:auto; height:auto; line-height:normal; padding:0; border:0;} #wrapper.newJoin #container .titText{text-align:center; font-size:14px; color:#000;} #wrapper.newJoin #container.login h1{} #wrapper.newJoin #container.login #loginWrap{padding:50px 40px 20px;} #wrapper.newJoin #container.login .inputWarp{position:relative; padding-top:40px; margin:40px 0 65px; border-top:1px solid #a9adaf; *zoom:1;} #wrapper.newJoin #container.login .inputWarp:after{content:''; display:block; clear:both;} #wrapper.newJoin #container.login .inputWarp:before{content:''; position:absolute; top:1px;; left:0px; border-top:1px solid #a9adaf; width:100%; *zoom:1;} #wrapper.newJoin #container.login .inputBox, #wrapper.newJoin #container.login .btnBox{float:left;} #wrapper.newJoin #container.login .inputBox{position:relative; width:324px; padding-right:50px; border-right:1px solid #f2f2f2} #wrapper.newJoin #container.login .inputBox input[type=text], #wrapper.newJoin #container.login .inputBox input[type=password]{width:281px; margin-bottom:10px;} #wrapper.newJoin #container.login .inputBox:after{content:'or'; position:absolute; top:50%; right:-12px; margin-top:-12px; padding:2px 5px 5px; font-size:14px; color:#d9d9d9; background:#fff;} #wrapper.newJoin #container.login .inputBox>span input{vertical-align:middle;} #wrapper.newJoin #container.login .inputBox>span label{color:#333; vertical-align:middle;} #wrapper.newJoin #container.login .btnBox{width:320px; padding-left:50px} #wrapper.newJoin #container.login .btnBox li{margin-bottom:10px;} #wrapper.newJoin #container.login .btnBox li.mgN{margin:0;} #wrapper.newJoin #container.login .footBtn{padding-top:18px; border-top:1px solid #f1f1f1; text-align:center;} #wrapper.newJoin #container.login .footBtn li{display:inline-block;} #wrapper.newJoin #container.login .footBtn li.on a{font-weight:700} #wrapper.newJoin #container.login .footBtn li a{display:inline-block; position:relative; padding:0 16px 0 13px; font-size:12px; color:#333;} #wrapper.newJoin #container.login .footBtn li a:after{content:''; position:absolute; right: 0px; top:50%; width:1px; height:8px; margin-top:-4px; background:#9f9f9f;} #wrapper.newJoin #container.login .footBtn li.last a:after{display:none;} #wrapper.newJoin #container.login .condition_new{padding:0 0 10px;} #wrapper.newJoin #container.login .condition_new label{font-size:14px;} #wrapper.newJoin #container.login .cautionText{font-size:12px; color:#666; margin-bottom:20px;} #wrapper.newJoin #container.login .inputWarp .condition{padding:10px 0} /* 가입선택 */ #wrapper.subJoin #container.select .certificationSelect{padding:17px 0; border:1px solid #cacaca; *zoom:1;} #wrapper.subJoin #container.select .certificationSelect:after{content:''; display:block; clear:both} #wrapper.subJoin #container.select .certificationSelect li{float:left; border-right:1px solid #efefef; width:249px;} #wrapper.subJoin #container.select .certificationSelect li>a{display:block; padding:17px 0 28px; text-align:center; font-size:14px; color:#333;} #wrapper.subJoin #container.select .certificationSelect li.last{width:248px; border:0} #wrapper.subJoin #container.select .certificationSelect li>a span{display:inline-block; padding-top:80px; line-height:1.3em} #wrapper.subJoin #container.select .certificationSelect li.list1>a span{background:url(/websrc/images/new_member/ico_certification1.png) no-repeat 50% 0;} #wrapper.subJoin #container.select .certificationSelect li.list2>a span{background:url(/websrc/images/new_member/ico_certification2.png) no-repeat 50% 0;} #wrapper.subJoin #container.select .certificationSelect li.list3>a span{background:url(/websrc/images/new_member/ico_certification3.png) no-repeat 50% 0;} #wrapper.subJoin #container.select .certificationSelect li.list4>a span{background:url(/websrc/images/new_member/ico_certification4.png) no-repeat 50% 0;} #wrapper.subJoin #container.select .caution{padding-top:10px; text-align:right; color:#c8145d; font-size:14px; font-weight:700; background:none;} .snsJoinSelectArea {padding-top:60px;} .snsJoinSelectArea strong {display:block; font-size:34px; color:#000; font-weight:700; text-align:center; margin-bottom:35px;} .snsJoinSelectArea ul {} .snsJoinSelectArea ul:after {content:""; display:block; clear:both;} .snsJoinSelectArea ul li {float:left; margin-left:12px;} .snsJoinSelectArea ul li:first-child {margin-left:0;} .snsJoinSelectArea ul li a {position:relative; display:block; width:240px; padding:18px 0 18px 75px; border:1px solid #cacaca; color:#3b3b3b; font-size:16px; box-sizing:border-box;} .snsJoinSelectArea ul li a img {position:absolute; left:30px; top:14px; vertical-align:top;} .snsJoinSelectArea ul li a span {display:inline-block; line-height:24px; border-left:1px solid #dadada; padding-left:15px;} /* 약관동의 */ #wrapper.subJoin #container.agree .allCheck{} #wrapper.subJoin #container.agree .allCheck input{display:inline-block; width:18px; height:19px; margin-right:10px; border:1px solid #e1e4e8; border-radius:0; vertical-align:middle;} #wrapper.subJoin #container.agree .allCheck label{font-size:16px; vertical-align:middle; color:#333} #wrapper.subJoin #container.agree .checkText{margin-top:10px; color:#666;} #wrapper.subJoin #container.agree .caution{background:none; padding:3px 0 0 !important; color:#c8145d; font-size:12px;} #wrapper.subJoin #container.agree .agreeCont{position:relative; margin-top:30px; border-top:1px solid #a9adaf} #wrapper.subJoin #container.agree .agreeCont:after{content:''; position:absolute; border-top:1px solid #a9adaf; top:1px; left:0; width:100%} #wrapper.subJoin #container.agree .agreeCont ul{padding:20px 0 10px} #wrapper.subJoin #container.agree .agreeCont li{position:relative; margin-bottom:20px;} #wrapper.subJoin #container.agree .agreeCont li a{position:absolute; right:0px; top:50%; margin-top:-13px; width:7px; height:13px; padding:7px 0 7px 7px; background:url(/websrc/images/new_member/ico_arrow.gif) no-repeat 100% 50%;} #wrapper.subJoin #container.agree .agreeCont li input{display:inline-block; width:13px; height:13px; margin-right:10px;} #wrapper.subJoin #container.agree .agreeCont li label{color:#333;} #wrapper.subJoin #container.agree .agreeCont li label .smallText{display:block; padding:5px 0 0 20px} #wrapper.subJoin #container.agree .agreeCont li label strong{color:#c8145d; font-weight:normal;} #wrapper.subJoin #container.agree .agreeCont li.last{margin-bottom:0;} #wrapper.subJoin #container.agree .agreeFot{position:relative; margin-top:30px; border-top:1px solid #a9adaf} #wrapper.subJoin #container.agree .agreeFot:after{content:''; position:absolute; border-top:1px solid #a9adaf; top:1px; left:0; width:100%} #wrapper.subJoin #container.agree .agreeFot h2 a{position:absolute; right:0px; top:50%; margin-top:-13px; width:7px; height:13px; padding:7px 0 7px 7px; background:url(/websrc/images/new_member/ico_arrow.gif) no-repeat 100% 50%;} #wrapper.subJoin #container.agree h2{margin:0; padding:20px 0 15px; color:#333; font-weight:bold; border-bottom:1px solid #d4d6d7;} #wrapper.subJoin #container.agree .btnBox{padding-top:30px; text-align:center;} /* 정보입력 */ #wrapper.subJoin #container.newForm{} #wrapper.subJoin #container.newForm h3{margin-bottom:10px; font-size:16px; font-weight:bold;} #wrapper.subJoin #container.newForm h3 strong{display:inline-block; vertical:middle; font-size:12px; font-weight:normal; color:#c8145d; margin-left:5px;} #wrapper.newJoin select{padding:0 20px; height:40px; color:#333; font-size:14px;} #wrapper.newJoin #container.newForm .tableTypeNA{margin-bottom:48px;} /* #wrapper.newJoin #container.newForm .tableTypeNA .certification{display:none;} */ #wrapper.newJoin #container.newForm .tableTypeNA td>span{display:inline-block; padding:0 7px 0 5px; vertical-align:middle;} #wrapper.newJoin #container.newForm .tableTypeNA td .inputBox a{vertical-align:middle;} #wrapper.newJoin #container.newForm .tableTypeNA td .inputBox input{vertical-align:middle;} #wrapper.newJoin #container.newForm .tableTypeNA td .inputBox.phone input{width:118px;vertical-align:middle} #wrapper.newJoin #container.newForm .tableTypeNA td .inputBox.phone span{display:inline-block; width:26px; height:40px; line-height:40px; text-align:center; vertical-align:middle;} #wrapper.newJoin #container.newForm .tableTypeNA td .inputBox.phone select{vertical-align:middle; margin-left:7px;} #wrapper.newJoin #container.newForm .tableTypeNA .reSend{display:none;} #wrapper.newJoin #container.newForm .tableTypeNA .btnTypeND{margin-left:10px;} #wrapper.newJoin #container.newForm .tableTypeNA .caution{padding:3px 0 0 0 !important; font-size:12px; color:#c8145d; background:none;} #wrapper.newJoin #container.newForm .tableTypeNA .timerArea{display:inline-block; position:relative;} #wrapper.newJoin #container.newForm .tableTypeNA .timerArea input{padding-right:73px !important; width:183px} #wrapper.newJoin #container.newForm .tableTypeNA .timerArea .timer{position:absolute; right:0px; top:0px; padding:0 20px; height:40px; line-height:40px;} #wrapper.newJoin #container.newForm .tableTypeNA.mgN{margin:0} #wrapper.newJoin #container.newForm .tableTypeNA.output th, #wrapper.newJoin #container.newForm .tableTypeNA.output td{height:25px;} #wrapper.newJoin #container.newForm .btnBox{padding-top:30px; text-align:center;} #wrapper.newJoin #container.newForm .postBox .detail{padding-top:10px;} #wrapper.newJoin #container.newForm .postBox .detail input{width:204px;} #wrapper.newJoin #container.newForm .postBox .detail #home_road_name_addr1{margin-right:13px;} #wrapper.newJoin #container.newForm h2{position:relative; margin:45px 0 36px; font-weight:700; font-size:22px;} #wrapper.newJoin #container.newForm h2:after{content:''; position:absolute; left:0px; bottom:-10px; width:29px; height:2px; background:#c8145d;} #wrapper.newJoin .tableTypeNA.thLine th{border-right:1px solid #ebecec; padding-left:0px; padding-right:0px; text-align:center;} #wrapper.subJoin #container.newForm input[type=radio]{width:auto !important; margin-right:5px;} #wrapper.newJoin .tableTypeNA.hAuto tr th, #wrapper.newJoin .tableTypeNA.hAuto tr td{height:42px;} #wrapper.newJoin #container.newForm .vdlBox{padding-bottom:20px; border-bottom:1px solid #a9adaf} #wrapper.newJoin #container.newForm .vdlBox p{padding:20px 0;} #wrapper.newJoin #container.newForm .vdlBox strong{display:inline-block; margin-bottom:10px;} #wrapper.newJoin #container.newForm .vdlBox{position:relative; border-top:1px solid #a9adaf} #wrapper.newJoin #container.newForm .vdlBox:after{content:''; position:absolute; border-top:1px solid #a9adaf; top:-3px; left:0; width:100%} #wrapper.newJoin #container.newForm .skinBox{position:relative; padding-left:206px; min-height:80px;} #wrapper.newJoin #container.newForm .skinBox span{position:absolute; top:0px; left:0px; width:187px; height:80px; background:#000;} #wrapper.newJoin #container.newForm .skinBox ul li{position:relative; float:left; margin-right:2px;} #wrapper.newJoin #container.newForm .skinBox ul li a{display:block; width:32px; height:80px; background:#000;} #wrapper.newJoin #container.newForm .skinBox ul li.on:after{position:absolute; content:'';top:0px; left:-2px; width:32px; height:76px; border:2px solid #000;} /* 추가정보 입력 */ #wrapper.subJoin #container.newAddInformation .text{color:#666; margin-bottom:10px;} #wrapper.subJoin #container.newAddInformation .inputBox{position:relative; padding:15px 0; border-top:1px solid #a9adaf; border-bottom:1px solid #d4d6d7;} #wrapper.subJoin #container.newAddInformation .inputBox.first{margin-bottom:50px;} #wrapper.subJoin #container.newAddInformation .inputBox input{display:inline-block; margin-right:10px; vertical-align:middle;} #wrapper.subJoin #container.newAddInformation .inputBox label{margin-right:50px; color:#333; vertical-align:middle;} #wrapper.subJoin #container.newAddInformation .inputBox:after{content:''; position:absolute; border-top:1px solid #a9adaf; top:1px; left:0; width:100%} #wrapper.subJoin #container.newAddInformation .emailBox{padding:20px 0 ; margin-bottom:30px;} #wrapper.subJoin #container.newAddInformation .emailBox input{width:136px; vertical-align:middle; } #wrapper.subJoin #container.newAddInformation .emailBox span{display:inline-block; width:26px; height:40px; line-height:40px; text-align:center; vertical-align:middle;} #wrapper.subJoin #container.newAddInformation .emailBox select{vertical-align:middle; width:134px; margin-left:7px;} #wrapper.subJoin #container.newAddInformation .phoneBox{padding:20px 0 ; margin-bottom:30px;} #wrapper.subJoin #container.newAddInformation .phoneBox input{margin-right:7px;} #wrapper.subJoin #container.newAddInformation .phoneBox .btnTypeND{margin-right:13px;} #wrapper.subJoin #container.newAddInformation .phoneBox .btnTypeND.mgN{margin:0} #wrapper.subJoin #container.newAddInformation .phoneBox input{width:238px;} #wrapper.subJoin #container.newAddInformation .phoneBox>span{display:inline-block; position:relative;} #wrapper.subJoin #container.newAddInformation .phoneBox span>span.timer{position:absolute; width:42px; height:40px; right:20px; top:0px; text-align:center; line-height:40px;} #wrapper.subJoin #container.newAddInformation .postBox{padding:20px 0; border-bottom:2px solid #999999} #wrapper.subJoin #container.newAddInformation .postBox>input{width:136px;} #wrapper.subJoin #container.newAddInformation .postBox>a{margin-left:10px} #wrapper.subJoin #container.newAddInformation .postBox .detail{padding-top:10px;} #wrapper.subJoin #container.newAddInformation .postBox .detail input.first{width:368px; margin-right:10px;} #wrapper.subJoin #container.newAddInformation .postBox .detail input{width:287px;} #wrapper.subJoin #container.newAddInformation .btnBox{padding-top:30px; border-top: 2px solid #999999;} /* 가입완료 */ #wrapper.newJoin #container.newComplete .completeWrap{padding:66px 25px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; } #wrapper.newJoin #container.newComplete .completeWrap h3{text-align:center; color:#c8145d; font-weight:bold; font-size:22px; margin-bottom:14px;} #wrapper.newJoin #container.newComplete .completeWrap p{text-align:center; color:#666;} #wrapper.newJoin #container.newComplete .completeWrap .btnBox{padding-top:30px;} /* sns계정등록 */ #wrapper.subJoin #container.newForm h3 span{display:inline-block; vertical:middle; font-size:12px; font-weight:normal; color:#999; margin-left:5px;} #wrapper.subJoin #container.newForm.newForm input{width:324px;} #wrapper.subJoin #container.newForm.newForm p.caution.pdN{padding-left:0px !important; padding-top:5px; background:none;} #wrapper.subJoin #container.newForm.newForm .agreeCont{padding-bottom:30px; margin-bottom:48px; border-bottom:1px solid #d4d6d7;} #wrapper.subJoin #container.newForm.newForm .agreeCont ul{padding:20px 0 5px} #wrapper.subJoin #container.newForm.newForm .agreeCont li{position:relative; margin-bottom:20px;} #wrapper.subJoin #container.newForm.newForm .agreeCont li a{position:absolute; right:0px; top:50%; margin-top:-13px; width:7px; height:13px; padding:7px 0 7px 7px; background:url(/websrc/images/new_member/ico_arrow.gif) no-repeat 100% 50%;} #wrapper.subJoin #container.newForm.newForm .agreeCont li input{display:inline-block; width:13px; height:13px; margin-right:10px;} #wrapper.subJoin #container.newForm.newForm .agreeCont li label{color:#333;} #wrapper.subJoin #container.newForm.newForm .agreeCont li label .smallText{padding: 5px 0 0 0 !important; background: none; font-size: 12px; color: #999; display: inline-block; width: 100%;} #wrapper.subJoin #container.newForm.newForm .agreeCont li label strong{color:#c8145d; font-weight:normal;} #wrapper.subJoin #container.newForm.newForm .agreeCont li.last{margin-bottom:0;} #wrapper.subJoin #container.newForm.newForm .agreeCont .caution{padding:0 !important; background:none; font-size:12px; color:#999} #wrapper.subJoin #container.newForm.newForm .agreeCont1 {padding-bottom:30px; border-bottom:1px solid #d4d6d7;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 ul{padding:20px 0 5px} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li{position:relative; margin-bottom:20px;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li a{position:absolute; right:0px; top:50%; margin-top:-13px; width:7px; height:13px; padding:7px 0 7px 7px; background:url(/websrc/images/new_member/ico_arrow.gif) no-repeat 100% 50%;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li input{display:inline-block; width:13px; height:13px; margin-right:10px;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li label{color:#333;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li label strong{color:#c8145d; font-weight:normal;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 li.last{margin-bottom:0;} #wrapper.subJoin #container.newForm.newForm .agreeCont1 .caution{padding:0 !important; background:none; font-size:12px; color:#999} #wrapper.subJoin #container.newForm .allCheck{display:block; margin-top:20px; padding:15px 0; border-bottom:1px solid #d4d6d7 } #wrapper.subJoin #container.newForm .allCheck input{display:inline-block; width:18px; height:19px; margin-right:10px; border:1px solid #e1e4e8; border-radius:0; vertical-align:middle;} #wrapper.subJoin #container.newForm .allCheck label{font-size:16px; vertical-align:middle; color:#333} /* 아이디찾기 */ #wrapper.newJoin #container.idSearch h1{margin-bottom:30px; line-height:1em;} #wrapper.newJoin #container.idSearch #loginWrap{padding: 50px 120px 20px; min-height:670px;} #wrapper.newJoin #container.idSearch .idSearchTab{position:relative;} #wrapper.newJoin #container.idSearch .idSearchTab:before{content:''; position:absolute; border:2px solid #ddd; left:0; top:0; width:581px; height:170px; z-index:9;} #wrapper.newJoin #container.idSearch .idSearchTab li{position:relative; float:left; width:195px; text-align:center; z-index:10; background-position: 50% 30px !important} #wrapper.newJoin #container.idSearch .idSearchTab li.on{border:3px solid #ca165c; width:189px; background-position: 50% 27px !important} #wrapper.newJoin #container.idSearch .idSearchTab li.on a{padding:121px 0 31px; color:#c70752; font-weight:700} #wrapper.newJoin #container.idSearch .idSearchTab li a{display:block; height:16px; padding:124px 0 34px; font-size:14px; color:#333; line-height:16px;} #wrapper.newJoin #container.idSearch .idSearchTab li:after{content:''; position:absolute; right:0px; top:50%; width:1px; height:126px; margin-top:-63px; background:#efefef; } #wrapper.newJoin #container.idSearch .idSearchTab li.last:after{display:none;} #wrapper.newJoin #container.idSearch .idSearchTab li.phoneS{background:url(/websrc/images/new_member/ico_phone.png) no-repeat} #wrapper.newJoin #container.idSearch .idSearchTab li.eamilS{background:url(/websrc/images/new_member/ico_email.png) no-repeat} #wrapper.newJoin #container.idSearch .idSearchTab li.meS{background:url(/websrc/images/new_member/ico_me.png) no-repeat} #wrapper.newJoin #container.idSearch .emailSeacrh, #wrapper.newJoin #container.idSearch .meSeacrh{display:none;} #wrapper.newJoin #container.idSearch .tableTypeNA{margin-top:30px;} #wrapper.newJoin #container.idSearch .caution{padding:10px 0 0 0 !important; color:#333; font-size:12px; background:none;} #wrapper.newJoin #container.idSearch .btnBox{padding-top:30px;} #wrapper.newJoin #container.idSearch .btnBox.pdN{padding-top:0px;} #wrapper.newJoin #container.idSearch .meList{margin-top:30px;} #wrapper.newJoin #container.idSearch .meList li{margin-bottom:10px;} #wrapper.newJoin #container.idSearch .meList li a{display:block; padding:0 37px; height:40px; line-height:40px; background:#c8145d;} #wrapper.newJoin #container.idSearch .meList li a span{display:inline-block; width:100%; color:#fff; font-size:14px; font-weight:700; background:url(/websrc/images/new_member/blt_arrow.png) no-repeat 100% 50%;} /* 아이디찾기 정보없음 */ #wrapper.newJoin #container.idSearch .idSearchWrap{position:relative; padding:36px 0; border-top:1px solid #a9adaf; border-bottom:1px solid #d4d6d7; text-align:center;} #wrapper.newJoin #container.idSearch .idSearchWrap:after{content:''; position:absolute; top:-3px; left:0px; width:100%; height:1px; background:#a9adaf;} #wrapper.newJoin #container.idSearch .idSearchWrap h2{margin:0 0 20px 0; font-size:20px; } #wrapper.newJoin #container.idSearch .idSearchWrap.idNone strong{color:#c8145d; font-size:12px; line-height:20px; } #wrapper.newJoin #container.idSearch .btnTypeNC.long{width:370px;} /* 아이디찾기 정보있음 */ #wrapper.newJoin #container.idSearch .idSearchWrap.idHave strong{font-size:20px; color:#c8145d; font-weight:700} #wrapper.newJoin #container.idSearch .btnBox.btnTwo a{width:286px;} #wrapper.newJoin #container.idSearch .btnBox.btnTwo a.btnTypeNC{float:left;} #wrapper.newJoin #container.idSearch .btnBox.btnTwo a.btnTypeNF{float:right} #wrapper.newJoin #container.idSearch .idSearchWrap.idHave p{margin-top:14px; font-size:12px;} #wrapper.newJoin #container.idSearch .idSearchWrap.idHave p em{font-weight:700} #wrapper.newJoin #container.idSearch .idSearchWrap.idHave p.colorFacebook em{color:#3A559F} #wrapper.newJoin #container.idSearch .idSearchWrap.idHave p.colorNaver em{color:#03C75A} #wrapper.newJoin #container.idSearch .idSearchWrap.idHave p.colorKakao em{color:#FFC000} /* 사용하실 아이디를 입력해주세요 */ #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck{border-bottom:0} #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck p{font-size:12px; color:#666;} #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck .inputBox{} #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck .inputBox input{width:200px;} #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck .inputBox input, #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck .inputBox a{vertical-align:middle;} #wrapper.newJoin #container.idSearch .idSearchWrap.idCheck .btnBox.bdN{border-top:0;} /* 비밀번호찾기 아이디 입력 */ #wrapper.newJoin #container.idSearch .idSearchWrap.idInput input{width:240px; text-align:center;} #wrapper.newJoin #container.idSearch .idSearchWrap.idInput .question{padding-top:10px; width:282px; margin:0 auto;} #wrapper.newJoin #container.idSearch .idSearchWrap.idInput .question p{float:left; font-size:12px; } #wrapper.newJoin #container.idSearch .idSearchWrap.idInput .question a{float:right; font-size:12px; text-decoration:underline; font-weight:700} #wrapper.newJoin #container.idSearch .idSearchWrap.idInput .cautionText{margin-top:5px; font-size:12px;} /* 비밀번호찾기 */ #wrapper.newJoin #container.idSearch .tableTypeNA .timerArea{display:inline-block; position:relative;} #wrapper.newJoin #container.idSearch .tableTypeNA .timerArea input{padding-right:73px !important; width:183px} #wrapper.newJoin #container.idSearch .tableTypeNA .timerArea .timer{position:absolute; right:0px; top:0px; padding:0 20px; height:40px; line-height:40px;} #wrapper.newJoin #container.idSearch .tableTypeNA .reSend{display:none;} #wrapper.newJoin #container.idSearch .tableTypeNA .certification{display:none;} #wrapper.newJoin #container.idSearch .tableTypeNA .btnTypeND{margin-left:10px;} /* 비밀번호 재설정 */ #wrapper.newJoin #container.idSearch .idSearchWrap.pwReset h2{margin-bottom:10px;} #wrapper.newJoin #container.idSearch .idSearchWrap.pwReset input{width:235px;} #wrapper.newJoin #container.idSearch .idSearchWrap.pwReset .inputArea{padding-top:20px;} #wrapper.newJoin #container.idSearch .idSearchWrap.pwReset .inputArea li{margin-bottom:10px;} #wrapper.newJoin #container.idSearch .idSearchWrap.pwReset p{font-size:12px; color:#999;} /* 회원정보 수정 */ #wrapper.newJoin #container.modify h1{margin-bottom:30px; line-height:1em} #wrapper.newJoin #container.modify #ukWrap{padding:0 40px;} #wrapper.newJoin #container.modify.gate .textArea{position:relative; padding:40px 0; text-align:center; border-top:1px solid #bec1c3; border-BOTTOM:1px solid #e9eaeb} #wrapper.newJoin #container.modify.gate .textArea strong{display:block; margin-bottom:10px; font-weight:normal; font-size:20px; color:#333;} #wrapper.newJoin #container.modify.gate .textArea p{line-height:20px; color:#666} #wrapper.newJoin #container.modify.gate .textArea:after{content:''; position:absolute; top:-3px; left:0px; width:100%; height:1px; background:#bec1c3} #wrapper.newJoin #container.modify.gate .textArea .inputCont{margin-top:30px;} #wrapper.newJoin #container.modify.gate .textArea .inputCont input{width:237px; text-align:center;} #wrapper.newJoin #container.modify.gate .btnBox{padding-top:30px;} #wrapper.newJoin #container.modify.gate .btnBox li{text-align:center;} #wrapper.newJoin #container.modify.gate .btnBox li.last{float:right} #wrapper.newJoin #container.modify.gate .btnBox li a{display:inline-block; height:40px; line-height:40px; width:340px;} #wrapper.newJoin #container.modify.gate .textArea p.notPwd{padding:5px 0; color:#c8145d} #wrapper.newJoin #container.modify h3{margin-bottom:10px; font-size:16px; font-weight:bold;} #wrapper.newJoin #container.modify h3 strong{display:inline-block; vertical-align:middle; font-size:12px; font-weight:normal; color:#c8145d; margin-left:5px;} #wrapper.newJoin #container.modify h3 span{display:block; padding-top:5px; font-size:12px; color:#666; font-weight:normal} #wrapper.newJoin select{padding:0 20px; height:40px; color:#333; font-size:14px;} #wrapper.newJoin #container.modify .tableTypeNA{margin-bottom:48px;} #wrapper.newJoin #container.modify .tableTypeNA .certification{display:none;} #wrapper.newJoin #container.modify .tableTypeNA td>span{display:inline-block; padding:0 7px 0 5px; vertical-align:middle;} #wrapper.newJoin #container.modify .tableTypeNA td .inputBox a{vertical-align:middle;} #wrapper.newJoin #container.modify .tableTypeNA td .inputBox input{vertical-align:middle;} #wrapper.newJoin #container.modify .tableTypeNA td .inputBox.phone input{width:118px;vertical-align:middle} #wrapper.newJoin #container.modify .tableTypeNA td .inputBox.phone span{display:inline-block; width:26px; height:40px; line-height:40px; text-align:center; vertical-align:middle;} #wrapper.newJoin #container.modify .tableTypeNA td .inputBox.phone select{vertical-align:middle; margin-left:7px;} #wrapper.newJoin #container.modify .tableTypeNA .reSend{display:none;} #wrapper.newJoin #container.modify .tableTypeNA .btnTypeND{margin-left:10px;} #wrapper.newJoin #container.modify .tableTypeNA .caution{padding:3px 0 0 0 !important; font-size:12px; color:#b78957; background:none;} #wrapper.newJoin #container.modify .tableTypeNA .timerArea{display:inline-block; position:relative;} #wrapper.newJoin #container.modify .tableTypeNA .timerArea input{padding-right:73px !important; width:183px} #wrapper.newJoin #container.modify .tableTypeNA .timerArea .timer{position:absolute; right:0px; top:0px; padding:0 20px; height:40px; line-height:40px;} #wrapper.newJoin #container.modify .tableTypeNA.mgN{margin:0} #wrapper.newJoin #container.modify .tableTypeNA.output th, #wrapper.newJoin #container.modify .tableTypeNA.output td{height:25px;} #wrapper.newJoin #container.modify .btnBox{padding-top:30px; text-align:center;} #wrapper.newJoin #container.modify.formModify table{position:relative;} #wrapper.newJoin #container.modify.formModify table:after{content:''; position:absolute; left:0px; top:-2px; width:100%; height:1px; background:#a8acae} #wrapper.newJoin #container.modify.formModify .tableTypeNB{margin-bottom:38px; } #wrapper.newJoin #container.modify.formModify .tableTypeNB.output td, #wrapper.newJoin #container.modify.formModify .tableTypeNB.output th{padding-top:15px; padding-bottom:15px; height:18;} #wrapper.newJoin #container.modify.formModify .tableTypeNB.snsTable th{padding-left:0; text-align:center;} #wrapper.newJoin #container.modify.formModify .tableTypeNB h4{font-size:14px;} #wrapper.newJoin #container.modify.formModify .tableTypeNB.agreeTable td.tdPd{padding:10px 0} #wrapper.newJoin #container.modify.formModify .tableTypeNB.agreeTable td.tdPd p.caution{margin-top:10px; color:#666; font-size:12px;} #wrapper.newJoin #container.modify.formModify .btnForm{height:28px; line-height:28px;} #wrapper.newJoin #container.modify.formModify .pwdBox{padding-top:10px;} #wrapper.newJoin #container.modify.formModify .pwdBox input{width:325px;} #wrapper.newJoin #container.modify.formModify .pwdBox .first{margin-bottom:10px; width:325px;} #wrapper.newJoin #container.modify.formModify .pwdBox a{margin-left:10px} #wrapper.newJoin #container.modify.formModify strong.caution{padding-left:10px; font-weight:300; color:#999; font-size:12px;} #wrapper.newJoin #container.modify.formModify .phoneTd>span{margin-right:10px} #wrapper.newJoin #container.modify.formModify .phoneBox input{width:240px;} #wrapper.newJoin #container.modify.formModify .phoneBox>input{margin-top:10px;} #wrapper.newJoin #container.modify.formModify .phoneBox a{margin-left:10px} #wrapper.newJoin #container.modify.formModify .phoneBox .certification{display:inline-block; position:relative; padding-top:10px;} #wrapper.newJoin #container.modify.formModify .phoneBox .certification>span{position:absolute;right: 86px ;top:10px; height:40px; width:42px; font-size:12px; line-height:40px; tedt-align:center;} #wrapper.newJoin #container.modify.formModify .emailTd>span{margin-right:10px} #wrapper.newJoin #container.modify.formModify .emailTd>span.mgN{margin:0} #wrapper.newJoin #container.modify.formModify .emailTd select{margin-left:7px;} #wrapper.newJoin #container.modify.formModify .emilBox input{width:82px;} #wrapper.newJoin #container.modify.formModify .emilBox>span{display:inline-block; width:30px; height:40px; line-height:40px; text-align:center;} #wrapper.newJoin #container.modify.formModify .emilBox>input{margin-top:10px;} #wrapper.newJoin #container.modify.formModify .emilBox a{margin-left:10px} #wrapper.newJoin #container.modify.formModify .emilBox .certification{display:inline-block; position:relative; padding-top:10px;} #wrapper.newJoin #container.modify.formModify .emilBox .certification>span{position:absolute;right: 86px ;top:10px; height:40px; width:42px; font-size:12px; line-height:40px; tedt-align:center;} #wrapper.newJoin #container.modify.formModify .postTd input{width:130px;} #wrapper.newJoin #container.modify.formModify .postTd .detail{padding-top:10px;} #wrapper.newJoin #container.modify.formModify .postTd a{margin-left:10px;} #wrapper.newJoin #container.modify.formModify .postTd .detail input{width: 220px;} #wrapper.newJoin #container.modify.formModify .postTd .detail input.first{margin-right:10px;} #wrapper.newJoin #container.modify.formModify .btnBox{padding:0 0 40px;} #wrapper.newJoin #container.modify.formModify .snsTable td{position:relative; padding-top:20px; padding-bottom:20px; vertical-align:middle;} #wrapper.newJoin #container.modify.formModify .snsTable td a{position:absolute; right:30px; top:50%; margin-top:-20px;} #wrapper.newJoin #container.modify.formModify .snsTable td span{color:#999} #wrapper.newJoin #container.modify.formModify .snsTable td span.connect{color:#333} #wrapper.newJoin #container.modify.formModify .snsTable td .disabled{position:absolute; right:30px; top:50%; margin-top:-20px; display: inline-block; height: 38px; line-height: 38px; border: 1px solid #999; text-align: center; color: #999; padding: 0 20px;} #wrapper.newJoin #container.modify.formModify .meCont{padding:16px 0; margin-bottom:50px; border-top: 1px solid #bec1c3; border-bottom: 1px solid #bec1c3} #wrapper.newJoin #container.modify.formModify .meCont a{vertical-align:center; margin:0 10px; width:177px; padding:0; font-weight:700} #wrapper.newJoin #container.modify.formModify input[type=checkbox]{width:auto;} #wrapper.newJoin #container.modify.formModify .agreeTable th{text-align:left; padding:20px 10px;background:#fff; vertical-align:top} #wrapper.newJoin #container.modify.formModify .agreeTable td>ul>li{margin-bottom:20px;} #wrapper.newJoin #container.modify.formModify .agreeTable td>ul>li.last{margin-bottom:0px;} #wrapper.newJoin #container.modify.formModify .agreeTable td>ul>li>label{position:relative; padding-left:20px; display:inline-block; width:130px;vertical-align:middle; font-weight:700; color:#c70752} #wrapper.newJoin #container.modify.formModify .agreeTable td>ul>li>label:after{content:''; position:absolute; top:50%; left:10px; margin-top:-1px; width:6px; height:2px; background:#c70752} #wrapper.newJoin #container.modify.formModify .agreeTable td>ul>li>input[type=checkbox]{display:inline-block; margin-right:10px; vertical-align:middle;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allBrand{padding:10px 22px; margin-top:10px; background:#fcfcfc;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allBrand>em{display:block; margin-bottom:8px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allBrand>em>span{display:inline-block; padding-bottom:3px; border-bottom:1px solid #333;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allChk{display:block; margin-bottom:10px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allChk input{margin-right:10px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .allChk label{font-weight:700} #wrapper.newJoin #container.modify.formModify .agreeTable td .shopTit{display:inline-block; font-weight:normal; margin-bottom:0px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .chkList{padding:5px 10px; margin-bottom:15px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .chkList li{display:inline-block; width:156px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .chkList li input{height:30px; line-height:30px;} #wrapper.newJoin #container.modify.formModify .agreeTable td .chkList li input{margin-right:10px; vertical-align:middle;} #wrapper.newJoin #container.modify.formModify .agreeTable td.snsTD label{margin-right:30px;} #wrapper.newJoin #container.modify.formModify .agreeArea{margin-bottom:30px; border-top:1px solid #a9adaf} #wrapper.newJoin #container.modify.formModify .agreeArea input{margin-right:10px; vertical-align:middle; height: 30px; line-height: 30px;} #wrapper.newJoin #container.modify.formModify .agreeArea span.smallText{display: inline-block; padding-left: 25px; width: 100%; color: #666; font-size: 13px;} #wrapper.newJoin #container.modify.formModify .agreeArea li{position:relative; padding:10px 0; border-bottom:1px solid #dee0e1; margin-bottom:0} #wrapper.newJoin #container.modify.formModify .agreeArea li a{position: absolute; right: 0px; top: 50%; margin-top: -13px; width: 7px; height: 13px; padding: 7px 0 7px 7px; background: url(/websrc/images/new_member/ico_arrow.gif) no-repeat 100% 50%;} #wrapper.newJoin #container.modify.formModify .secession{position:relative; padding:20px 0; border-top:1px solid #a9adaf; border-bottom:1px solid #dee0e1;margin-bottom:50px;} #wrapper.newJoin #container.modify.formModify .secession a{position:absolute; right:0px; top:50%; margin-top:-20px; width:130px; font-weight:700} #wrapper.newJoin #container.modify.formModify .channelSearch{position:relative; padding:16px 0; margin-bottom:45px; text-align:center; border-top:1px solid #a8acae; border-bottom:1px solid #a8acae} #wrapper.newJoin #container.modify.formModify .channelSearch:after{ content: ''; position: absolute; left: 0px; top: -3px; width: 100%; height: 1px; background: #a8acae;} #wrapper.newJoin #container.modify.formModify h2{position:relative; margin:45px 0 36px; font-weight:700; font-size:16px;} #wrapper.newJoin #container.modify.formModify h2:after{content:''; position:absolute; left:0px; bottom:-10px; width:29px; height:2px; background:#c8145d;} #wrapper.newJoin #container.modify.formModify .tableTypeNA.thLine th{border-right:1px solid #ebecec; padding-left:0px; padding-right:0px; text-align:center;} #wrapper.newJoin #container.modify.formModify input[type=radio]{width:auto; margin-right:5px;} #wrapper.newJoin #container.modify.formModify .tableTypeNA.hAuto tr th, #wrapper.newJoin #container.modify.formModify .tableTypeNA.hAuto tr td{height:42px;} #wrapper.newJoin #container.modify.formModify .vdlBox{margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #a9adaf} #wrapper.newJoin #container.modify.formModify .vdlBox p{padding:20px 0;} #wrapper.newJoin #container.modify.formModify .vdlBox strong{display:inline-block; margin-bottom:10px;} #wrapper.newJoin #container.modify.formModify .vdlBox{position:relative; border-top:1px solid #a9adaf} #wrapper.newJoin #container.modify.formModify .vdlBox:after{content:''; position:absolute; border-top:1px solid #a9adaf; top:-3px; left:0; width:100%} #wrapper.newJoin #container.modify.formModify .skinBox{position:relative; padding-left:155px; min-height:80px;} #wrapper.newJoin #container.modify.formModify .skinBox span{position:absolute; top:0px; left:0px; width:145px; height:80px; background:#000;} #wrapper.newJoin #container.modify.formModify .skinBox ul li{position:relative; float:left; margin-right:2px;} #wrapper.newJoin #container.modify.formModify .skinBox ul li a{display:block; width:32px; height:80px; background:#000;} #wrapper.newJoin #container.modify.formModify .skinBox ul li.on:after{position:absolute; content:'';top:0px; left:-2px; width:32px; height:76px; border:2px solid #000;} #wrapper.newJoin #container.idSearch{} /* 회원탈퇴 */ #wrapper.newJoin #container.newForm.secedeForm input[type=radio]{width:auto;} #wrapper.newJoin #container.newForm.secedeForm .textArea{position:relative; padding:20px 30px 20px 90px;; border-top:1px solid #a8acae; margin-top:40px; border-bottom:1px solid #d3d5d6; background:#fcfcfc;} #wrapper.newJoin #container.newForm.secedeForm .textArea:after{content:''; position:absolute; top:-3px; left:0px; width:100%; height:1px; background:#a8acae;} #wrapper.newJoin #container.newForm.secedeForm .textArea strong{display:block; margin-bottom:16px;} #wrapper.newJoin #container.newForm.secedeForm .textArea ol li{position:relative; padding-left:10px; font-size:14px; margin-bottom:5px; color:#333; line-height:18px;} #wrapper.newJoin #container.newForm.secedeForm .textArea ol li em{font-size:12px; color:#c8145d;} #wrapper.newJoin #container.newForm.secedeForm .textArea ol li:after{content:'·'; position:absolute; left:0px; top:0px;} #wrapper.newJoin #container.newForm.secedeForm h3{position:relative; margin:46px 0 12px; font-weight:700; font-size:16px; padding-bottom:12px; border-bottom:1px solid #a9adaf} #wrapper.newJoin #container.newForm.secedeForm h3:after{content:''; position:absolute; bottom:-3px; left:0px; width:100%; height:1px; background:#a8acae;} #wrapper.newJoin #container.newForm.secedeForm h3.mgBN{margin-bottom:0;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea{position:relative;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li{ float:left; width:33%; line-height:30px;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li input{margin-right:10px; vertical-align:middle;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li label{ vertical-align:middle; color:#333; letter-spacing:-1px; font-size:13px;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li.etc{float:none; clear:both; width:auto; line-height:1px; padding-top:12px;} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li.etc label:after{content:''; display:block} #wrapper.newJoin #container.newForm.secedeForm .reasonArea li textarea{display:block; width:639px; height:90px; margin-top:10px; padding:16px 24px; border:1px solid #ececec; } #wrapper.newJoin #container.newForm.secedeForm .tableTypePoint{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd;} #wrapper.newJoin #container.newForm.secedeForm .tableTypePoint tr th{padding:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#ccc; color:#fff;} #wrapper.newJoin #container.newForm.secedeForm .tableTypePoint tr td{padding:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#666; text-align:center;} #wrapper.newJoin #container.newForm.secedeForm .pwdArea{margin-top:60px; padding:20px 0; text-align:center; background:#fcfcfc; } #wrapper.newJoin #container.newForm.secedeForm .pwdArea label{display:inline-block; margin-right:17px; vertical-align:middle;} #wrapper.newJoin #container.newForm.secedeForm .pwdArea a{margin-left:7px; vertical-align:middle; width:218px;} #wrapper.newJoin #container.newForm.secedeForm .pwdArea input{ vertical-align:middle; width:240px;} #wrapper.newJoin #container.newForm.secedeForm .btnBox{margin-bottom:30px;} /* 아이디 생성 안내 */ #wrapper.newJoin #container.etcCont h1{margin-bottom:15px; line-height:1em;} #wrapper.newJoin #container.etcCont .titText{padding-bottom:36px; line-height:23px;} #wrapper.newJoin #container.etcCont .textArea{position:relative; padding:40px 0; text-align:center; border-top:1px solid #999; border-bottom:1px solid #e4e4e6;} #wrapper.newJoin #container.etcCont .textArea:after{content:''; position:absolute; top:-3px; left:0px; width:100%; height:1px; background:#999} #wrapper.newJoin #container.etcCont .textArea p{line-height:22px;} #wrapper.newJoin #container.etcCont .textArea strong{display:block; margin-bottom:15px; font-weight:normal; font-size:20px; } #wrapper.newJoin #container.etcCont .inputArea{margin-top:0px;} #wrapper.newJoin #container.etcCont .inputArea input{width:190px;} #wrapper.newJoin #container.etcCont .inputArea a{margin-left:10px;} #wrapper.newJoin #container.etcCont .btnBox{padding-top:30px; text-align:center;} #wrapper.newJoin #container.etcCont .btnBox a{width:346px;} /* 휴대폰 번호 비홞성화 안내 */ #wrapper.newJoin #container.etcCont.disabled .inputArea li{ margin-bottom:10px;} #wrapper.newJoin #container.etcCont.disabled .inputArea li.last{display:inline-block; position:relative; margin-bottom:0} #wrapper.newJoin #container.etcCont.disabled .inputArea li.last .timer{position:absolute; top:0px; right:85px; height:40px; padding-right:10px; line-height:40px; } #wrapper.newJoin #container.etcCont.disabled .btnBox a{display:inline-block; width:166px; margin:0 6px;} #wrapper.newJoin #container.etcCont.disabled .fotText{padding-top:20px; text-align:center; font-size:12px; color:#666} #wrapper.newJoin #container.etcCont.disabled .fotText strong{color:#666; } #wrapper.newJoin #container.etcCont.disabled .fotText strong span{text-decoration:underline;} /* popup */ /* 이용약관 팝업 */ #layerArea.etcPop #layerPop h2{border-bottom:0;} #layerArea.etcPop #layerPop h2 span{font-size:18px} #layerArea.etcPop .etcText{height:306px; overflow:auto; padding:20px; border-top:2px solid #a6a6a6; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; border-left:1px solid #a6a6a6; } #layerArea.etcPop .etcText>h3{margin-bottom:10px; font-size:14px; font-weight:bold} #layerArea.etcPop .etcText.hAuto{height:auto;} #layerArea.etcPop .btnBox{padding:20px 0 30px; text-align:center;} /* 회원가입 핸드폰 번호 중복 팝업 */ #layerArea.overlapPop{width:370px;} #layerArea.overlapPop #layerPop{padding:0 30px; text-align:center;} #layerArea.overlapPop #layerPop #layerPopCont{padding:18px 0 30px} #layerArea.overlapPop #layerPop p{margin-bottom:10px; line-height:1.4em; font-size:14px; color:#666;} #layerArea.overlapPop #layerPop p strong{color:#c70752;} #layerArea.overlapPop #layerPop p em{font-style:normal; font-weight:bold} #layerArea.overlapPop #layerPop p.small{font-size:12px;} #layerArea.overlapPop .btnBox{padding-top:24px;} #layerArea.overlapPop .btnBox .btnTypeNE{margin-bottom:10px;} /* 회원가입 핸드폰 번호 중복 팝업_tfs */ #layerArea.overlapPop.overlapTfs{width:400px;} #layerArea.overlapPop.overlapTfs #layerPop p{letter-spacing:-2px;} #layerArea.overlapPop.overlapTfs .accountArea>strong{display:block; height:27px; line-height:27px; font-size:12px; color:#333; text-align:center; background:#ccc; font-weight:normal;} #layerArea.overlapPop.overlapTfs .accountArea>span{display:block; border:1px solid #ccc; padding:10px;} #layerArea.overlapPop.overlapTfs .accountArea ul{position:relative; border: 1px solid #e7e7e8; max-height:none; overflow: auto; margin-top:10px;} #layerArea.overlapPop.overlapTfs .accountArea ul>li{position:relative; padding:12px 20px; border-bottom:1px solid #e7e7e8; text-align:left; background:#f4f4f4} #layerArea.overlapPop.overlapTfs .accountArea ul>li:last-child{border-bottom:none} #layerArea.overlapPop.overlapTfs .accountArea ul>li>strong{display:block; font-size:14px; margin-bottom:3px; font-weight:normal; color:#333;} #layerArea.overlapPop.overlapTfs .accountArea ul>li>em{display:block; font-size:14px; letter-spacing: -1px; color:#c70752; font-style:normal;} #layerArea.overlapPop.overlapTfs .accountArea ul>li>a{position:absolute; right:9px; top:50%; margin-top:-20px;} #layerArea.overlapPop.overlapTfs .accountArea ul>li .Impossible{position:absolute; right:9px; top:50%; margin-top:-20px; color:#c4c4c4; border:1px solid #c4c4c4} /* #layerArea.overlapPop.overlapTfs .agreeArea{height:50px; ove} */ #layerArea.overlapPop.overlapTfs .accountArea .agreeCont input{margin-right:10px; vertical-align:middle;} #layerArea.overlapPop.overlapTfs .accountArea .agreeCont label{font-size:14px; vertical-align:top;} #layerArea.overlapPop.overlapTfs .accountArea .agreeCont .agreeTextCont{margin-top:5px; border:1px solid #ccc; padding:10px; height:30px; overflow:auto;} /* 통합 회원입니다.(휴대폰 본인 인증시 팝업) */ #layerArea.overlapPhone{width:370px;} #layerArea.overlapPhone #layerPop h2{padding-top:0; padding-bottom:10px; border:0; color:#b40a4c} #layerArea.overlapPhone #layerPop h2 em{font-style:normal; font-size:22px;} #layerArea.overlapPhone #layerPop>p{text-align:center; color:#666; margin-bottom:16px; font-size:14px;} #layerArea.overlapPhone #layerPop{padding:30px;} #layerArea.overlapPhone #layerPopCont>ul{padding:10px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6} #layerArea.overlapPhone #layerPopCont>ul>li{position:relative; float:left; width:130px; padding-left:25px;} #layerArea.overlapPhone #layerPopCont>ul>li:after{content:'-'; position:absolute; left:17px; top:0px; line-height:1em; color:#333} #layerArea.overlapPhone .btnBox{padding-top:15px;} #layerArea.overlapPhone .btnBox .btnTypeNE{float:left; width:148px;} #layerArea.overlapPhone .btnBox .btnTypeNF{float:right; width:148px;} /* 아이디찾기 */ #layerArea.overlapPop.overlapTfs.idSelect{width:370px;} #layerArea.overlapPop.overlapTfs.idSelect #layerPop p{margin-bottom:20px; letter-spacing:-2px;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul{padding:0; overflow: visible; max-height:115px; overflow:auto; position:relative;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li{padding:0; margin-bottom:10px;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li>div{position:relative; padding:12px 93px 12px 20px; text-align:left;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li>strong{display:block; margin:0; height:27px; line-height:27px; font-size:12px; color:#333; text-align:center; background:#ccc; font-weight:normal;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li>div>strong{display:block; font-size:14px; margin-bottom:3px; font-weight:bold; color:#333;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li>div>em{display:block; font-size:12px; letter-spacing: -1px; color:#c70752; font-style:normal;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li>div>a{position:absolute; right:9px; top:50%; margin-top:-20px;} #layerArea.overlapPop.overlapTfs.idSelect .accountArea ul>li .Impossible{position:absolute; right:9px; top:50%; margin-top:-20px; color:#c4c4c4; border:1px solid #c4c4c4} /* 매장가입확인 */ #layerArea.storeConfirm{width:370px;} #layerArea.storeConfirm #layerPop{padding:30px} #layerArea.storeConfirm #layerPop h2{padding:0; margin-bottom:10px; border:0;} #layerArea.storeConfirm #layerPop .titText{margin-bottom:10px; text-align:center; color:#666; font-size:15px;} #layerArea.storeConfirm #layerPop .caution{margin-bottom:20px; text-align:center; font-size:12px; background:none; padding:0 !important; color:#b40a4c;} #layerArea.storeConfirm #layerPop #layerPopCont{padding-top:16px; border-top:1px solid #d6d6d6} #layerArea.storeConfirm .inputArea{padding-bottom:20px;} #layerArea.storeConfirm .inputArea li{position:relative; padding-right:234px; margin-bottom:10px} #layerArea.storeConfirm .inputArea li.last{margin-bottom:0;} #layerArea.storeConfirm .inputArea li input{width:184px; border:1px solid #dfdfdf;} #layerArea.storeConfirm .inputArea li a{position:absolute; right:0;top:0px; } #layerArea.storeConfirm .inputArea li a.reSend{display:none;} #layerArea.storeConfirm .btnBox{padding-top:20px; border-top:1px solid #d6d6d6;} /* 제3자 정보 제공 동의*/ #layerArea.modifyPop{width:370px;} #layerArea.modifyPop h2{border-bottom:0 !important; padding-bottom:10px !important;} #layerArea.modifyPop #layerPopCont{padding-bottom:36px;} #layerArea.modifyPop #layerPopCont>p{text-align:center; color:#666;} #layerArea.modifyPop #layerPopCont>p em{font-style:normal} #layerArea.modifyPop #layerPopCont .btnBox{padding:17px 36px 0} #layerArea.modifyPop #layerPopCont .btnBox a{width:140px;} #layerArea.modifyPop #layerPopCont .btnBox a.btnTypeNC{float:left;} #layerArea.modifyPop #layerPopCont .btnBox a.btnTypeNG{float:right} #layerArea.modifyPop.withdrawal{width:400px;} #layerArea.modifyPop.withdrawal .tableTypePoint{width:100%} #layerArea.modifyPop.withdrawal .pointArea{padding:0 36px;} #layerArea.modifyPop.withdrawal .pointArea h3{display:block; text-align:center; font-size:16px; padding-bottom:8px; margin-top:20px;} #layerArea.modifyPop.withdrawal .tableTypePoint{border:1px solid #d5d5d5;} #layerArea.modifyPop.withdrawal .tableTypePoint th{padding:6px 0; background:#ccc; text-align:center; color:#fff} #layerArea.modifyPop.withdrawal .tableTypePoint td{padding:10px 0; text-align:center;} #layerArea.modifyPop.withdrawal .tableTypePoint .channel{display:inline-block; position:relative; width:100%;} #layerArea.modifyPop.withdrawal .tableTypePoint td .channel:after{background:#d5d5d5} #layerArea.modifyPop.withdrawal .tableTypePoint .channel:after{content:''; position:absolute; right:0px; top:50%; width:1px; height:16px; margin-top:-8px; background:#fff;} #layerArea.modifyPop.withdrawal #layerPopCont .btnBox a{width:156px;} /* 매장 회원정보 수정 3자 정보 제공동의 */ #layerAreaLegacy.modifyPop{width:370px;} #layerAreaLegacy.modifyPop h2{border-bottom:0 !important; padding-bottom:10px !important;} #layerAreaLegacy.modifyPop #layerPopCont{padding-bottom:36px;} #layerAreaLegacy.modifyPop #layerPopCont>p{text-align:center; color:#666;} #layerAreaLegacy.modifyPop #layerPopCont>p em{font-style:normal} #layerAreaLegacy.modifyPop #layerPopCont .btnBox{padding:17px 36px 0} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a{width:140px;} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNC{float:left;} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNC{display:inline-block; width:134px; height:40px; line-height:40px; color:#fff; font-weight:bold; background:#c8145d; text-align:center;} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNC.wAuto{width:auto; padding:0 40px;} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNG{float:right} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNG{display:inline-block; width:134px; height:40px; line-height:38px; text-align:center; color:#fff; background:#ccc;} #layerAreaLegacy.modifyPop #layerPopCont .btnBox a.btnTypeNG.wAuto{width:auto; padding:0 20px;} #layerAreaLegacy.modifyPop.withdrawal{width:400px;} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint{width:100%} #layerAreaLegacy.modifyPop.withdrawal .pointArea{padding:0 36px;} #layerAreaLegacy.modifyPop.withdrawal .pointArea h3{display:block; text-align:center; font-size:16px; padding-bottom:8px; margin-top:20px;} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint{border:1px solid #d5d5d5;} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint th{padding:6px 0; background:#ccc; text-align:center; color:#fff} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint td{padding:10px 0; text-align:center;} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint .channel{display:inline-block; position:relative; width:100%;} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint td .channel:after{background:#d5d5d5} #layerAreaLegacy.modifyPop.withdrawal .tableTypePoint .channel:after{content:''; position:absolute; right:0px; top:50%; width:1px; height:16px; margin-top:-8px; background:#fff;} #layerAreaLegacy.modifyPop.withdrawal #layerPopCont .btnBox a{width:156px;} /* 더페이스샵에 가입되어 있지만 lG생활건강 통합 회원이 아닙니다. */ #layerArea.overlap.notCrm{width:400px;} #layerArea.overlap.notCrm h2{margin:0 30px;} #layerArea.overlap.notCrm #layerPopCont{padding:20px 30px 30px;; } #layerArea.overlap.notCrm #layerPopCont p{color:#666; text-align:center; font-size:14px;} #layerArea.overlap.notCrm #layerPopCont p strong{color:#b40a4c;} #layerArea.overlap.notCrm #layerPopCont .accountArea{margin-top:15px;} #layerArea.overlap.notCrm #layerPopCont .accountArea>strong{display:block; height:27px; line-height:27px; color:#333; text-align:center; font-size:12px; font-weight:normal; background:#ccc;} #layerArea.overlap.notCrm #layerPopCont .accountArea .agreeArea{padding:12px; border:1px solid #ccc; font-size:14px; font-weight:700;} #layerArea.overlap.notCrm #layerPopCont .accountArea .agreeCont{padding:13px 0 8px;} #layerArea.overlap.notCrm #layerPopCont .accountArea .btnBox{padding-top:15px;} #layerArea.overlap.notCrm #layerPopCont .accountArea .btnBox a{margin-bottom:5px;} #layerArea.overlap.notCrm #layerPopCont .accountArea .agreeCont input{margin-right:10px; vertical-align:middle;} #layerArea.overlap.notCrm #layerPopCont .accountArea .agreeCont label{font-size:14px; vertical-align:top;} #layerArea.overlap.notCrm #layerPopCont .accountArea .agreeCont .agreeTextCont{margin-top:5px; border:1px solid #ccc; padding:10px; height:30px; overflow:auto;} #layerArea.overlap.notCrm #layerPopCont .accountArea .store_btnArea a.btnTypeNA{margin-bottom:8px;} #layerArea.overlap.notCrm #layerPopCont .enter{padding:10px; border:1px solid #ccc;} #layerArea.overlap.notCrm #layerPopCont .enter strong{display:block; color:#333;} #layerArea.overlap.notCrm #layerPopCont .enter span{sdisplay:block; font-size:12px;} #layerArea.overlap.notCrm #layerPopCont .btnBox a{margin-top:5px;} /* 회원탈퇴 */ #layerArea.secedetPop{width:370px;} #layerArea.secedetPop h2{margin:0 30px; border:none; padding-bottom:0} #layerArea.secedetPop #layerPopCont{padding:20px 30px 30px;; } #layerArea.secedetPop #layerPopCont p{text-align:center; color:#666;} #layerArea.secedetPop #layerPopCont .btnBox{padding-top:20px;} #layerArea.secedetPop #layerPopCont .btnBox a{width:148px} #layerArea.secedetPop #layerPopCont .btnBox a.btnTypeNC{float:left;} #layerArea.secedetPop #layerPopCont .btnBox a.btnTypeNF{float:right;} #layerArea.secedetPop.secedetCrmPop .btnBox{text-align:center;} #layerArea.secedetPop.secedetCrmPop #layerPopCont .btnBox a.btnTypeNC{float:none;} #layerArea.secedetPop.secedetCrmPop #layerPopCont .btnBox a.btnTypeNF{float:none;} #layerArea.secedetPop.secedetCrmPop #layerPopCont .btnBox a{width:148px; float:none; clear:both;} /* 채널 가입여부 조회 */ #layerArea.modifyPop.channelPop{width:400px;} #layerArea.modifyPop.channelPop #layerPopCont>p{font-size:14px; letter-spacing: -1px;} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall{margin-top:20px; padding:0 36px} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall strong{display:block; height:47px; padding:0 20px; line-height:47px; background:#d5d5d5; color:#333; font-size:14px;} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall input{margin-right:10px;} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall ul{padding:14px 20px; border:1px solid #dadada} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall ul li{ font-size:14px; margin-bottom:10px;} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall ul li.last{margin-bottom:0px} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall ul li label{color:#333} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall>div{padding-top:15px;} #layerArea.modifyPop.channelPop #layerPopCont .agreeSmall>div label{color:#333; font-size:14px;} #layerArea.modifyPop.channelPop #layerPopCont .btnBox a{width:156px;} #layerArea.modifyPop.channelPop #layerPopCont .btnBox a.one{width:100%;} /* PLACEHOLD */ #wrapper.newJoin #container input{ color:#333;} #wrapper.newJoin #container input:-ms-input-placeholder { color: #767676; } #wrapper.newJoin #container input::-webkit-input-placeholder { color: #767676; } #wrapper.newJoin #container input::-moz-placeholder { color: #767676; } #wrapper.newJoin #container input::-moz-placeholder { color: #767676; } /* 가입해주셔서 감사합니다 pop */ .overlapPhone.thank .btnBox a{width:100% !important; display: block; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; font-weight: bold; background: #c8145d;} .select .joinBtns {padding-top:40px;} .select .joinBtns .btnKakaoJoin {display:block; height:62px; margin-top:10px; background:#f6e24b; font-size:18px; line-height:58px; text-align:center; font-weight:bold; color:#381f1e} .select .joinBtns .btnKakaoJoin:before {content: ''; display:inline-block; width:31px; height:25px; background: url(/websrc/images/new_member/ico_kakao2.gif) no-repeat 0 0; vertical-align:middle;} .select .joinBtns .btnKakaoJoin span {display:inline-block; padding-left:15px; line-height:25px; margin-left:6px; border-left:1px solid #d8c114; vertical-align:middle;} /* 가족몰 폼 */ #wrapper.subJoin #container.form_lgcaremall #stepCont{display:flex; justify-content: center;} #wrapper.subJoin #container.form_lgcaremall #stepCont+p{margin-top:28px; text-align: center; line-height:19px; color:#777; font-size:16px; font-family: Pretendard} #wrapper.subJoin #container.form_lgcaremall .divide{margin-bottom:38px;} #wrapper.subJoin #container.form_lgcaremall .divide .tableTypeNA{border-width:0} #wrapper.subJoin #container.form_lgcaremall .divide .tableTypeNA input{width:366px; box-sizing: border-box;} #wrapper.subJoin #container.form_lgcaremall .divide .tableTypeNA .btnTypeND{margin-left:10px;} #wrapper.subJoin #container.form_lgcaremall .divide:last-of-type{margin-bottom:0;} #wrapper.subJoin #container.form_lgcaremall .divide h3{font-size:16px; line-height:19px; font-weight:700; color:#333; padding-bottom:11px; border-bottom:2px solid #707070; box-sizing: border-box; font-family: Pretendard} #wrapper.subJoin #container.form_lgcaremall article{padding:20px 0; border-bottom:1px solid #707070;} #wrapper.subJoin #container.form_lgcaremall article:last-of-type{border-bottom:0} #wrapper.subJoin #container.form_lgcaremall article .text{color:#666; margin-bottom:19px;} #wrapper.subJoin #container.form_lgcaremall .inputBox span:first-of-type{display:block; margin-bottom:19px} #wrapper.subJoin #container.form_lgcaremall .inputBox span{display:block; margin-top:19px} #wrapper.subJoin #container.form_lgcaremall .inputBox span.btNone{margin-bottom:0 !important} #wrapper.subJoin #container.form_lgcaremall .inputBox input{display:inline-block; margin-right:10px; vertical-align:middle;} #wrapper.subJoin #container.form_lgcaremall .inputBox label{color:#333; vertical-align:middle;} #wrapper.subJoin #container.form_lgcaremall .emailBox{} #wrapper.subJoin #container.form_lgcaremall .emailBox input{width:136px; vertical-align:middle; } #wrapper.subJoin #container.form_lgcaremall .emailBox span{display:inline-block; width:26px; height:40px; line-height:40px; text-align:center; vertical-align:middle;} #wrapper.subJoin #container.form_lgcaremall .emailBox select{vertical-align:middle; width:134px; margin-left:7px;} #wrapper.subJoin #container.form_lgcaremall .postBox{} #wrapper.subJoin #container.form_lgcaremall .postBox>input{width:136px;} #wrapper.subJoin #container.form_lgcaremall .postBox>a{margin-left:15px} #wrapper.subJoin #container.form_lgcaremall .postBox .detail{padding-top:10px;} #wrapper.subJoin #container.form_lgcaremall .postBox .detail input.first{margin-right:15px;} #wrapper.subJoin #container.form_lgcaremall .postBox .detail input{width:260px; box-sizing: border-box;} /*회원전환 팝업*/ #convertId *{box-sizing: border-box} #convertId section{position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); width:640px; padding:26px 18px 18px; background: #fff; z-index: 9999} #convertId section>strong{display:block; padding:0 18px 18px; border-bottom:1px solid #cecece; font-size:15px; font-weight:bold; line-height:1.2em; color:#333; text-align:center;} #convertId section article{padding-top:20px;} #convertId section article p{margin-bottom:12px; font-size:11px; color:#ccc; line-height:18px; text-align: center;} #convertId section article strong{display:block; text-align: center; line-height:20px; color:#333; font-weight:bold} #convertId section article em{display:block; text-align: center; line-height:20px; color:#333; font-weight:bold; font-style: normal;} #convertId section .btnBox{margin-top:20px; text-align: center;} #convertId section .btnBox a.typeA{display:flex; align-items: center; justify-content: center; height:38px; font-size:15px; font-weight:bold; color:#fff; background: #454545} #convertId section .btnBox a.typeB{display:inline-block; font-size:12px; color:#777; font-weight:bold; margin-top:12px;} #convertId #convertIdBg{position:fixed; left:0; right:0; top:0; bottom:0; z-index: 9998; background:rgba(0,0,0,0.5);}