/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */

.join{padding:0; }
.br1{border-right:1px solid #333;}
.id_blur { background: url("../../img/member/id_bg.gif") no-repeat;}
.name_blur { background: url("../../img/member/name_bg.gif") no-repeat;}
.pw_blur { background: url("../../img/member/pw_bg.gif") no-repeat;}
.mail_blur { background: url("../../img/member/mail_bg.gif") no-repeat;}
.m_pop .basic_t input, .mz_c input{border:1px solid #e0e0e0;}
.aa input{border:0 !important;}


.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!important; padding-top:0!important; padding-bottom:0!important;}
.member_td_bgcolor {background-color:#F7F7F7; width:20%;}
.basic_t input[name="member_img"]{width:80%;}
.m_pop{padding:20px;}
.join .name_blur, .join .mail_blur, .join .name_focus, .join .mail_focus{border:1px solid #e0e0e0; padding:10px; background-position:10px; margin-top: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) {

.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;}
.join .name_blur, .join .mail_blur, .join .name_focus, .join .mail_focus{width:280px;}
}



/*----------JOIN---*/
/*join01*/
.join_step{padding-bottom: 71px; text-align: center;}
.step{margin: 28px auto 0;}
.step li{display: inline; font-size: 17px; font-weight: bold; color: #888888;}
.step li.join_point{color: #4ab3f7;}
.step li.step_li02{margin: 0 113px;}
.check_list h3{padding: 0 0 19px; font-size:16px; font-weight:normal; text-align:left;}
.check_list .check_txt{height: 143px; overflow-y: scroll; padding: 20px 24px; line-height: 25px; border: 1px solid #e5e5e5; font-size:16px;}
.check_list p{margin-top: 30px;}
.check_list02{margin: 71px 0 94px;;}
.next_step, .next_step2{padding-bottom: 60px; text-align: center;}
.next_step a{display: inline-block; padding: 13px 60px 11px; background: #2a9ff0; color: #fff;}
.next_step2 a{display:inline-block; padding:0; background-color:#fff; vertical-align:middle; margin-top:5px;}
/*join02*/
.info_table input{padding: 7px 2px 4px; border: 1px solid #dcdcdc; height:32px; margin-top:0;}
.info_table .info_btn{height: 28px; margin: 0 20px 0 8px; border: 1px solid #dcdcdc; background: #f7f7f7;}
.info_table .pw input{margin-right: 8px;}
.info_table .member_txt td{border:0; padding:0 15px 0 0;}
.email_yes, .email_no{position: relative; padding-right: 35px;}
.email_yes label, .email_no label{position: absolute; top: -6px; right: 7px;}
.pw_select_wrap{position: relative; width: 370px; height: 32px;}
.pw_select_wrap .pw_label {position: absolute; top: 0; left: 0; display: block; width: 96%; height: 100%; padding: 0 2%; line-height: 32px; background: no-repeat 90% center; border: 1px solid #dddddd; background: no-repeat 97% center;}
.pw_select_wrap .pw_select {opacity: 0; display: block; width: 100%; height: 100%;}
.birth{overflow: hidden; clear: both;}
.year_select_wrap, .month_select_wrap, .day_select_wrap {position: relative; float: left; width: 71px; height: 32px; margin-right: 9px;}
.year_label, .month_label, .day_label{position: absolute; top: 0; left: 0; display: block; width: 90%; height: 100%; padding: 0 5%; line-height: 32px; background: no-repeat 85% center; border: 1px solid #dddddd; background: no-repeat 90% center;}
.year_select, .month_select, .day_select {opacity: 0; display: block; width: 100%; height: 100%;}
.join_submit_wrap{padding: 53px 0 93px; text-align: center;}
.join_submit_wrap a{display: inline-block; padding: 16px 51px 15px; font-size: 17px; font-weight: bold;}
.join_submit_wrap .prev{border: 1px solid #dcdcdc; margin-right: 10px;}
.join_submit_wrap .next{background: #2a9ff0; border: 1px solid #2a9ff0; color: #fff;}
/*join03*/
.join_step03 h3{padding-bottom: 48px; font-size: 28px; font-weight: bold; text-align: center; line-height: 50px;}
.join_end{padding: 60px 0 148px; text-align: center;}
/* .join_end a{display: inline-block; padding: 13px 52px 12px; font-size: 17px; font-weight: bold; background: #2a9ff0; color: #fff;}*/
.join_end a{display: inline-block; font-size: 17px; font-weight: bold; }
/*login*/
.login_wrap, .find_info{overflow: hidden; clear: both; width: 440px; margin: 0 auto;}
.login_info, .login_btn{float: left;}
.login_info{width: 320px; margin-right: 10px;}
.login_info span{display: block; border: 1px solid #d2d2d2; color: #292929;}
.login_info span input{display: block; width: 84%; padding: 16px 8%; border: 0; box-sizing:border-box; height:46px; font-family:'NanumSquareR';}
.login_info span input:-ms-input-placeholder { color: #000; }
.login_info span input::-webkit-input-placeholder { color: #000; }
.login_info span input::-moz-input-placeholder { color: #000; }
.login_info .pw{margin-top: 10px;}
.login_btn{display: block;}
.login_btn a{display: inline-block; padding: 46px 32px 46px; font-weight: bold; background: #2a9ff0; color: #fff;}
.find_info{padding: 20px 0 112px;}
.find_info li{display: inline; padding-right: 13px;}
.find_info li a{font-size: 13px;}
.find_info li a:after{content: ' >'; font-size: 0.6em; padding-left: 5px;}
.find_info li a:hover{color: #2a9ff0;}
.adver_wrap{overflow: hidden; clear: both; padding: 23px 0 0; border-top: 1px solid #dadada;}
.adver_wrap dl {float: left; width: 29%; padding: 0 2% 30px; margin-bottom: 117px; background: no-repeat 80% 15px;}
.adver_wrap dl.aver02{border-left: 1px solid #dadada; border-right: 1px solid #dadada;}
.adver_wrap dt { padding: 21px 0 15px; font-size: 18px; font-weight: bold; color: #2a9ff0;}
.adver_wrap dd {font-size: 14px; line-height: 20px;}

@media screen and (max-width: 1080px){
    /*----------JOIN---*/
    /*login*/
    .adver_wrap dl {background: no-repeat 94% 15px;}
}
@media screen and (max-width: 1023px){
    /*----------JOIN---*/
    /*login*/
    .adver_wrap dl {padding: 76px 2% 30px; text-align: center; background: no-repeat center top;}
    .adver_wrap dt{line-height: 27px;}
}
@media screen and (max-width: 768px){
    /*---JOIN---*/
    /*join01*/
    .step_wrap{position: relative; display: inline-block; width: 81px; height: 81px; overflow: hidden;}
    .join_step02 .step_wrap img{position: absolute; left: 50%; margin-left: -246px;}
    .join_step03 .step_wrap img{position: absolute; right: 0;}
    .join_step01 .step_li02, .join_step01 .step_li03{display: none;}
    .join_step02 .step_li01, .join_step02 .step_li03{display: none;}
    .join_step03 .step_li01, .join_step03 .step_li02{display: none;}
    /*join02*/
    .info_table .font_col {display: block; padding-top: 10px;}
    .info_table .info_btn {display: block; margin: 5px 0 0 0;}
    .pw_select_wrap {width: 90%;}
    .year_select_wrap, .month_select_wrap, .day_select_wrap{margin: 0 9px 5px 0;}
}
@media screen and (max-width: 480px){
    /*---JOIN---*/
    /*join02*/
    .info_table .m_input input{display: block; width: 90%;}
    .col_width{width: 100px;}
    .info_table th {padding-left: 20px;}
    .email_yes, .email_no {display: block;}
    .email_yes label, .email_no label {position: absolute; top: -3px; left: 27px;}
    .join_submit_wrap a {padding: 16px 30px 15px;}
    /*login*/
    .filed02.adver_wrap{width: 320px;}
    .login_info{width: 100%;}
    .login_wrap, .find_info {width: 80%;}
    .login_info span input {padding: 16px 10%; width: 80%;}
    .find_info {line-height: 20px;}
    .login_btn {width: 100%; padding-top: 10px; text-align: center;}
    .login_btn a {display: block; width: 100%; padding: 15px 0;}
    .adver_wrap dl {width: 96%; padding: 0 2% 30px; margin: 0 auto 117px; text-align: left; background: no-repeat 85% 15px;}
    .adver_wrap dl.aver02{border: 0;}
    .adver_wrap dl.aver01, .adver_wrap dl.aver02{margin-bottom: 0;}
    .adver_wrap dt{line-height: 27px;}
}