/* 로그인 */
.loginArea { box-sizing: border-box;    width: 1200px;    margin: auto;    padding: 63px 0 53px 0;    border: 3px solid #E9ECEF; }
.login{width: 545px;    margin: auto;padding-bottom: 30px;    border-bottom: 1px solid #EEE; overflow:hidden;}
.loginInput {margin-right: 10px; float: left;}
.login dt label {  position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login dt label { position: absolute;  top: -999em;  height: 0;  line-height: 0;  font-size: 0;}
.login input.i_text {width: 400px;    padding: 14px 15px; border: 1px solid #CCC;    border-radius: inherit;    background-clip: padding-box;    -webkit-appearance: none; box-sizing: border-box; height:auto; background-color:#fff;}
.login dd.inputPw { margin-top:8px;}
.login input.btnLogin { float:right;  width: 130px;    height: 105px;    border: inherit;  font-size: 15px;    color: #FFF;    background: #41a39e;    cursor: pointer;    -webkit-transition: all 0.1s ease;    transition: all 0.1s ease;}

.login_sel{width:545px; margin:0 auto 40px;}
.login_sel ul{overflow:hidden;}
.login_sel ul li{float: left; width: 50%; cursor:pointer}
.login_sel ul li a{display: block; background: #f5f5f5; border: 1px solid #dadada; border-bottom: 2px solid #41a39e; font-size: 20px; text-align: center; height: 60px; line-height: 60px; box-sizing: border-box;}
.login_sel ul li.on a{background: #fff; color: #41a39e; border: 2px solid #41a39e; border-bottom: transparent; box-sizing: border-box;}

#be_main ul{width:545px; margin:0 auto 40px;}
#be_main ul li{position:relative; padding-left:100px; margin-bottom:5px; }
#be_main ul li span{position:absolute; left:0px; top:0;  height:48px; line-height:48px;}
#be_main ul li input.i_text{width: 445px;    padding: 14px 15px; border: 1px solid #CCC;    border-radius: inherit;    background-clip: padding-box;    -webkit-appearance: none; box-sizing: border-box; height:auto; background-color:#fff;}
#be_main ul li input.i_text2{width: 31.2%; padding: 14px 15px; border: 1px solid #CCC;    border-radius: inherit;    background-clip: padding-box;    -webkit-appearance: none; box-sizing: border-box; height:auto; background-color:#fff;}
#be_main ul li #be_check{margin-top:30px; display:block; height:65px; line-height:65px;  background:#41a39e; color:#fff; border:none; width:446px;  cursor:pointer;}

.login_bg{background:#E9ECEF; width:1200px; margin:0 auto 30px; padding:40px 40px;  position: relative; text-align:center;}
/* .login_bg:before{ content : ""; display : block; position : absolute; right :-40px; bottom:-20px; width : 191px; height : 177px;  background: url("/images/default/content/coin.png") no-repeat left top;} */
.login_bg:before{ content : ""; display : block; position : absolute; right :-40px; bottom:-20px; width : 191px; height : 177px; }
.login_bg h3{font-size:32px; color:#1d1d1d; font-weight:300;margin-bottom:20px;}
.login_bg p b{color:#1d1d1d; font-size:21px;}
.login_bg ul{background:#fff; border-radius:10px;overflow:hidden;margin-top:20px;}
.login_bg ul li{width:33.3%; float:left; padding:20px 0;position: relative;}
.login_bg ul li:before{ content : ""; display : block; position : absolute; left :0; top:20px; width : 1px; height : 60px;  background: url("/images/default/content/dot_bg.png") repeat-y ;opacity:0.4; }
.login_bg ul li:first-child:before{display:none;}
.login_bg ul li span{font-size:24px; font-weight:500;}
.login_bg ul li em{color:#999; font-size:15px;}

.lost_box{overflow:hidden; width: 545px;    margin: auto;padding-top: 25px;}
.lost_box_left {  width: 290px;  float: left;        color: #555;}
.lost_box ul:after {   clear: both;    display: block;    content: '';}
.lost_box_left  li {    position: relative;    line-height: 46px; padding-left: 10px;    font-size: 14px;}
.lost_box_left  li:before {    position: absolute;    top: 50%;    left: 0;    content: '';    display: block;    width: 4px;    height: 4px;    margin-top: -2px;    background: #D2BD99;}
.lost_box_right {  width: 250px;  float: left;  }
.lost_box_right a {    float: left;    min-width: 110px;    margin-bottom: 10px;    margin-left: 10px;    background: #FAFAFA;	display: inline-block;    height: 36px; line-height: 36px;   border: 1px solid #E0E0E0;    text-align: center;    font-size: 13px;    color: #555;}
.lost_box_right li:last-child a {    width: 230px;}
.lost_box_right a.join{background: #F0F0F0;}
.error{color: #ff0000; padding-top:5px; background: #f5f6f8;  }

/* 회원가입, 회원가입완료 */
.signup03{text-align:center;}
.signup03 .t_big{margin-top:20px; margin-bottom:10px; font-size:28px; font-weight:bold;}
.signup03 p.go_main{margin-top:10px;}
.signup03 p.go_main a{padding:15px 40px; background-color:#307cd7; color:#fff; font-weight:bold;}


/* 멤버 Step */
ul.step {margin-bottom: 20px; border:1px solid #ddd; overflow:hidden; table-layout:fixed;}
ul.step li{float:left; width:33.3%; height: 50px;text-align:center; background-color: #fafafa; line-height:50px; font-size: 15px; font-weight:bold;}
ul.step li.step_bg{ background: #fafafa url('/images/default/member/arrow.png') no-repeat right center;}
ul.step li.blue{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } 
ul.step li span.arrow_off{display:block;background: url('/images/default/member/arrow_off.png') no-repeat left top; height:50px; } 
ul.step li span.arrow_on{display:block;background: url('/images/default/member/arrow_on.png') no-repeat left top; height:50px; } 
ul.step li.on{background: #848e9a; color: #fff; }
ul.step li.arrow_last{display:block;background: #848e9a url('/images/member/arrow_off.png') no-repeat left top; height:50px; width:33.4%; color:#fff;} 


.user_agree input{vertical-align:middle;}
.btnChkUnique{ border: 1px solid #ff6e00;  font-size: 14px;  padding: 7px 10px;  background-color: #ff6e00; color: #fff;}

.example{font-size: 12px; color: #898989; margin-top: 5px;}
textarea {padding:1%; border:1px solid #e5e5e5; color:#4d4d4d; resize:none;}    

/* div.btn_wrap{text-align:center; margin-top:463px;margin-bottom:40px;} */
div.btn_wrap{text-align:center; margin-top:53px;margin-bottom:40px;}
.btn_confirm {margin:0px 5px; width:146px; height:50px; line-height:50px;   font-size: 16px;  font-weight: bold;  color: #fff; border:none; background-color: #41a39e; cursor:pointer;  }
.btn_cancel {margin:0px 5px;  width:146px; height:50px; line-height:50px;    font-size: 16px;  font-weight: bold;  color: #fff; border:none; background-color: #B9B2AF; cursor:pointer;  }

.btn_ok{ width:80px; height:28px; line-height:28px;   font-size: 14px;  font-weight: 600;  color: #41a39e; border:1px solid #ddd; background-color: #F8F8F8; cursor:pointer; border-radius:2px;  }
.reserCancle{ width:80px; height:28px; line-height:28px;   font-size: 14px;  font-weight: 600; border:1px solid #ddd; background-color: #F8F8F8; cursor:pointer; border-radius:2px;  }

/* 아이디 비번찾기 */
.searchWrap{overflow: hidden;  width: 100%;}
.IdSearch, .PwSearch{width:50%; float:left;}
.IdSearch h3, .PwSearch h3{ height:50px; text-align:center; line-height:50px; color: #fff;  background-color: #848e9a;  border: 1px solid #6b7785; font-size:15px; font-weight:bold;}
.PwSearch h3{color: #777; background-color: #e6e6e6;  border: 1px solid #bababa;}
.IdSearch h3 span, .PwSearch h3 span{background: url('/images/default/member/icon01.png') no-repeat 110px 8px; padding-left: 20px; background-size: 30px auto; height:50px; display:block; }
.PwSearch h3 span{background: url('/images/default/member/icon02.png') no-repeat 110px 8px; background-size: 30px auto;}
.searchWrap table{border-collapse: collapse;	border-spacing: 0; color: #898989;}
.searchWrap table th{ box-sizing:border-box; font-weight: bold; padding:30px 10px ; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;  font-size: 13px;}
.searchWrap table td{border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding:0px 10px ; }
.searchWrap table td.no_br{border-right:none;}
.searchWrap table td.mail{padding:30px 10px 0px 10px; }
.searchWrap table td input{height: 35px;background-color: #f5f6f8; border:0; width:90%; padding-left:5px;}
.IdSearch div.btnAction input, .PwSearch div.btnAction input{background-color: #ffca00; color: #46525b; border:1px solid #ffca00; width:100%; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; font-weight:bold; margin-top:15px; cursor:pointer;}
.PwSearch div.btnAction input{background-color: #46525b; color: #fff; border:1px solid #46525b;}


/* 회원탈퇴 */
.withdraw{width: 460px;margin: 0 auto; padding: 0px 0px 0px 0px; border: 1px solid #dadada;}
.infoTop { padding: 27px 19px 27px 65px;  background: url(/images/default/member/icon3.gif) no-repeat 16px center;  font-size: 14px;  line-height: 20px;  color: #333; }
.withdraw dl{clear:both; overflow:hidden; margin:0; padding:0; border-bottom: 1px solid #f0f0f0;}
.withdraw dt, .withdraw dd{float:left;  border-top: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}
.withdraw dt{width:23%; box-sizing:border-box;  padding:15px 10px; font-weight:bold;background-color: #fcfcfc; }
.withdraw dd{ width:77%; box-sizing:border-box; padding:10px 10px;  text-align: left;}
.withdraw dd.br{padding-top:15px; padding-bottom:10px;border-bottom: 1px solid #f0f0f0;}
.withdraw dt.br{padding:30px 10px; border-bottom: 1px solid #f0f0f0;}
.withdraw dd input{ height: 35px; border: 1px solid #e4e4e4;}
.guideList { clear:both; margin: 20px 14px 15px;  padding: 15px;  border: 1px solid #eee;  background-color: #fafafa;  text-align: justify;}
.withdrawBtn{width: 100%;  margin: 30px 0; text-align:center;}
.withdrawBtn input { width: 145px;  height: 45px !important; line-height:45px;  font-size: 18px;  font-weight: normal;  text-align: center;  color: #fff;}

/* 온라인문의 테이블*/
caption{display:none;}
table.online_tb {width:100%; border-top: 2px solid #000;table-layout:fixed;}
table.online_tb label{margin-right:20px;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2; padding:18px 20px; font-weight:normal;}
table.online_tb th{background-color:#f8f8f8;}
table.online_tb img{vertical-align:middle;}
table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
table.online_tb .file input[type="text"] {width:358px;}
table.online_tb .file a {margin-left:10px; vertical-align:middle;}
table.online_tb .file span {margin-left:20px; font-size:15px; color:#767676}
.fileBtn {display:inline-block; width:90px; height:35px; line-height:35px; background:#919190; font-weight:normal; font-size:15px; color:#fff; text-align:center;margin-left:0px !important;}
table.online_tb td.w10 input{width:10%;}

.radio{display:inline-block;  margin-right:40px;}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:30px; margin-left:0px; font-size:18px; color:#555; line-height:23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 25px; height: 23px; line-height: 23px; background:url("/images/default/content/radio.png") no-repeat 0 50%;}
.radio input[type="radio"].disabled + label:before {background:url("/images/default/content/radio.png") no-repeat 0 50%;}
.radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%}


/* 개인정보처리방침 이용약관 */
div.mem_con {color:#6c6c6c;}
h4.mem_title {display:none;}
h5.mem_title2 {font-size:20px;color:#000;font-weight:bold;margin-bottom:15px;margin-top:50px;}
p.mem_tit_text {margin-bottom:10px;margin-top:20px;color:#333;}
div.mem_table_wrap {border-top:2px solid #666;}
table.mem_table {border-bottom:1px solid #e1e1e1;border-collapse: collapse; font-size:15px; line-height:1.8;}
table.mem_table tr th {vertical-align:top;padding:20px;text-align:left;color: #555;border-bottom: 1px solid #e1e1e1;}
table.mem_table tr th:first-child {background:#f7f7f7;border-right:1px solid #e1e1e1;}
table.mem_table tr td {border:1px solid #e1e1e1;padding:17px;border-right:none;vertical-align:top; text-align:left;}
table.mem_table tr:first-child td {border-top:none;}
table.mem_table tr td p.interval {margin-top:10px;}
table.mem_table tr td ul li {margin-bottom:10px;}
table.mem_table tr td ul li.list2 {padding-left:20px;box-sizing:border-box;}

/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:30px 50px 30px 30px;
background:#f9f9f9 url('/images/default/content/email_ico.png') no-repeat 50px 25px;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:200px;padding-left:30px;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:10px;font-weight:bold;}
div.emailPolicy li.list2 {padding-left:10px;margin-top:10px;}
div.emailPolicy p {margin-bottom:10px;}
div.emailPolicy p span.point {font-weight:bold;color:#1546ac;}




/* 개인정보처리방침 이용약관 */

.letter_01 {font-weight: bold; color:#333; font-size:12px; display: block; width: 100%;  margin:30px 0 15px 0;}			
.letter_02{ margin-left: 15px; margin-top: 5px; margin-bottom: 10px; }
.letter_03{font-weight: bold; margin-top: 20px; margin-bottom: 10px;}
.memJoinRead .bohoDoc{ height:250px;overflow:scroll; overflow-x:hidden; border:1px solid #ccc; padding: 15px; line-height:18px;}
.bohoDoc h1 { margin:30px 0 15px 0; color:#333; font-size:15px; font-weight: bold; }
.bohoDoc h3 { margin:30px 0 15px 0; color:#333; font-size:12px; font-weight: bold; }
.bohoDoc p { margin-left:0px; line-height: 18px; }
.bohoDoc p.txt_indent{margin-left: 15px;  font-size:12px;  margin-top: 10px; margin-bottom: 10px; }
.bohoDoc .mt_0{margin-top:0px;}