main.body{ margin-top: 100px; display: block; min-height: calc(100vh - 333px);}
 button {
    padding: 7px 25px;
    font-size: 13px;
    background: #ddd;
    border: #ccc 1px solid;
}
input, select {
	padding: 0 10px;
}

select {
	padding-right: 25px;
}

.member{ padding-top: 35px}
.member h3{ font-size: 32px; margin-bottom: 40px}
.member .member-btn-wrap{ margin-top: 50px }
.member-btn-wrap button{ height: 40px; width: 120px;}
.member-btn-wrap .submit-join{ width: 200px; font-weight: bold; font-size: 14px }
.member .terms-box{ margin-top: 0}
.join-table input{ width: 350px}
.join-table .email-chkNum{ margin-left: 20px}
.tel input{ width: 80px}

#pop_up_afaterjoin{ width: 600px; height: 500px; text-align: center}
#pop_up_afaterjoin h2 img{ height: 100px; margin: 50px auto 10px}
#pop_up_afaterjoin .btn-wrap{ position: absolute; bottom: 150px; left: 0; right: 0}
.popup-join-after{ font-size: 14px; line-height: 160%}

.login .member-contents{ border: lightgray 1px solid; width: 550px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; display: flex}
.login .loginbox-wrap{ width: 450px; margin: 0 auto;}
.login .loginbox-inner{ border-bottom: lightgray 1px dashed; padding-bottom: 30px; margin-bottom: 30px}
.login .loginbox-wrap .login_box dt{display: none}
.login .loginbox-wrap .login_box dt,
.login .loginbox-wrap .login_box dd,
.login .loginbox-wrap .login_box input,
.login .loginbox-wrap .submit-login{ width: 100%; font-weight: normal;}
.login .loginbox-wrap .submit-login{ font-size: 18px; font-weight: bold; }
.login .loginbox-wrap h4{ font-size: 34px; margin-top: 10px; text-align: center; margin-bottom: 25px;}
.login .loginbox-wrap .login_box{ overflow: hidden}
.login .loginbox-wrap .login_box input { height: 40px; font-weight: normal; font-size: 16px; padding: 0 10px;}
.login .loginbox-wrap dl{ width: 100%;}
.login .loginbox-wrap dl:nth-child(2){margin-top: 10px;}
.login .loginbox-wrap .login-check{ overflow: hidden}
.login .loginbox-wrap .member-btn-wrap{ margin-top: 10px}
.login .loginbox-wrap + .banner-wrap{width: calc(100% - 390px); padding-left: 30px; box-sizing: border-box}
.login .txt-wrap{ height: 40px; overflow: hidden; position: relative}
.login .txt-wrap + .txt-wrap{ margin-top: 8px}
.login .txt-wrap p{ height: 20px; line-height: 20px}
.login .txt-wrap button{ position: absolute; right: 0; top: 0; height: 38px; font-weight: bold; border-radius: 3px; width: 100px; padding: 0}
.login .banner-login{ width:100%; height: 100%; background: #7dbeff}


/* 아이디 찾기 페이지 */


.find-id .member-contents{ border: lightgray 1px solid; width: 550px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; display: flex}
.find-id .loginbox-wrap{ width: 450px; margin: 0 auto;}
.find-id .loginbox-inner{ border-bottom: lightgray 1px dashed; padding-bottom: 30px; margin-bottom: 30px}
.find-id .loginbox-wrap .login_box dt{display: none}
.find-id .loginbox-wrap .login_box dt,
.find-id .loginbox-wrap .login_box dd,
.find-id .loginbox-wrap .login_box input,
.find-id .loginbox-wrap .submit-login{ width: 100%; font-weight: normal;}
.find-id .loginbox-wrap .submit-login{ font-size: 18px; font-weight: bold; }
.find-id .loginbox-wrap h4{ font-size: 34px; margin-top: 10px; text-align: center; margin-bottom: 25px;}
.find-id .loginbox-wrap .login_box{ overflow: hidden}
.find-id .loginbox-wrap .login_box input { height: 40px; font-weight: normal; font-size: 16px; }
.find-id .loginbox-wrap dl{ width: 100%;}
.find-id .loginbox-wrap dl:nth-child(2){margin-top: 10px;}
.find-id .loginbox-wrap .login-check{ overflow: hidden}
.find-id .loginbox-wrap .member-btn-wrap{ margin-top: 10px}
.find-id .loginbox-wrap + .banner-wrap{width: calc(100% - 390px); padding-left: 30px; box-sizing: border-box}
.find-id .txt-wrap { height: 40px; overflow: hidden; position: relative; }
.find-id .txt-wrap + .txt-wrap{ margin-top: 8px}
.find-id .txt-wrap p{ height: 20px; line-height: 20px}
.find-id .txt-wrap button{ height: 38px; font-weight: bold; border-radius: 3px; width: 150px; padding: 0}
.find-id .banner-login{ width:100%; height: 100%; background: #7dbeff}

.find-id .txt-wrap button:first-child {
	float: left; 
}

.find-id .txt-wrap button:nth-child(2) {
	float: right;
}

.find-id .notice {
	margin: 15px 0;
}

.find-id .result-msg {
	margin-top: 15px;
	display: none;
	text-align: center;
}

.find-id .result-msg .id {
	font-weight: bold; color:red;
}


/* 비밀번호 찾기 */


.find-pw .member-contents{ border: lightgray 1px solid; width: 550px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; display: flex}
.find-pw .loginbox-wrap{ width: 450px; margin: 0 auto;}
.find-pw .loginbox-inner{ border-bottom: lightgray 1px dashed; padding-bottom: 30px; margin-bottom: 30px}
.find-pw .loginbox-wrap .login_box dt{display: none}
.find-pw .loginbox-wrap .login_box dt,
.find-pw .loginbox-wrap .login_box dd,
.find-pw .loginbox-wrap .login_box input,
.find-pw .loginbox-wrap .submit-login{ width: 100%; font-weight: normal;}
.find-pw .loginbox-wrap .submit-login{ font-size: 18px; font-weight: bold; }
.find-pw .loginbox-wrap h4{ font-size: 34px; margin-top: 10px; text-align: center; margin-bottom: 25px;}
.find-pw .loginbox-wrap .login_box{ overflow: hidden}
.find-pw .loginbox-wrap .login_box input { height: 40px; font-weight: normal; font-size: 16px; }
.find-pw .loginbox-wrap dl{ width: 100%;}
.find-pw .loginbox-wrap dl:nth-child(2){margin-top: 10px;}
.find-pw .loginbox-wrap .login-check{ overflow: hidden}
.find-pw .loginbox-wrap .member-btn-wrap{ margin-top: 10px}
.find-pw .loginbox-wrap + .banner-wrap{width: calc(100% - 390px); padding-left: 30px; box-sizing: border-box}
.find-pw .txt-wrap { height: 40px; overflow: hidden; position: relative; }
.find-pw .txt-wrap + .txt-wrap{ margin-top: 8px}
.find-pw .txt-wrap p{ height: 20px; line-height: 20px}
.find-pw .txt-wrap button{ height: 38px; font-weight: bold; border-radius: 3px; width: 150px; padding: 0; margin:0 auto; display: block;}
.find-pw .banner-login{ width:100%; height: 100%; background: #7dbeff}

.find-pw .notice {
	margin: 15px 0;
}

.find-pw .result-msg {
	margin-top: 15px;
	display: none;
	text-align: center;
}

/* 2020701 추가 */
.new_1240Wrap{display:block;width:1240px; min-height: calc(100vh - 333px); margin:0 auto; padding:160px 100px 60px; overflow: hidden; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.new_1240Wrap .title{width:100%;text-align:center;font-family: 'NotoSansKR';font-style: normal;font-weight: 500;font-size:30px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;margin-bottom:40px;}
.new_1240Wrap .f_left{margin:0 4% 0 2%;}
.new_1240Wrap .f_right{margin:0 2% 0 4%;}
.new_1240Wrap .formBox{float:left;width:44%;min-height:400px; border-radius:4px; background:#fff; border:1px solid #c6c6c8; padding:50px 50px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.new_1240Wrap .formBox h3{text-align:center;margin-bottom:20px;}
.new_1240Wrap .formBox .iconA{display:inline-block;min-height:27px; background:url(/images/ico_company.png) left center no-repeat;text-align:left;padding-left:40px;font-family: 'NotoSansKR';font-style: normal;font-weight: 500;font-size: 20px;color:#333;line-height:27px;}
.new_1240Wrap .formBox .iconB{display:inline-block;min-height:27px; background:url(/images/ico_member.png) left center no-repeat;text-align:left;padding-left:38px;font-family: 'NotoSansKR';font-style: normal;font-weight: 500;font-size: 20px;color:#333;line-height:27px;}
.new_1240Wrap .midArea{display:inline-block;width:100%;margin: 10px 0px 25px;}
.new_1240Wrap .midArea .leftArea{float:left;width:50%;text-align:left;}
.new_1240Wrap .midArea .rightArea{float:right;width:50%;text-align:right;}

.new_1240Wrap .formBox > input{width:100%; height:40px;background:#fff;border:1px solid #c6c6c8;padding:0px 10px;margin-bottom:10px;vertical-align:top;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size: 16px;color:#555;border-radius:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.new_1240Wrap .formBox .bigBtn_login{width:100%; height:45px;text-align:center;/* color 이동 border:1px solid #1e68b3;background:#1e68b3; */ font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size: 16px;color:#fff;margin-bottom:15px;}
.new_1240Wrap .formBox .bigBtn_login:hover{background:#fff;/* color 이동 color:#1e68b3;*/}
.new_1240Wrap .formBox .midBtn_A{width:47.3%; margin-right:2%;height:45px;text-align:center; border:1px solid #393d44;background:#393d44;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size: 16px;color:#fff;margin-top:0px;}
.new_1240Wrap .formBox .midBtn_A:hover{background:#fff;color:#393d44;}
.new_1240Wrap .formBox .midBtn_B{width:47.3%; margin-left:2%;height:45px;text-align:center; border:1px solid #878b92;background:#878b92;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size: 16px;color:#fff;margin-top:0px;}
.new_1240Wrap .formBox .midBtn_B:hover{background:#fff;color:#878b92;}
.new_1240Wrap .formBox input[type=checkbox] { display: none;}
.new_1240Wrap .formBox input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:25px;padding-right:0px;margin-right:0px; font-size: 14px; line-height:16px;letter-spacing:-0.03em;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;color:#333;vertical-align:middle;}
.new_1240Wrap .formBox input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; border:1px solid #bbb; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.new_1240Wrap .formBox input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:600; border:1px solid #7b8188; background:#7b8188;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

.new_joinWrap{display:block;width:1240px; margin:0 auto; padding:160px 0px 60px; overflow: hidden; font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.new_joinWrap .title{width:100%;text-align:center;font-family: 'NotoSansKR';font-style: normal;font-weight: 500;font-size:30px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;margin-bottom:30px;}

.input_sty1{display:inline-block;vertical-align:middle;height:30px;border:1px solid #d1d1d1;background:#fff;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_sty1 input{height:28px;border:0px solid #d1d1d1;padding:5px;box-sizing:border-box;color:#666;border-radius:0px;}
.input_sty1 input:focus {outline: none;background-color: transparent;border-color:#727a82}
.input_sty1 input:disabled {background:#f1f1f1;}

.select_sty1{display:inline-block;height:30px;position:relative;border:1px solid #d1d1d1;background:#fff;border-radius:0px;box-sizing:border-box;}
.select_sty1:after{content:'';display:block;width:0;height:0;border-top:8px solid #3e4358;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.select_sty1 select{height:28px;line-height:28px;padding:0px 15px 0px 5px !important;box-sizing:border-box;width:100%;cursor: pointer;color:#666;font-size: 13px;vertical-align:top !important;}


.form_sty1{width:100%;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 ul{width:100%;margin-top:0px;border-bottom:1px solid #dfdfdf;}
.form_sty1 ul:first-child{border-top:1px solid #666;}
.form_sty1 li{display: inline-block;background:#f9f9f9;}

.form_sty1 .tit{display: inline-block;width:150px;text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size: 13px;color: #333;line-height:30px;letter-spacing:-0.03em;padding:10px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 .cont{display: inline-block;width:calc(100% - 150px);text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;font-size: 13px;color: #333;background:#fff;padding:10px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 .red{display: inline-block;color:#e2141d;margin-right:5px;}
.form_sty1 img{max-width:100%;vertical-align:middle;margin-left:5px;}
.form_sty1 .textArea01{display: inline-block;width:100%;border:1px solid #d1d1d1;height: auto; min-height:200px;padding: 10px;color:#666; font-size: 13px;line-height:1.3;font-weight: 200;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1  textArea:focus {outline: none;border-color:#b1b1b1}
.form_sty1 .txt1{display: inline-block;margin:0 10px;text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;font-size: 13px;color: #333;line-height:30px;}
.form_sty1 select::-ms-expand {display: none !important;}
.form_sty1 select{border:0px solid #d1d1d1 !important; vertical-align:top;}

.wr_box{display: inline-block; width:100%; margin:30px auto 0px;text-align:center; }
.wr_box .w-title{width:100%;text-align:left;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;font-size:18px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;margin-bottom:15px;}
.wr_box textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;background:#fafafa; height:200px; padding:10px; white-space: pre-wrap;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;color:#444; font-size: 13px;line-height:1.3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wr_box textArea:focus {outline: none;border-color:#b1b1b1}
.wr_box .w-content{display: inline-block;width:100%;text-align:left;border:1px solid #d9d9d9;background:#fafafa; height:200px;overflow-y:auto; padding:10px; font-family: 'NotoSansKR';font-style: normal;font-weight: 200;color:#444; font-size: 13px;line-height:1.3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.chkBox{display: inline-block; width:100%; text-align:left; margin:10px auto;}
.chkBox input[type=checkbox] { display: none;}
.chkBox input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:25px;padding-right:0px;margin-right:0px; font-size: 14px; line-height:16px;letter-spacing:-0.03em;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;color:#666;vertical-align:middle;}
.chkBox input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; border:1px solid #bbb; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.chkBox input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:600; border:1px solid #7b8188; background:#7b8188;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

.filebox_k {display:inline-block;}
.filebox_k input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_k label {display: inline-block;padding:0px 15px;height:30px;text-align:center;line-height:26px;font-size:14px; color: #fff;font-family: 'NotoSansKR';font-style: normal;font-weight: 400;vertical-align: middle;background: #a8abb5;border:1px solid #a8abb5;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
/* named upload */
/*.filebox_k .upload-box {position:relative;display: inline-block;width:100%; height:40px;background:#fff;margin-bottom:10px; border:1px solid #ebebeb;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}*/
.filebox_k .upload-name {display: inline-block;width:300px; height:30px;padding:0px 5px;font-size:13px; line-height:1;color: #424242;font-family: 'NotoSansKR';font-style: normal;font-weight: 200;vertical-align: middle;background:#fff; border:1px solid #d1d1d1; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;margin-right:10px;}
.filebox_k .upload-del{position: absolute;right:0;top:8px;text-align:right;  width:13px;height:13px;border:1px solid #b1b0b0;background:url(/img/li-close.png) no-repeat center; z-index:2}
.filebox_k label:hover {cursor:pointer;border:1px solid #a8abb5;background:#fff !important;color:#999 !important;}

.btnCenter{display: inline-block; width:100%; margin:30px auto;text-align:center; }

.w30{width:30%  !important;}
.w50{width:50%  !important;}
.w60{width:60%  !important;}
.w70{width:70%  !important;}
.w100{width:100%  !important;}
.w100p{width:100px  !important;}
.w80p{width:80px  !important;}
.mt10{margin-top:10px  !important;}
.ml10{margin-left:10px  !important;}
.ml20{margin-left:20px  !important;}
/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.btn-type.btn1 {height:30px;line-height:25px;padding:0px 15px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn1.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn1.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.btn1.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn1.dgray {color:#fff !important;border:1px solid #494d52;background:#494d52}
.btn-type.btn1.gray {color:#fff !important;border:1px solid #a8abb5;background:#a8abb5}
.btn-type.btn1.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn1.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn1.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn1.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn1.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.btn1.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
/* color 이동 .btn-type.btn1.main {color:#fff !important;border:1px solid #d21217;background:#d21217} */

.btn-type.btn2 {height:45px;line-height:43px;padding:0px 40px;text-align:center; font-size:16px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn2.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn2.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.btn2.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn2.dgray {color:#fff !important;border:1px solid #494d52;background:#494d52}
.btn-type.btn2.gray {color:#fff !important;border:1px solid #a8abb5;background:#a8abb5}
.btn-type.btn2.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn2.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn2.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn2.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn2.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
/* color 이동 .btn-type.btn2.main {color:#fff !important;border:1px solid #d21217;background:#d21217} */


.btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#007dc6 !important;}
.btn-type.dblue:hover {cursor:pointer;background:#fff !important;color:#2e3192 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#494d52 !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#999 !important;}
.btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;}
.btn-type.black_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.gray_line:hover {cursor:pointer;border:1px solid #262729; background:#262729 !important;color:#fff !important;}
.btn-type.white_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.red:hover {cursor:pointer;background:#fff !important;color:#c4191f !important;}
.btn-type.lgray_line:hover {cursor:pointer;color:#fff !important;border:1px solid #55575a;background:#55575a}
.btn-type.main:hover {cursor:pointer;color:#fff !important;border:1px solid #262729;background:#262729}