body {background:#f9f9f9;}
input {border:solid 1px #d5d5d5;}
a {text-decoration:none;}
/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */

.login {width:100%;display:block;padding-top:60px;}
.join {width:100% !important;}
.join_yak {width:80%;margin:30px auto;}
.join_yak p {text-align:left;font-weight:bold;padding:10px 0px;}
.join_yak textarea {width:100%;height:150px;background:#f7f7f7;border:solid 1px #e9e9e9;box-sizing:border-box;overflow-x:hidden;}
.join_yak .dong {text-align:left;}
.join_yak .dong input {vertical-align:middle;margin-top:-2px;margin-right:5px;}

.join_yak table.basic {border-top:solid 2px #000;color:#;}
.join_yak table.basic tr {border-top:solid 1px #dfdfdf;}
.join_yak table.basic tr:last-child {border-bottom:solid 1px #dfdfdf;}
.join_yak table.basic .member_txt tr {border:0px;}
.join_yak table.basic .member_txt td {font-size:12px !important;color:#333;}
.join_yak table.basic .member_txt td:last-child {font-size:12px !important;color:#333;}
.join_yak table.basic .member_txt td input {vertical-align:middle;margin-top:-1px;}
.join_yak table.basic td.member_td_bgcolor {background:#fbfafa;padding:10px 20px;}
.join_yak table.basic td:last-child {padding:10px;text-align:left;color:#999;font-size:11px;}
.join_yak table.basic td:last-child img {display:none;}
.join_yak table.basic td input {padding:2px 4px;margin:2px;}
.join_yak table.basic td select {width:55px;}
.join_yak table.basic td select[name="pw_question"] {width:200px;line-height:30px;}
.join_yak table.basic td span {color:#999;font-size:11px;}

.login_box { display:block;border:1px #cfded8 solid;background:#fff;border-top:solid 2px #000;text-align:center;margin:20px auto;color:#000;width:50%; box-sizing:border-box;}
.login_box .login_text p {font-size:40px;font-family:Gotham-Book,'Work Sans','notokr';margin-top:40px;}
.login_box .login_text p.poptext {font-size:20px !important;line-height:1.2;padding-top:20px;margin:0px;}
.login_box .login_text span {font-size:13px;}
.login_box .result {margin-top:40px;}
.login_box .result p {font-size:16px !important;line-height:1.6;margin:0px;}
.login_box .result span {display:block;font-size:12px;}
.login_box .result .login_btn {margin-top:50px;}
.login_box .result .login_btn a {display:block;background:#000;padding:15px;}
.login_box .result .login_btn a span {color:#fff;}
.login_box .result input {display:block;margin:0px auto;width:70%;height:45px;border:0px;box-sizing:border-box;}
.login_box .result .idinput {margin-top:10px;padding-left:15px;background:#f4f4f4;}
.login_box .result input.login_btn {background:#000;color:#fff;cursor:pointer;width:100%;}
.login_box .margin20 {margin:20px !important;}

.login_box .login_text span {display:block;}
.login_box .inputstyle {margin-top:30px;}
.login_box .inputstyle input {display:block;margin:0px auto;width:60%;height:55px;border:0px;box-sizing:border-box;margin-bottom:10px;}
.login_box .popinput input {width:70%;height:35px;}

.login_box .inputstyle input:last-child {margin-bottom:50px;}
.login_box .inputstyle .idinput, .login_box .inputstyle .pwinput {padding-left:15px;background:#f4f4f4;}
.login_box .inputstyle .login_btn {background:#000;color:#fff;cursor:pointer;-webkit-border-radius:0; -webkit-appearance:none;}
.login_box .inputstyle .join_btn {background:#000;color:#fff;cursor:pointer;width:200px;}
.login_box .inputstyle .modify_btn {display:inline-block;background:#000;color:#fff;cursor:pointer;width:200px;margin-bottom:50px;}
.login_box .inputstyle a {display:inline-block;background:#f4f4f4;color:#000;cursor:pointer;width:200px;height:55px;line-height:55px;vertical-align:top;}
.login_box .inputstyle .search_btn {background:#fafafa;color:#000;border:solid 1px #ccc;cursor:pointer;}
.login_box .find {width:100%;background:#f4f4f4;border-top:solid 1px #cfded8;padding:30px;box-sizing:border-box;}
.login_box .find a {display:inline-block;padding:5px 10px;border:solid 1px #d5d5d5;margin-top:20px;}
.login_box .find span {font-size:13px;display:inline-block;position:relative;color:#000;}
.login_box .popfind{width:100%;padding:20px 0px 40px;box-sizing:border-box;}
.login_box .popfind a {display:inline-block;padding:5px 10px;border:solid 1px #d5d5d5;margin-top:20px;}
.login_box .popfind span {font-size:13px;display:inline-block;position:relative;color:#000;}

.login_box .login_text p.poptext {font-size:20px;}


/********** media query mobile*************/
@media screen and (max-width: 970px){


.login {padding-top:0px;}
.login_box { margin:0px auto;text-align:center; margin-top:20px; color:#555; width:95%;}
.login_box .login_text p {font-size:30px;font-family:Gotham-Book,'Work Sans','notokr';margin-top:40px;line-height:1.5;}
.login_box .find {padding:30px 10px;}
.join_yak table.basic {width:100%;}
.join_yak table.basic td {width:100%;display:block;box-sizing:border-box;}
.join_yak table.basic td:first-child {border-bottom:solid 1px #dfdfdf;text-align:left;padding:10px;}
.join_yak table.basic td:last-child {padding:10px;box-sizing:border-box;}
.join_yak table.basic td input {width:100%;box-sizing:border-box;}
.join_yak table.basic td select[name="pw_question"] {width:100%;}
.join_yak table.basic td select[name="mobile_no1"] ,.join_yak table.basic td input[name="mobile_no2"] {width:20%;}
.join_yak table.basic td input[name="mobile_no3"] ,
.join_yak table.basic td input[name="phone_no1"] ,
.join_yak table.basic td input[name="phone_no2"] ,
.join_yak table.basic td input[name="phone_no3"] {width:20%;}
.join_yak table.basic td input[name="fix_email1"] ,
.join_yak table.basic td input[name="fix_email3"] ,.join_yak table.basic td input[name="email3"] ,.join_yak table.basic td input[name="email1"] {width:30%;}
.join_yak table.basic td .member_txt {width:100%;}
.join_yak table.basic td .member_txt td {display:inline-block !important;width:50%;border:0px;}
.join_yak table.basic td .member_txt td input {width:13px;height:13px;}

.login_box .inputstyle .modify_btn {display:inline-block;background:#000;color:#fff;cursor:pointer;width:100px;margin-bottom:50px;}
.login_box .inputstyle a {display:inline-block;background:#f4f4f4;color:#000;cursor:pointer;width:100px;height:55px;line-height:55px;vertical-align:top;}

input, textarea{border-radius:0px !important;background:#fff;}

}