/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.login, .join{box-sizing:border-box;padding:40px 0; font-size:14px !important; color:#333333; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.join{padding:0; }
.br1{border-right:1px solid #333;}
.login section{width:300px;margin:0 auto;}
.id_blur, .id_focus,
.pw_blur, .pw_focus,
.ocode_blur, .ocode_focus,
.oname_blur, .oname_focus,
.ono_blur, .ono_focus,
.name_blur, .name_focus, 
.mail_blur, .mail_focus{margin-top:15px;padding:10px; width:300px; outline:none; box-sizing:border-box; font-size:13px; height:40px;}
.answer_blur{ padding:10px; width:80%; border:1px solid #e0e0e0; box-sizing:border-box; height:40px;}
.id_blur { background: url("../../img/member/id_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.pw_blur { background: url("../../img/member/pw_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.ocode_blur { background: url("../../img/member/ocode_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.oname_blur { background: url("../../img/member/oname_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.name_blur { background: url("../../img/member/name_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.mail_blur { background: url("../../img/member/mail_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}
.ono_blur { background: url("../../img/member/ono_bg.gif") 10px 10px no-repeat;  border:1px solid #e0e0e0;}

.join_step{width:100%; margin:0px 0 60px 0; overflow:hidden;} 
.join_step div{width:33.3%; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px;margin-left:-1px; text-align:center;}
.join_step div:first-child{margin-left:0;}
.join_step .bk{background:#666; border:1px solid #666; color:#fff;}
.basic_t, .member_border, .member_td_bgcolor, .txt{border-collapse:collapse; border:0; font-size:13px; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.basic_t{border-top:1px solid #333; margin-top:10px;}
.basic_t td {padding:14px 5px; border-bottom:1px solid #e5e5e5;}
.member_border {border:1px solid #e0e0e0; box-sizing:border-box; padding:4px; margin:1px 0;}
.basic_t td table td{border-bottom:0; padding:0;}
.member_td_bgcolor {background-color:#F7F7F7; width:20%;}
.basic_t input[name="member_img"]{width:80%;}
.m_pop{padding:20px;}



ul.member_list {margin:10px 0 0 0;}
ul.member_list li {margin:0 0 15px 0;}
ul.member_list li input {margin:-2px 0 0 0; vertical-align:middle;}
.member_divide {width:100%; font-size:12px; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.member_divide th {padding:7px 10px 6px 10px; color:#555; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:#f7f7f7;}
.member_divide td {padding:5px 10px 4px 10px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.member_divide td.member_list_bg {color:#555; background:#f7f7f7;}
.member_divide td.member_cont {height:170px; padding:15px 10px; vertical-align:top; border-right:none; border-bottom:none;}
.member_info dt {clear:both; float:left; width:100px; height:13px; margin:0 0 5px 0; padding:4px 0 0 0;}
.member_info dt input {margin:-2px 0 0 0; vertical-align:middle;}
.member_info dt.foreigner_info {width:220px; margin:0;}
.member_info dd {margin:0 0 5px 0;}
.member_info dd.foreigner_info2 {float:left; margin:2px 0 0 0;}





@media only screen and (max-width:767px) {
.login{width:100%; margin:-40px 0;}
.join_step{margin:0px 0 40px 0;}
.br1{border-bottom:1px solid #333; border-right:0; margin-bottom:40px;}
.member_td_bgcolor, .member_border{width:28%;}
.out .member_border{width:89%;}
.member_txt td{width:100%; display:block;}
}