@charset "utf-8";

.member .mem_tit {margin:0 2%; padding:2% 0; border-bottom:1px solid #999;}
.member .mem_tit .tit_p {font-size:20px; font-weight:400; line-height:1.6em; }
.member .mem_tit .tit_p:before {content:url("../img/common/bullet_round.png"); padding:0 4px 0 0; margin:4px 0 0 0;}
.member .mem_tit .tit_p span {font-weight:700;}
.member .mem_tit .mem_sub {line-height:1.4em; font-size:14px; padding:0 0 0 22px; }
/* 로그인 */
.check_box {overflow:hidden; background:#fff; padding:7% 10%; }
.check_box:after{ clear:both; display:inline-block; content:"";}
.check_box ul {float:left;width:70%;text-align:left; }
.check_box ul li:first-child{ margin-top:0}
.check_box ul li{ margin-top:-1px}
.check_box ul li:after { clear:both; display:inline-block; content:"";}
.check_box ul li span.tit:before {content:url("../img/common/bullet_gray.png"); padding:0 4px 0 0;}
.check_box ul li span.tit {display:inline-block;width:30%; text-align:left; float:left; line-height:33px; font-weight:400}
.check_box ul li input{width:62%;height:33px;border:1px solid #ddd;line-height:33px; background:#f5f5f5; padding:0 5px}
.check_box ul li span {width:10px; float:left;}
.check_box ul li .num_in {width:55.2%; margin:0 0 0 3.4%;}
.check_box ul li .name_in {width:62%;}
.check_box .check_btn{float:right;width:30%; display:inline-block}
.check_box .check_btn input{height:69px;color:#fff;background:#000; display:inline-block; width:100%; font-weight:400; border:0;-webkit-border-radius:0;}

@media all and (max-width:500px){
.check_box {  padding:7% 5%;  border:0 }
}

.member .basic_tb tr th.a {width:40%;}
.member .basic_tb tr th.b {width:30%;}
.member .basic_tb tr th.c {width:30%;}



/*개인정보처리방침*/
.personal_info .list_tit {font-size:20px;}
.personal_info .list_tit span {font-weight:600;}
.personal_info .list_tit:before {content:url("../img/common/bullet_round.png"); padding:0 4px 0 0; margin:4px 0 0 0;}
.personal_info .list_info {width:100%; border:1px solid #ddd; }
.personal_info .list_info ul {padding:24px;}
.personal_info .list_info ul:after {clear:both; display:block; content:"";}
.personal_info .list_info ul li {float:left; width:50%;}
.personal_info .list_info ul li:last-child:after {clear:both; display:block; content:"";}
.personal_info .list_info ul li span {padding:2px 0 2px 10px; display:block;}
.personal_info .list_info ul li span:before {content:url("../img/common/bullet_blue.png"); padding:0 6px 0 0;}
.personal_info .list_info ul li a:hover {font-weight:600;}

.personal_info .pi_section .pi_tit {font-size:18px; color:#00aeee; font-weight:500; }
.personal_info .pi_section .pi_sub {margin:10px 0 0 20px; line-height:1.5em;}
.personal_info .pi_section .tb_sub {margin:0px 0 0 20px;}
.personal_info .pi_section dl {margin:15px 0 0 20px;}
.personal_info .pi_section dl dt {font-weight:500; font-size:16px;}
.personal_info .pi_section dl dt:before {content:url("../img/common/bullet_gray.png"); padding:0 4px 0 0;}
.personal_info .pi_section dl dd {margin:5px 0 0 10px;}

.personal_info .personal1 .basic_tb tr th.a {width:16%;}
.personal_info .personal1 .basic_tb tr th.b {width:28%;}
.personal_info .personal1 .basic_tb tr th.c {width:28%;}
.personal_info .personal1 .basic_tb tr th.d {width:28%;}

.personal_info .personal3 .basic_tb tr th.a {width:20%;}
.personal_info .personal3 .basic_tb tr th.b {width:10%;}
.personal_info .personal3 .basic_tb tr th.c {width:25%;}
.personal_info .personal3 .basic_tb tr th.d {width:25%;}
.personal_info .personal3 .basic_tb tr th.e {width:20%;}

.personal_info .personal4 .basic_tb tr th.a {width:10%;}
.personal_info .personal4 .basic_tb tr th.b {width:40%;}
.personal_info .personal4 .basic_tb tr th.c {width:10%;}
.personal_info .personal4 .basic_tb tr th.d {width:40%;}

@media all and (max-width:800px){
.personal_info .list_info ul li {float:left; width:100%;}
}
@media all and (max-width:520px){
.personal_info .list_info ul {padding:16px;}
.personal_info .list_info ul li span {padding:1px 0 1px 6px; display:block;}

.personal_info .pi_section .pi_tit {font-size:17px;}
.personal_info .pi_section .pi_sub {font-size:14px; margin:6px 0 0 20px; }
.personal_info .pi_section dl {font-size:14px; margin:10px 0 0 12px;}
.personal_info .pi_section dl dt {font-size:15px;}
.personal_info .pi_section dl dd {margin:3px 0 0 10px;}
.personal_info .basic_tb {font-size:14px;}
}
@media all and (max-width:420px){
.personal_info .pi_section .pi_tit {font-size:15px;}
.personal_info .pi_section dl dt {font-size:14px;}
.personal_info .basic_tb {font-size:13px;}

}

/* *************** */


/*회원가입*/
.member *{/* font-size:13px; vertical-align:middle !important;  word-break: keep-all;*/ } /*기본 설정 css때문에 추가 */
.member input[type=text]{font-size: 15px;}
.member input[type=password]{}
.member{ width:100%; overflow:hidden; /*padding:40px 0 40px 0;*/}
.member h3{ font-size:18px; margin:10px 0 10px 0 !important; padding:0; text-align:left; }
.member h4{ font-size:14px} /*아직 사용안함*/
.member h3 span{ display:block; font-weight:normal}

.member .engname span{margin-right: 6px; font-size: 14px!important;}
.member .engname input{margin-right: 15px !important;}
.br640{display: none;}

.member .adress input{width: 200px;}
.search_add,.member .overlap{display:inline-block; padding:0px 10px !important; margin-left:5px; cursor:pointer; line-height:30px; height:30px; font-size:0.8em; border: 1px solid #ddd;    outline: none; background: #fff;}
.member .adress .add1,.member .adress .add2{width: 100%}

.member .date td input{letter-spacing: 1px;}
.member .date td img{cursor: pointer; margin-left: 10px;vertical-align: middle;}

@media all and (max-width:1000px){
	.member h3{ font-size:16px;  }
}
@media all and (max-width:640px){
	.br640{display: block;}
}



.member_btn { clear:both; width:100%; text-align:center; padding:2em 0 ; margin:0; overflow:hidden} /* 버튼 공통, 회원 및 마이페이지*/
.btn_color1, .btn_color2{width:100px; display:inline-block;  padding:13px 0;font-weight:400; text-align:center;  line-height:1em; }
.btn_color1 { background:#7c7c7c;border:1px solid #7c7c7c;color:#fff !important; }  /*확인*/
.btn_color2 { background:#FFF; border:1px solid #b1b1b1; color:#000 !important;} /*취소 및 기타*/
.member .checkbox{border:none !important;vertical-align:middle;}



/* 로그인 */
.login_box { margin:20px auto; max-width:400px; overflow:hidden; background:#fff; padding:5% 10%; border:1px solid #CCC }
.login_box ul {float:left;width:70%;text-align:left; }
.login_box ul:after{ clear:both; display:inline-block; content:"";}
.login_box ul li:first-child{ margin-top:0}
.login_box ul li{ margin-top:-1px}
.login_box ul li span{display:inline-block;width:30%; text-align:left; float:left; line-height:33px; font-weight:400}
.login_box ul li input{width:62%;height:33px;border:1px solid #cccccc;line-height:33px; background:#f5f5f5; padding:0 5px}
.login_box .btn_login{float:right;width:30%; display:inline-block}
.login_box .btn_login input{height:69px;color:#fff;background:#005aab; display:inline-block; width:100%; font-weight:400; border:0;-webkit-border-radius:0;}
.login_box .more_btn{ clear:both; overflow:hidden; margin-top:20px; text-align:center }
.login_box .more_btn span{ display:inline-block; clear:both}
.login_box .more_btn a{  padding:5px 10px; display:inline-block; font-size:12px}


.snslogin{ clear:both; border:1px dotted #999; border-left:0; border-right:0; overflow:hidden; padding:10px 0}
.snslogin span{ width:35%; float:right; margin-left:5px}

@media all and (max-width:480px){
.login_box {  padding:10% 10%;  border:0 }
}

/*회원가입*/
.join{width:100%;}
.agree { width:100%; }
.agree .con{ height:200px;border:1px solid #ddd;background:#f5f5f5;line-height:20px; margin:0; overflow-y: auto;}
.agree .con .con_text{ padding:20px}

.agree .con .con_text .join{background: #f5f5f5; border: none; outline: none; resize: none;}

.agree .join_check {width:100%; text-align:center; padding:1em 0; clear:both }
.agree .join_check2{ border-bottom:1px dashed #CCC; padding:10px 0; text-align:left }
.agree .join_check2 label{ margin-right:10px;}

@media all and (max-width:640px){
.agree .con{height:100px;}
.agree .con .con_text{ padding:10px}
}



/*이용약관,개취 페이지*/
.agree .page { overflow-y:auto; height:600px;}

.agree .con_text > div{margin: 15px 0; color: #555;}
.agree .con_text p{padding-left: 15px; margin: 5px 0; font-size: 14px;}
.agree .con_text .tit{margin: 5px 0; font-weight: 500; color: #000; padding-left: 0; font-size: 15px;}
.agree .con_text .tit_s{padding-left: 0; margin: 0 0 5px; font-size: 14px;}
.agree .con_text strong{color: #f25f3f;}
.agree .con_text .basic_tb{width: 400px; background: #fcfcfc; margin: 15px 0 15px 15px;}
.agree .con_text .basic_tb th{background: #eee;}
.agree .con_text .basic_tb td{font-size: 14px;}

@media all and (max-width:480px){
  .agree .con_text .basic_tb{width: 100%; margin: 15px 0;}
}



/* join_form */
.join_form{width:100%;table-layout:fixed; border-top:1px solid #323232}
.join_form td,.join_form th{text-align:left;vertical-align:middle;border-bottom:1px solid #e0e0e0; min-height:30px}
.join_form th{color:#333;background:#fbfaf9; width:25%; text-align:center;padding:10px 5px; font-weight:400}
.join_form td{color:#666;background:#fff;padding:10px 10px; }
.join_form td input[type=text], .join_form td input[type=password]{padding: 0 5px;line-height:26px;height:28px;border:1px solid #d1d1d1;background:#f7f7f7; max-width:90%; color:#333; margin:3px 0}
.join_form tr td input[type=checkbox], .join_form tr td input[type=radio]{ }
.join_form tr td textarea{max-width:90%;}


.join_form .post_btn input{ height:30px; line-height:26px; padding:0 5px; background:#fff; color:#333}
.join_form .add_mat{ margin-top:3px}
.check_mess{ color:#F30; }
.join_form tr td span{ font-size:12px; padding:0 5px 0 0}

@media all and (max-width:640px){
.join_form tr td span{ display:inline-block}
}

/*회원가입완료*/
.welcomeWrap{width:50%;margin:50px auto 0 auto;text-align:center;}
.welcomeWrap .messageCont{padding:60px 0;border:solid 1px #e7e7e7;background:#fbfaf9;}
.welcomeWrap .messageCont .welcome{font-size:20px;color:#000;margin-bottom:10px;}



/* 아이디비번찾기 */
.find{width:60%; margin:0 auto; background:#fff; padding:0 0 0 0 }
@media all and (max-width:1000px){
.find{width:90%; margin:0 auto; background:#fff; padding:0% 5% }
}
.find h3 span{ color:#666; font-weight:normal; font-weight:200}
.find dl {width:100%; border-bottom:1px dotted #aaa; overflow:hidden; }
.find dl.ffirst {border-top:1px dotted #aaa;}
.find dl dt {float:left; text-align:center; width:20%; padding:10px 0; font-size:14px; line-height:30px; font-weight:400; }
.find dl dd {float:right; width:68%; padding:10px 5%; font-size:14px;  line-height:20px; font-weight:400; border-left:1px dotted #999;}


/*이용약관 속 내용*//* clause */
.clause{width:99%; line-height:20px; padding:0; margin:0; overflow:hidden; }


/* 회원탈퇴 */