@charset "utf-8";

body { background: #85cad3;}
.wrap-login {height: 100vh;display: flex; align-items: center;}
.mobileback { display:none;}

div.login{ width:500px; margin:0 auto; display:block; }
div.login .txt{ letter-spacing:0;  color:#ffffff; font-size:47px; font-family:Calibri, Arial, "sans-serif";  font-weight:bold; text-align: center; line-height: 1.7;  }
div.login fieldset { padding:50px; background: #ffffff; border-radius: 10px; }
div.login input#tel2245212 { background:url(../images/bg_input_id.png) no-repeat 20px 15px #FFFFFF; background-size: 25px 25px; width:400px; line-height:57px;border-radius: 5px; box-sizing: border-box;  padding-left:70px; font-size:1.2rem; margin-top:0px;font-weight:; border:1px #C8C8C8 solid;}
div.login input#tel22452 { background:url(../images/bg_input_pw.png) no-repeat  20px 15px #FFFFFF; background-size: 25px 25px; width:400px; line-height:57px;border-radius: 5px; box-sizing: border-box;  padding-left:70px; font-size:1.2rem; margin-top:0px;font-weight:; border:1px #C8C8C8 solid; margin-top: 10px;}
div.login input#save {margin-top:9px;}
div.login label { color:#4b4b4b; font-size:12px; line-height:12px;   font-weight:bold; margin:0px 0px 0px 5px; display: inline-block;}
div.login .join {  color:#4b4b4b; font-size:0.9rem;   font-weight:bold; float:right; margin-top:7px; }
div.login .btn {margin-top:20px;}
div.login .btn > a{ color:#fff;font-size: 1.2rem; background:#686868; width:400px;border-radius: 5px; margin:0 auto; line-height:57px;height:57px; text-align: center; display:block;}
div.login .wrap-btn {margin-top:10px;display: flex; justify-content: center;}
div.login .btnJoin {  }
div.login .btnJoin > a{ color:#ffffff;font-size: 1rem;line-height:38px;height:38px; display:block; margin: 0 15px}
div.login .btnFind { }
div.login .btnFind > a{ color:#ffffff;font-size: 1rem;  line-height:38px;height:38px; display:block;margin: 0 15px}
div.login .btn_main a { display:block; background:#418f99; border-radius: 5px; margin:25px auto 0; padding:10px; width:200px; color:#fff; line-height:1.5em; text-align: center;}


.wrap-join { width:900px; margin:50px auto; padding: 50px; background: #fff; border-radius: 20px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); box-sizing: border-box; overflow: hidden;    }
.wrap-join h1 {display: block; border-bottom: 1px #cccccc solid;  font-size:27px; font-family:'Noto Sans KR'; font-weight: 600; padding-bottom: 15px;  }
.wrap-join h1 .pcback { float: right; cursor: pointer; }
.wrap-join h1 .pcback span { display:inline-block; margin:0 5px; font-size:0.9rem; font-weight: 500; color: #3b939e; }
.wrap-join h1 .pcback span a { color: #3b939e; }

div.join fieldset {background-color:#fff; padding:0;  overflow:hidden; margin-top: 30px;font-size:0.9rem;  }
div.join fieldset .form{ word-break:normal;}

div.join input#save {margin-top:9px;}
div.join label { vertical-align:middle; color:#4b4b4b; font-size:0.8rem;   font-weight:bold; margin:7px 0px 0px 5px; display: inline-block;}
div.join .policy { background:#FFFFFF; color:#4b4b4b; font-size:0.8rem;text-align:left;line-height:1.6;height:200px;overflow:auto;border:1px solid #C6C6C6;padding:15px }
div.join .btn {margin-top:35px;}
div.join .btn > a{ color:#fff;font-size: 1rem; background:#298692; width:100%; margin:0 auto; line-height:50px;height:50px; text-align: center; display:block;}

div.join2{  width:100%; margin:0 auto; display:block; background:#FFF; padding-bottom:20px;margin-top: 30px;}
div.join2 table .sm{ width:35%; }
div.join2 table .md{width:50%;}
div.join2 table .lg{width:97%;}
div.join2 table{width:100%;border:0;border-top:2px solid #999; margin:10px auto;}
div.join2 legend{ padding:0 0 0; line-height:22px; color:#86ac06;font-size:0.8rem}
div.join2 th,
div.join2 td{padding:15px;border:0;vertical-align:top; color:#3b3b3b;font-size:0.8rem;  line-height:30px; }
div.join2 th{color:#333; font-weight: 300; padding-left: 20px;}
div.join2 td{color:#666}
div.join2 thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
div.join2 tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
div.join2 tfoot th{border-bottom:1px solid #ddd}
div.join2 tbody td{border-bottom:1px solid #ddd}
div.join2 tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
div.join2 .i_check,
div.join2 .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
div.join2 .i_text{position:relative;margin:2px;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent; height:25px;color:#3b3b3b;font-size:1rem; }
div.join2 .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
div.join2 select{margin:2px}
div.join2 label{margin:0 10px 0 0;cursor:pointer}
div.join2 select {height:25px;color:#3b3b3b;font-size:1rem; margin:0px 0px 20px 0px; padding-right:30px; -webkit-appearance:none; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; background:url(../images/bg_select.gif) right no-repeat;}
div.join2 .btn {margin-top:30px;}
div.join2 .btn >  a{ color:#fff;font-size: 1rem; background:#298692; width:100%; margin:0 auto; line-height:50px;height:50px; text-align: center; display:block;}

div.join3{  width:340px; margin:0 auto; display:block; font-size:1rem; background:#FFF; padding:30px 10px 20px;}
div.join3 .txt{ text-align:center;}
div.join3 .txt2{ text-align:left; border:3px #eaeaea solid; padding:10px; margin-top:15px; line-height:2rem;}
div.join3 .btn > a{ color:#fff;font-size: 1.2rem; background:#3b6490; width:340px; margin:20px auto 0; line-height:40px;height:40px; text-align: center; display:block;}


div.findpw{ width:500px; margin:0 auto; display:block;padding:40px 50px; background: #ffffff; border-radius: 10px;box-sizing: border-box; }
div.findpw h1 { letter-spacing:0;  color:#333; font-size:24px;  font-weight:bold; text-align: center; line-height: 1;  }
div.findpw>div {  color:#666666; font-size:16px; text-align: center; line-height: 1.3; margin-top: 15px;  }
div.findpw fieldset {margin-top: 10px;}
div.findpw input { background:#FFFFFF; width:400px; line-height:55px; padding: 0 20px; border-radius: 5px; box-sizing: border-box;  font-size:1.2rem; margin-top:12px;font-weight:; border:1px #C8C8C8 solid;}
div.findpw input#save {margin-top:9px;}
div.findpw label { color:#4b4b4b; font-size:12px; line-height:12px;   font-weight:bold; margin:0px 0px 0px 5px; display: inline-block;}
div.findpw .join {  color:#4b4b4b; font-size:0.9rem;   font-weight:bold; float:right; margin-top:7px; }
div.findpw .btn {margin-top:20px;}
div.findpw .btn > a{ color:#fff;font-size: 1.2rem; background:#686868; width:400px;border-radius: 5px; margin:0 auto; line-height:57px;height:57px; text-align: center; display:block;}


 @media all and (max-width:959px) {
	 
	 
 }

 @media all and (max-width:767px) {
     
body { background: #fff;}
.mobileback { display:block;}
.pcback { display:;}

.wrap-login {height: 100vh;display: flex; align-items: center; background: #85cad3;}
div.login{ width:85%; margin:0 auto; display:block; }
div.login .txt{ margin:0 0 20px; letter-spacing:0;  color:#ffffff; font-size:1.5em; font-family:Calibri, Arial, "sans-serif";  font-weight:bold; text-align: center; line-height: 1.7;  }
div.login fieldset { padding:20px; background: #ffffff; border-radius: 10px; }
div.login input#tel2245212 { background:url(../images/bg_input_id.png) no-repeat 20px 15px #FFFFFF; background-size: 20px 20px; width:100%; line-height:45px;border-radius: 5px; box-sizing: border-box;  padding-left:55px; font-size:1.0rem; margin-top:0px;font-weight:; border:1px #C8C8C8 solid;}
div.login input#tel22452 { background:url(../images/bg_input_pw.png) no-repeat  20px 15px #FFFFFF; background-size: 20px 20px; width:100%; line-height:45px;border-radius: 5px; box-sizing: border-box;  padding-left:55px; font-size:1.0rem; margin-top:0px;font-weight:; border:1px #C8C8C8 solid; margin-top: 10px;}
div.login input#save {margin-top:9px;}
div.login label { color:#4b4b4b; font-size:12px; line-height:12px;   font-weight:bold; margin:0px 0px 0px 5px; display: inline-block;}
div.login .join {  color:#4b4b4b; font-size:0.9rem;   font-weight:bold; float:right; margin-top:7px; }
div.login .btn {margin-top:20px;}
div.login .btn > a{ color:#fff;font-size: 1.0rem; background:#686868; width:100%;border-radius: 5px; margin:0 auto; line-height:45px;height:45px; text-align: center; display:block;}
div.login .wrap-btn {margin-top:10px;display: flex; justify-content: center;}
div.login .btnJoin {  }
div.login .btnJoin > a{ color:#ffffff;font-size: 1rem;line-height:38px;height:38px; display:block; margin: 0 15px}
div.login .btnFind { }
div.login .btnFind > a{ color:#ffffff;font-size: 1rem;  line-height:38px;height:38px; display:block;margin: 0 15px}
div.login .btn_main a { display:block; background:#418f99; border-radius: 5px; margin:20px auto 0; padding:7px; width:120px; color:#fff; line-height:1.5em; text-align: center;}
     

.wrap-join { width:85%; margin:0 auto;; padding: 15px; background: #fff; border-radius: 0; box-shadow:none; box-sizing: border-box; overflow: hidden;    }
.wrap-join h1 {display: block; border-bottom: 1px #cccccc solid;  font-size:22px; font-family:'Noto Sans KR'; font-weight: 600; padding-bottom: 15px; margin-top: 0; text-align: ;  }
.wrap-join h1>.mobileback { display:none; position: absolute; } 
.wrap-join h1>.mobileback img { width: 30px;} 
.wrap-join h1 .pcback { float: ; cursor: pointer; }
.wrap-join h1 .pcback span { display:inline-block; margin:0 5px; font-size:0.8rem; font-weight: 500; color: #3b939e; }
.wrap-join h1 .pcback span a { color: #3b939e; }


div.join fieldset {background-color:#fff; padding:0;  overflow:hidden; margin-top: 30px;font-size:0.9rem; }
div.join input#save {margin-top:9px;}
div.join label { vertical-align:middle; color:#4b4b4b; font-size:0.8rem;   font-weight:bold; margin:7px 0px 0px 5px; display: inline-block;}
div.join .policy { background:#FFFFFF; color:#4b4b4b; font-size:0.8rem;text-align:left;line-height:1.6;height:150px;overflow:auto;border:1px solid #C6C6C6;padding:15px }
div.join .btn {margin-top:35px;}
div.join .btn > a{ color:#fff;font-size: 1rem; background:#298692; width:100%; margin:0 auto; line-height:50px;height:50px; text-align: center; display:block;}

div.join2{  width:100%; margin:0 auto; display:block; background:#FFF; padding-bottom:20px;margin-top: 30px;}
div.join2 table .sm{ width:35%; }
div.join2 table .md{width:50%;}
div.join2 table .lg{width:97%;}
div.join2 table{width:100%;border:0;border-top:2px solid #999; margin:10px auto;}
div.join2 legend{ padding:0 0 0; line-height:22px; color:#86ac06;font-size:0.8rem}
div.join2 th,
div.join2 td{padding:5px;border:0;vertical-align:top; color:#3b3b3b;font-size:0.8rem;  line-height:30px; }
div.join2 th{color:#333; font-weight: 400; padding-left: 5px; width: 90px;}
div.join2 td{color:#666}
div.join2 thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
div.join2 tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
div.join2 tfoot th{border-bottom:1px solid #ddd}
div.join2 tbody td{border-bottom:1px solid #ddd}
div.join2 tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
div.join2 .i_check,
div.join2 .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
div.join2 .i_text{position:relative;margin:2px;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent; height:25px;color:#3b3b3b;font-size:1rem; }
div.join2 .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
div.join2 select{margin:2px}
div.join2 label{margin:0 10px 0 0;cursor:pointer}
div.join2 select {height:25px;color:#3b3b3b;font-size:1rem; margin:0px 0px 20px 0px; padding-right:30px; -webkit-appearance:none; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; background:url(../images/bg_select.gif) right no-repeat;}
div.join2 .btn {margin-top:30px;}
div.join2 .btn >  a{ color:#fff;font-size: 1rem; background:#298692; width:100%; margin:0 auto; line-height:50px;height:50px; text-align: center; display:block;}

div.join3{  width:340px; margin:0 auto; display:block; font-size:1rem; background:#FFF; padding:30px 10px 20px;}
div.join3 .txt{ text-align:center;}
div.join3 .txt2{ text-align:left; border:3px #eaeaea solid; padding:10px; margin-top:15px; line-height:2rem;}
div.join3 .btn > a{ color:#fff;font-size: 1.2rem; background:#3b6490; width:340px; margin:20px auto 0; line-height:40px;height:40px; text-align: center; display:block;}


div.findpw{ width:85%; margin:0 auto; display:block;padding:30px 20px; background: #ffffff; border-radius: 10px;box-sizing: border-box; }
div.findpw h1 { letter-spacing:0;  color:#333; font-size:1.2em;  font-weight:bold; text-align: center; line-height: 1;  }
div.findpw>div {  color:#666666; font-size:14px; text-align: center; line-height: 1.3; margin-top: 15px;  }
div.findpw fieldset {margin-top: 10px;}
div.findpw input { background:#FFFFFF; width:100%; line-height:45px; padding: 0 20px; border-radius: 5px; box-sizing: border-box;  font-size:1.0rem; margin-top:12px;font-weight:; border:1px #C8C8C8 solid;}
div.findpw input#save {margin-top:9px;}
div.findpw label { color:#4b4b4b; font-size:12px; line-height:12px;   font-weight:bold; margin:0px 0px 0px 5px; display: inline-block;}
div.findpw .join {  color:#4b4b4b; font-size:0.9rem;   font-weight:bold; float:right; margin-top:7px; }
div.findpw .btn {margin-top:20px;}
div.findpw .btn > a{ color:#fff;font-size: 1.0rem; background:#686868; width:100%;border-radius: 5px; margin:0 auto; line-height:45px;height:45px; text-align: center; display:block;}


}