/*================================================================================================= // 명 칭 : 회원정보 스타일쉬트 // 처리내용 : // 작 성 자 : 2018-11-03 //=================================================================================================*/ @charset "utf-8"; #diLoginWrap{} #diLoginWrap .dcLoginBox{width:1400px; margin:0 auto;} #diLoginWrap .dcLoginBox .dcInputWrap{border-top:solid 2px #242143; background-color:#f6f6f6; padding:40px 30px; overflow:hidden;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft{float:left; width:50%; border-right:solid 1px #ddd; padding:0 35px 0 0; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl{overflow:hidden; border:solid 1px #ccc; box-sizing:border-box; margin-bottom:15px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt{float:left; width:20%; height:60px; line-height:60px; background-color:#f6f6f6; text-align:center;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt i{font-size:40px; color:#aaa; line-height:60px; } #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd{float:left; width:80%;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input{width:100%; height:60px; line-height:60px; border:0; background-color:#fff; padding:0 20px; font-size:20px; color:#333;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input::placeholder{font-size:18px; color:#aaa; font-weight:300;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin{width:100%; height:60px; line-height:60px; background-color:#008A3E; border:solid 1px #008A3E; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin p{display:inline-block; text-align:center; font-size:20px; color:#fff; font-weight:600;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin p i{margin:0 10px 0 0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin:hover{background-color:#fff; border:solid 1px #008A3E;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin:hover p{color:#008A3E;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight{float:left; width:50%; padding:0 0 0 35px; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight p.dcEtc{text-align:center; font-size:20px; line-height:25px; font-weight:400; color:#333; border-bottom:solid 1px #b2b2b2; padding:0 0 20px 0; margin-bottom:20px; white-space: pre-line;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap{} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap a.dcBtnJoin{display:block; width:100%; height:55px; line-height:55px; text-align:center; font-size:20px; font-weight:400; color:#fff; background-color:#444; border:solid 1px #ccc; box-sizing:border-box; margin-bottom:10px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap a.dcBtnJoin:hover{color:#444; background-color:#fff; border:solid 1px #ccc;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW{overflow:hidden;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW a{float:left; width:49%; height:55px; line-height:55px; margin-right:2%; text-align:center; font-size:20px; font-weight:400; color:#444; background-color:#fff; border:solid 1px #ccc; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW a:last-child{margin:0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW a:hover{color:#fff; background-color:#444; border:solid 1px #ccc;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW p{text-align:center; font-size:20px; line-height:25px; font-weight:400; color:#333; white-space: pre-line;} #diLoginWrap .dcLoginBox .dcInputWrap input{width:27%; height:60px; line-height:60px; border:solid 1px #ccc; background-color:#fff; padding:0 20px; font-size:20px; color:#333; margin-right:1%; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap input.dcInputOrder{width:45%;} #diLoginWrap .dcLoginBox .dcInputWrap button.dcBtnNoMemOrder{width:25%; height:60px; line-height:60px; border:solid 1px #444; background-color:#444; padding:0 20px; font-size:20px; color:#fff; box-sizing:border-box;} #diLoginWrap .dcLoginBox .dcInputWrap button.dcBtnNoMemOrder:hover{border:solid 1px #444; background-color:#fff; color:#444;} #diLoginWrap .dcLoginBox p.dcPEtc{font-size:14px; font-weight:400; color:#000; padding-left:25px; background:url(../img/common/icoBuillet02.png) no-repeat 0 50%;} #diJoinStepWrap{margin-bottom:50px; text-align:center;} #diJoinStepWrap p{display:inline-block; position:relative; margin:0 20px; padding: 0 0 10px 0; font-size:18px; font-weight:700; color:#999; box-sizing:border-box;} #diJoinStepWrap p.on{color:#68952d;} #diJoinStepWrap p.on::after{content:''; display:block; width:100%; height:1px; background-color:#68952d; position:absolute; bottom:0;} #diJoinWrap{} #diJoinWrap .dcMemberBox{} #diJoinWrap .dcMemberBox{margin-bottom:30px;} #diJoinWrap .dcMemberBox .dcLeft{float:left; width:49%;} #diJoinWrap .dcMemberBox .dcRight{float:right; width:49%;} #diJoinWrap .dcMemberBox .dcTitle{margin-bottom:10px; overflow:hidden;} #diJoinWrap .dcMemberBox .dcTitle h3{float:left; font-size:18px;} #diJoinWrap .dcMemberBox .dcTitle p{float:right; font-size:14px;} #diJoinWrap .dcMemberBox .dcCon{height:350px; border:solid 1px #aaa; padding:20px; overflow-y:scroll; box-sizing:border-box;} #diJoinWrap .dcMemberBox .dcAllAgreeWrap{clear:both; text-align:center; font-size:18px; padding:20px 0;} #diJoinWrap .dcMemberBox .dcTitleWrap{text-align:center; margin:0 0 20px 0;} #diJoinWrap .dcMemberBox .dcTitleWrap h3{position:relative; display:inline-block; font-size:35px; font-weight:300; color:#000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic{width:100%; margin:0 auto; border-top:solid 2px #000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul{} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li{border-bottom:solid 1px #ccc; overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li:last-child{border-bottom:solid 2px #000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl{float:left; width:50%; overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl.flNone{float:none; width:100%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl.flNone > dt{width:25%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl.flNone > dd{width:75%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt{float:left; width:40%; padding:10px 20px; line-height:22px; vertical-align:middle; overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt .dcEssential{float:left; width:50px; height:35px; line-height:35px; text-align:center; font-size:17px; font-weight:300; color:#000; background-color:#ffd602; border-radius:10px; margin:0 20px 0 0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt .dcNoEssential{float:left; width:50px; height:35px; line-height:35px; margin:0 20px 0 0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt p{float:left; font-size:20px; font-weight:500; color:#000; line-height: 35px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt p span{display:block; font-size:16px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dt p.dcImgP{padding:0 0 0 30px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd{float:left; width:60%; position:relative; font-size:17px; font-weight:400; color:#000; vertical-align:middle;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd p{font-size:17px; font-weight:400; color:#000; line-height: 55px; padding:0 0 0 20px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.dcInputText{width:100%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.dcInputPost{float:left; width:30%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px 0 170px; font-size:17px; font-weight:400; color:#000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.dcInputAddr{float:left; width:70%; height:55px; border:0; background-color:#f6f6f6; padding:0 20px; font-size:17px; font-weight:400; color:#000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.dcInputRadio{width:100%; height:50px; border:0; background-color:#f6f6f6;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input::placeholder{font-size:17px; font-weight:300; color:#b1b1b1;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd textarea{width:100%; height:300px; border:0; background-color:#f6f6f6; padding:20px; font-size:17px; font-weight:400; color:#000;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd textarea::placeholder{font-size:17px; font-weight:300; color:#b1b1b1;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.dcInputFile{width:100%; line-height:55px; font-size:17px; font-weight:400; color:#000; background-color:#f6f6f6; padding:0 20px; } #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd button.dcBtnPost{position:absolute; top:50%; transform:translateY(-50%); left:0; width:130px; height:35px; line-height:35px; text-align:center; font-size:17px; font-weight:700; color:#000; background-color:#e4e4e4; border-radius:10px; margin:0 0 0 20px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd.lineHeight55{line-height:50px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label{margin:0 10px 0 0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd.lineHeight55 label:last-child{margin:0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL{overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li{float:left; margin:0 10px 0 0; padding: 0 0 0 20px; overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li:last-child{margin:0; padding:0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > div{float:left; line-height:55px; margin: 0 11px 0 0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.companyTypeUL li > input[id="company_type_tx"]{width:549px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL{overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li{float:left; margin:0 20px 0 0; line-height:55px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.serviceUL li:last-child{margin:0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.damageUL{overflow:hidden;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li{float:left; margin:0 20px 0 0; line-height:55px;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd ul.damageUL li:last-child{margin:0;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_ID{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_pw{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_repw{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_nm{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_lv{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_hp{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_tel{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_fax{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_email{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_bizno{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_regno{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_co_nm{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_co_owner{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_co_member{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_post{float:left; width: 32%; padding-left: 175px; text-align: center;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_addr_tx{float:left; width: 48%; padding: 0; text-align: center;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_addr_detail{float:left; width:20%; padding: 0; text-align: center;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_addr2_tx{float:left; width:68%; padding: 0; text-align: center;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd1{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd2{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_makepd3{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry1{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry2{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_excountry3{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money1{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money2{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_ex_money3{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money1{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money2{width:50%;} #diJoinWrap .dcMemberBox .dcBBSInputBasic > ul > li > dl > dd input.cls_buy_money3{width:50%;} /*태블릿 css*/ @media(max-width:1599px){ #diLoginWrap .dcLoginBox{width:100%;} #diLoginWrap .dcLoginBox .dcInputWrap{padding:30px 10%;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft{float:none; width:100%; border-right:0; padding:0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt{height:50px; line-height:50px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt i{font-size:25px; line-height:50px; } #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input{height:50px; line-height:50px; padding:0 10px; font-size:18px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input::placeholder{font-size:16px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin{height:50px; line-height:50px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin p{font-size:18px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight{float:none; width:100%; padding:35px 0 0 0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight p.dcEtc{font-size:18px; line-height:23px; padding:0 0 20px 0; margin-bottom:20px; white-space:unset;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap a.dcBtnJoin{height:50px; line-height:50px; font-size:18px; margin-bottom:10px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW p{font-size:18px; line-height:23px; white-space:unset;} } /*모바일 css*/ @media(max-width:767px){ #diLoginWrap .dcLoginBox{width:100%;} #diLoginWrap .dcLoginBox .dcInputWrap{padding:30px 10%;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft{float:none; width:100%; border-right:0; padding:0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt{height:50px; line-height:50px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dt i{font-size:25px; line-height:50px; } #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input{height:50px; line-height:50px; padding:0 10px; font-size:18px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft dl dd input::placeholder{font-size:16px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin{height:50px; line-height:50px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcLeft button.dcBtnLogin p{font-size:18px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight{float:none; width:100%; padding:35px 0 0 0;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight p.dcEtc{font-size:18px; line-height:23px; padding:0 0 20px 0; margin-bottom:20px; white-space:unset;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap a.dcBtnJoin{height:50px; line-height:50px; font-size:18px; margin-bottom:10px;} #diLoginWrap .dcLoginBox .dcInputWrap .dcRight .dcJoinWrap .dcFindIDPW p{font-size:18px; line-height:23px; white-space:unset;} }