@charset "utf-8";

/* Contents Style Sheet
 * Design by DESIGNHARU 2016.04.25
 */
 
 #Member-Content table{}
 #Member-Content ul{padding-left:0;list-style:none}
 
/* ---------- login page ---------- */
.login { width:550px; margin:0px auto; }
.login:after {clear:both;display:block;content:''}
.login .login_box { overflow:hidden; padding:30px 50px; border:1px solid #ddd; background: url(../images/member/boxbg.png) repeat 0 0;}
.login .login_box h4 { font-size:1.200em; font-weight:700; color:#333; text-align:center; padding-bottom:15px; margin:10px 0 20px; border-bottom: 1px solid #d7d7d7;}

.login dl { float:left; width:320px; margin:0}
.login dl:after {clear:both;display:block;content:''}
.login dt { float:left; width:80px; padding-top:7px; font-weight:bold;}
.login dd { float:left; width:240px; margin-bottom:5px; padding:0  }
.login .login_form {width:100%; height:35px; margin:0; padding:0px 7px; border:solid 1px #cccccc; background:#ececec; text-align:left; background:#ececec;}

.login .login_btn { float:right; }
.login .login_btn a { width:110px; height:75px; text-decoration:none; }
.login .login_btn2 { display:inline-block; text-align:center; height:75px; line-height:75px; margin:0; background:#3a7ab8; border:0 none; font-size:1em; color:#fff; vertical-align:middle;}

.login .keeping { clear:both; margin:0 ;padding:0 0 10px;border-bottom: 1px solid #d7d7d7; }
.login .keeping .input_check { margin-left:80px;vertical-align:middle; }
.login .keeping label { position:relative; top:3px; padding-left:5px; font-size:13px; font-weight:normal; color:#666}

.login .find_btn { clear:both; text-align:center; margin:10px 0;padding-left:40px;}
.login .find_btn a { display:block; float:left; width:180px; padding:5px 0; font-size:0.85em; text-decoration:none; font-weight: 700; border-radius:3px; }
.login .find_btn .find { margin-right:10px; border:solid 1px #333; color:#fff; background:#666; }
.login .find_btn .join { border:solid 1px #d7d7d7;; color:#333; background:#fff; }
.btn_j { display:inline-block; line-height:22px; padding:0px 15px; border:0px; background:#666 !important; color:#fff; margin-left:5px; font-size:0.85em; }
.btn_j:hover { background:#333 !important; color:#fff; text-decoration:none; }


/* ---------- login2 page ---------- */
.login2 { width:610px; margin:0px auto; }
.login2:after {clear:both;display:block;content:''}
.login2 .login_box { overflow:hidden; padding:30px 50px; border:1px solid #ddd; background: url(../images/member/boxbg.png) repeat 0 0;}
.login2 .login_box h4 { font-size:1.200em; font-weight:700; color:#333; text-align:center; padding-bottom:15px; margin:10px 0 20px; border-bottom: 1px solid #d7d7d7;}

.login2 dl { float:left; width:380px; margin:0}
.login2 dl:after {clear:both;display:block;content:''}
.login2 dt { float:left; width:100px; padding-top:7px; font-weight:bold;}
.login2 dd { float:left; width:240px; margin-bottom:5px; padding:0  }
.login2 .login_form {width:100%; height:35px; margin:0; padding:0px 7px; border:solid 1px #cccccc; background:#ececec; text-align:left; background:#ececec;}

.login2 .login_btn { float:right; }
.login2 .login_btn a { width:110px; height:115px; text-decoration:none; }
.login2 .login_btn2 { display:inline-block; text-align:center; height:75px; line-height:75px; margin:0; background:#3a7ab8; border:0 none; font-size:1em; color:#fff; vertical-align:middle;padding-top:20px;}


/* ---------- search page ---------- */
.idpw_search_box h3 { margin-top:0px; margin-bottom:20px; padding-left:15px; background:url('../images/member/bt.gif') 0 3px no-repeat; font-size:1.2em; font-weight:bold; color:#333; }
.idpw_search_box .btnArea { overflow:hidden; width:100%; margin:20px 0 40px 0; text-align:center; }
.idpw_search_box .btnArea .btnMd { padding:7px 50px; border:0px; background:#2462a8 !important; color:#fff; }

.ip_box { border-top:2px solid #585858; border-bottom:1px solid #a0a0a0;;  }
.ip_box ul { overflow:hidden; width:100%; font-size:0.85em; }
.ip_box ul li { overflow:hidden; width:100%; border-top:1px solid #d8d8d8; }
.ip_box ul li:first-child { border-top:0; }
.ip_box ul li div {float:left; vertical-align:middle;}
.ip_box li .tit { width:12%; display:inline-block; margin-left:20px; font-weight:bold; line-height:150%; line-height:20px; padding:10px 0; color:#333; }
.ip_box li .cnt {width:80%; line-height:150%; line-height:20px; padding:10px 0; }

/* ---------- join-form page ---------- */
/* */
.ul_fin { margin-bottom:50px; }
.ul_fin:after {clear:both;display:block;content:''}
.ul_fin li { float:left; position:relative; margin-left:1%; width: 32%; }
.ul_fin .tit { margin: 0; padding: 0 0px 10px 80px; font-weight:normal; font-size:1.1em; color: #606060; line-height: 100%; }
.ul_fin .tit span.num { position: absolute; top:2px; left: 0; font-family: 'Arial'; }

.ul_fin li.current .tit{ color: #101010; font-weight: bold !important; }
.ul_fin li.current .bar { border-radius:5px; border:5px solid #666; }
.ul_fin li .bar { display: block; position: relative; height: 8px; text-align: right; border-radius:5px; border:5px solid #ededed; }

/* */
.join h4 { font-weight:bold; color: #333; font-size:1.1em; letter-spacing:-0.05em; border-bottom: solid 3px #82abd5; padding-bottom:10px; margin-bottom:30px; background:url('../images/member/bt2.png') 0 3px no-repeat; padding-left:20px; }
.join h3 { line-height:120%; margin-bottom:20px; padding-left:15px; background:url('../images/member/bt.gif') 0 3px no-repeat; font-size:1.2em; font-weight:bold; color:#333; }
.join .box_line { border:solid 3px #ddd; padding:10px 0 10px 20px; font-size:0.85em; }
.join .box_line h5 { margin-bottom:10px; font-size:1.1em; font-weight: bold;}
.join .box_line p { margin-bottom: 20px; line-height:150%;}
.join .box_line ul { margin-bottom: 20px; line-height:150%;}
.join .join_agree { padding:10px 0 20px 20px; font-size:0.9em; }
.join .join_agree input { vertical-align: middle; margin-top:0px !important; }


/* */
.join_box2 { border-collapse:collapse; width:100%; border-top:2px solid #006ac6; font-size:0.85em; }
.join_box2 th { background:#f8f8f8 url('../images/member/icon.gif') no-repeat 20px 50%; color:#666; padding: 10px 0 10px 33px; text-align:left; font-weight:bold; letter-spacing:-1px; border-bottom: 1px solid #eaeaea;}
.join_box2 td { border-bottom:1px solid #eaeaea; text-align:left; padding:10px 10px; }
.join_box2 .guide { margin-left:10px; font-size:0.9em; letter-spacing:-0.05em; }
.join_box2 .guide2 { margin-left:10px; font-size:0.9em; color: #9fa0a7;  }
.join_box2 label.form { display: inline-block; margin-right:10px; margin-bottom:0px !important; vertical-align: middle; }
.join_box2 .inputRadio { margin-bottom:3px; margin-top:0px !important; margin-right:5px !important; vertical-align:middle !important; }


/* */
.join_box3 { width:100%; border:1px solid #ddd; margin-bottom:50px; }
.join_box3 h3 { margin:0px auto; width:300px; font-size:2em; font-weight:bold; color:#666; padding:100px 0; }
.join_box3 h3 span { color:#2462a8; }

/* */
.policy { margin:10px; padding:20px; border:1px solid #ddd; background:#fff; font-size:0.95em; line-height: 150%; }
.agreebox { padding-left:15px; }
.agreebox input { position:relative; top:2px; }
.agreebox input { position:relative; top:2px; }
.agreebox .arl { padding-left:10px; }

.secession_process { overflow:hidden; width:100%; margin-top:20px; padding-top:30px; border-top:1px solid #e7e7e9; background:#fff; }
.secession_process h3 { width:100%; font-size:1.3em; font-weight:bold; text-align:center; letter-spacing:-0.05em; }
.secession_process span { display:block; width:100%; color:#7c7c83; text-align:center; }
.secession_process .drop_info { width:600px; height:190px; margin:20px auto 0; border-top:1px solid #dfdfe3; border-bottom:1px solid #dfdfe3; background-color:#f9f9fa; }
.secession_process .drop_info ul { width:300px; margin:0 auto; }
.secession_process .drop_info li { padding-top:10px; color:#333; }
.secession_process .drop_info li:first-child { padding-top:20px; }
.secession_process .drop_info li span, .secession_process .drop_info li label { display:inline-block; width:80px; }
.secession_process .drop_info li input { width:180px; height:24px; border:1px solid #ccc; line-height:24px; }
.secession_process .drop_info button { margin-top:15px; }
.secession_process .btn_cfm { display:block; width:55px; height:25px; margin:0 auto; background:#3a7ab8; border:0 none; color:#fff; }

/* ---------- etc page ---------- */
.text_line { overflow:hidden; background:#f9f9f9; }
.text_box { margin:10px; padding:20px; border:1px solid #ddd; background:#fff; font-size:0.95em; line-height: 150%; }
.text_box h5 { margin-bottom:10px; font-size:1.1em; font-weight: bold; }
.text_box p { margin-bottom:30px; padding-left:10px; }
.text_box ul { margin-bottom:30px; padding-left:10px; }



caption{ text-indent:-2000px; height:0; margin:0; padding:0;	font-size:0; line-height:0;	overflow:hidden; }

/* */
.btnbox {margin:20px 0 50px 0; text-align:center;}
.btnbox .btn{display:inline-block; padding:0px 40px; height:40px; line-height:40px; margin:0; background:#3a7ab8; border:0 none; border-top-right-radius:5px; border-bottom-left-radius:5px; box-shadow: 1px 1px 3px #999; font-size:1em; color:#fff; vertical-align:middle;}
.btnbox .btn + .btn{ margin-left:3px; background:#4d4d4d; }