@charset "utf-8";

/*---  회원관련 내 테이블은 commom.css에서 제어해줌 ---*/
.join {margin:0 0 100px;}
.join .top {width: 100%; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #dbdbdb;}
.join .top h2 {float: left; padding: 0 0 0 3px; color: #111; font-size: 24px;}
.join .top > div {float: right; padding: 10px 0 0;}
.join .top > div span { margin: 0 12px 0 0; padding: 0 27px 0 0; background: url('../images/breadcrumbs.png') no-repeat right 10px; color: #bdbcbc; font-size: 16px;}
.join .top > div span.sel {color: #111; font-weight:900;}
.join .top div span.end { margin: 0; padding: 0; background: none;}
.join .terms { width: 100%; margin: 0 auto; position:relative; text-align:left; }
.join .terms h4 {position:relative;  margin: 0 0 18px; padding: 64px 0 13px; border-bottom: 1px solid #717171; color: #111; font-size: 20px; font-weight: normal;}
.join .terms h4.filed_title {margin: 0; padding: 24px 0 3px 0;  border-bottom: 0 none; font-size: 16px;}
.join .terms h4 span.infomsg{position:absolute; right:0; bottom:3px; font-size:14px; color:#0000cc;}
.join .terms .guide {padding-top:32px; }
.join .terms .guide h5 { position: relative; min-height: 20px; color: #333; font-size: 13px;}
.join .terms .guide > div { overflow-x: hidden; overflow-y: auto; height: 100px; margin: 10px 0 0; padding: 20px; border: 1px solid #e6e6e6; border-top: 1px solid #717171; line-height: 18px;}
.join .input-required {width:4px; height:4px; background:#333; border-radius:20px; display:inline-block; }
.join .btn { padding: 40px 0 0; font-size: 0; text-align: center;}
.join label{display:inline;}
.join td input{display:inline-block;}
.join button.member {padding: 7px 14px 12px 14px;}
.join .disable{background:#eee; color:#999;}
.join .hidden{display:none;}
.join .input_box {position:relative; margin:80px 0 0 0;}
.join .input_box li {overflow:hidden;margin-bottom:15px; border-bottom:1px solid #ddd;}
.join .input_box li > span {display:block;float:left;width:84px;padding:0 ;color:#000;line-height:35px;}
.join .input_box li > input {font-size: 18px; display:block;float:left;width:100%; height:75px; line-height:75px; border:none 0; padding:0 20px;}
.join .input_box .btn_login {background:#000;width:100%;height:85px;text-align:Center;color:#fff;font-weight:600;font-size:20px; margin-top:15px;}
.join .input_box .check_box {overflow:hidden; width:100%; text-align:left; margin:20px 0 0 0; font-size:16px;}
.join .input_box .check_box label {margin-left:6px;}
.join .input_box .check_box .find {float:right; color:#333; margin-top:25px; overflow:hidden;}
.join .input_box .check_box .find a {display: inline-block; width: 275px; height: 50px; line-height: 50px; vertical-align: middle; text-align:center; text-decoration: none;}
.join .input_box .check_box .find a.find_id{background:#fafafa; border:1px solid #ddd;}
.join .input_box .check_box .find a.find_pw{background:#fafafa; border:1px solid #ddd;}

.join .input_box strong {font-size:14px;color:#000;}
.join .input_box .btn_join {position:absolute;right:30px;top:50%;margin-top:-16px;padding:8px 24px;background:#fff;border:1px solid #000;font-size:12px;line-height:14px;color:#000;font-weight:bold;}

.join .input_box li select {float:left;height:75px; line-height:75px;padding-left:20px; width:140px; border:none 0; font-size:18px; }
.join .input_box li > span.blank {float:left;width:50px;padding:0 ;color:#999;line-height:75px;text-align:center; font-size:36px;}
.join .input_box li > input.number {font-size: 18px; float:left;width:60px; height:75px; line-height:75px; border:none 0; padding:0 20px;}

.join .input_box .input-area > label { width: 140px;  margin: 0; line-height: 65px; display:inline-block; font-size:18px;}
.join .input_box .input-area > input { width: calc(100% - 186px); padding: 0 20px; height: 62px; line-height: 62px; font-size:18px; border-top: none; border-right: none; border-bottom: 1px solid #cdcdcd; border-left: none;}
.join .input_box .input-area select { padding:0; padding-left: 20px; vertical-align:middle; font-size:18px; height: 62px; line-height: 62px; border: none; border-bottom: 1px solid #cdcdcd; }
.join .input_box .input-area .blank { font-size:18px; display: inline-block; width: 40px; line-height: 62px; color: #666; text-align: center;}

.join .input_box .input-area.mobile > input {width: calc(100% - 340px); }
.join .input_box .input-area > button {padding:0; height:62px;}

/* inform box */
.join_inform{margin-bottom:38px;padding-left:20px;font-size:11px;color:#666}

/* 이용약관,개인정보 내용 */
div.box_guide{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3}
div.box_guide div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_guide div strong{color:#000}
div.agree_check{margin-bottom:30px;font-size:11px;text-align:right}
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}


/* title */
.subtitle {margin:40px 0 0;padding-bottom:10px;font-size:20px;border-bottom:2px solid #000;color:#000;font-weight:bold;line-height:30px;}
.subtitle span {padding-left:15px;font-size:13px;color:#666;font-weight:normal;}

/************************ 로그인 ********************/
.page_login {padding:30px 0; background:#fff;}
.page_login .banner_box {margin-top:100px;text-align:Center;}

.page_login .form_box {width:560px; margin:50px auto 0; text-align:center; }
.page_login .form_box h3{margin-bottom: 50px; font-size: 46px; display:block; color:#000;}
.page_login .form_box .tab_menu_box {border-top:0 none;margin-bottom:50px;}
.page_login .form_box .tab_menu_box ul li {width:278px;border-top:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #000;}
.page_login .form_box .tab_menu_box ul li a {display:block;padding:15px 0;margin:0;background:#f8f8f8;border:0 none;text-align:center;line-height:16px;font-size:16px;}
.page_login .form_box .tab_menu_box ul li.first {width:277px;border-left:1px solid #dfdfdf}
.page_login .form_box .tab_menu_box ul li.on {border:1px solid #000;border-bottom:1px solid #fff;}
.page_login .form_box .tab_menu_box ul li.on a {background:#fff;color:#000;font-weight:bold;}

.page_login .input_box {position:relative; margin:80px 0 0 0;}
.page_login .input_box li {overflow:hidden;margin-bottom:15px; border-bottom:1px solid #ddd;}
.page_login .input_box li > span {display:block;float:left;width:84px;padding:0 ;color:#000;line-height:35px;}
.page_login .input_box li > input {font-size: 18px; display:block;float:left;width:100%; height:75px; line-height:75px; border:none 0; padding:0 20px;}
.page_login .input_box .btn_login {background:#000;width:100%;height:85px;text-align:Center;color:#fff;font-weight:600;font-size:20px; margin-top:15px;}
.page_login .input_box .check_box {overflow:hidden; width:100%; text-align:left; margin:20px 0 0 0; font-size:16px;}
.page_login .input_box .check_box label {margin-left:6px;}
.page_login .input_box .find {display:table; width: 100%; color:#333; margin-top:25px; overflow:hidden;}
.page_login .input_box .find a { display:table-cell; height: 50px; line-height: 50px; vertical-align: middle; text-align:center; text-decoration: none; font-size:17px;}
.page_login .input_box .find a.find_id{background:#fafafa; border:1px solid #ddd;}
.page_login .input_box .find a.find_pw{background:#fafafa; border:1px solid #ddd;}
.page_login .joininfo_box {position:relative;margin-top:50px;background:#fafafa;border:1px solid #ddd;padding:30px 25px;line-height:24px;font-size:13px;}
.page_login .joininfo_box strong {font-size:14px;color:#000;}
.page_login .joininfo_box .btn_join {position:absolute;right:30px;top:50%;margin-top:-16px;padding:8px 24px;background:#fff;border:1px solid #000;font-size:12px;line-height:14px;color:#000;font-weight:bold;}

.join_title{margin-bottom:13px}

/* inform box */
.join_inform {padding:10px 22px;font-size:13px;border:1px solid #dfdfdf; background:#fafafa;}
.join_inform li {padding:2px 0 3px 17px; background:url(../imgs/icon/bul_gray_square.png) no-repeat left center;}
.join_inform02 {padding:16px 22px;background:#fff;}

/* 회원 가입 */
/* 회원가입 step */
.page_join .join_step {margin-bottom:30px;}
.page_join .join_step ul.type4cols {overflow:hidden; border:1px solid #dfdfdf;}
.page_join .join_step ul.type4cols li {float:left; width:274px; padding:18px 0; font-size:16px; text-align:center; border-left:1px solid #dfdfdf; background:#f6f6f6;}
.page_join .join_step ul.type4cols li span {font-size:12px;}
.page_join .join_step ul.type4cols li:first-child {width:273px; border-left:0 none;}
.page_join .join_step ul.type4cols li.on {font-weight:bold; color:#fff; border-color:#000; background:#000;}
.page_join .join_step ul.type3cols li {width:365px;}
.page_join .join_step ul.type3cols li:first-child {width:366px;}
/* 인증 */
.page_join .enter_info .list {overflow:hidden; padding:50px 0 49px; text-align:center; border-bottom:1px solid #dfdfdf;}
.page_join .enter_info .list ul {display:inline-block;}
.page_join .enter_info .list ul li {float:left; width:549px; padding:18px 0 36px; text-align:center; border-left:1px solid #eee;}
.page_join .enter_info .list ul li:first-child {border-left:0;}
.page_join .enter_info .list ul li p {margin-top:25px; font-size:18px; font-weight:bold; color:#000;}
.page_join .enter_info .list ul li span {display:block; margin-top:15px; color:#666;}
.page_join .enter_info .list ul li .buttons_box button, .page_join .enter_info .list li .buttons_box a {display:inline-block; width:116px; height:34px; line-height:34px;}
/* 동의 */
.page_join .box_guide{margin:30px 0 0;border:1px solid #dfdfdf;}
.page_join .box_guide .title_box {height:46px; padding:0 25px 0 19px; line-height:46px; border-bottom:1px solid #dfdfdf; background:#fafafa;}
.page_join .box_guide .title_box h4 {float:left; font-size:16px; font-weight:bold; color:#444;}
.page_join .box_guide .title_box h4 span {font-size:14px; color:#e74c3c;}
.page_join .box_guide .title_box h4 span.choice {color:#666;}
.page_join .box_guide .title_box p {float:right;}
.page_join .box_guide div.scroll_box {overflow-y:scroll;height:120px;background-color:#fff;line-height:18px;color:#666;padding:20px;}
.page_join .all_agree {margin-top:30px; text-align:right;}
.page_join .all_agree label {margin-left:5px;font-weight:bold;color:#000;}
.page_join .all_agree label span {color:#666;}

/* 정보입력 */
.page_join .type_rows {margin-bottom:15px;}

/* 완료 */
.page_join .finish_box {padding:50px 157px; text-align:center; border:1px solid #dfdfdf;}
.page_join .finish_box .text {margin:30px 0 25px; font-size:18px; color:#000;}
.page_join .finish_box .text span {font-weight:bold; color:#e74c3c;}
.page_join .finish_box .type_rows tr td {text-align:left;}

div.agree_check{margin-bottom:30px;font-size:11px;text-align:right}
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}
.privacy_select_box {background-color:#fff;line-height:18px;color:#666;padding:20px;}
.privacy_select_box p label {font-size:11px;font-weight:bold;color:#000}
.privacy_select_box table.privacy_select {width:100%;border-top:solid 1px #c9c9c9;}
.privacy_select_box table.privacy_select thead th,
.privacy_select_box table.privacy_select tbody td {border-bottom:solid 1px #c9c9c9;padding:6px 0;border-left:solid 1px #c9c9c9}
.privacy_select_box table.privacy_select thead th {background:#f5f5f5;font-size:11px;font-weight:normal;color:#999;text-align:center;}
.privacy_select_box table.privacy_select tbody td {padding:8px 10px 6px;line-height:16px;}
.privacy_select_box table.privacy_select tbody td.check {text-align:center;}
.privacy_select_box table.privacy_select .no_line {border-left:none 0;}

/* 본인인증 */
.mgt40 {margin-top:40px;}
.box_verity{margin:12px 0;border-top:1px solid #444;border-bottom:solid 1px #dbdbdb}
.box_verity .type_check{margin:20px 9px 15px;font-size:11px;text-align:left}
.box_verity .type_check input{margin:0 0 0 18px}
.box_verity .type_check label{color:#666}
.box_verity .type_btn{background:#f1f1f1;padding:12px 27px}
.box_verity ul{margin:20px 27px}
.box_verity ul li{color:#888}

/* 아이디찾기, 비밀번호찾기 */
.page_find_id {padding:30px 0; background:#fff;}

.page_find_id .banner_box {margin-top:100px;text-align:Center;}
.page_find_id .find_tab ul {overflow:hidden; margin:50px 0 60px;}
.page_find_id .find_tab ul li {float:left; width:549px; border:1px solid #dfdfdf; border-bottom:1px solid #000; border-left:0;}
.page_find_id .find_tab ul li a {display:block; height:48px; line-height:48px; text-align:center; font-size:16px; color:#999; background:#f8f8f8;}
.page_find_id .find_tab ul li.on {width:548px; border:1px solid #000; border-bottom:1px solid #fff;}
.page_find_id .find_tab ul li.on a {font-weight:bold; color:#000; background:#fff;}
.page_find_id .find_wrap {position:relative;}
.page_find_id .find_wrap .pagetitle {margin-bottom:0; border:0 none;}

.page_find_id .find_wrap {width:660px; margin:50px auto 0; text-align:center; }
.page_find_id .find_wrap h3{margin-bottom: 30px; font-size: 46px; display:block; color:#000;}

.page_find_id .find_wrap .inquiry_tab {position:absolute; right:0; top:6px;}
.page_find_id .find_wrap .inquiry_tab ul {overflow:hidden; border:1px solid #ddd;}
.page_find_id .find_wrap .inquiry_tab ul li {float:left; width:130px; height:28px; line-height:28px; text-align:center; color:#999; background:#eee;}
.page_find_id .find_wrap .inquiry_tab ul li a {display:block;}
.page_find_id .find_wrap .inquiry_tab ul li.on {font-weight:bold; color:#000; background:#fff;}

.page_find_pw .find_tab ul li {border-left:1px solid #dfdfdf; border-right:0;}
.page_find_pw .hidden{display:none;}

.page_find_pw .input_box .input-area {text-align:left; position:relative;}
.page_find_pw .input_box .input-area > label { width: 140px;  margin: 0; line-height: 65px; display:inline-block; font-size:18px;}
.page_find_pw .input_box .input-area > input { width: calc(100% - 186px); padding: 0 20px; height: 62px; line-height: 62px; font-size:18px; border-top: none; border-right: none; border-bottom: 1px solid #cdcdcd; border-left: none;}
.page_find_pw .input_box .input-area select { padding:0; padding-left: 20px; vertical-align:middle; font-size:18px; height: 62px; line-height: 62px; border: none; border-bottom: 1px solid #cdcdcd; color: #999;}
.page_find_pw .input_box .input-area .blank { font-size:18px; display: inline-block; width: 40px; line-height: 62px; color: #666; text-align: center;}
.page_find_pw .input_box .input-area.mobile > input {width: calc(100% - 617px); }
.page_find_pw .input_box .input-area > button {padding:0; height:62px;}
.page_find_pw .input_box .btn_find {background:#000;width:100%;height:85px;text-align:Center;color:#fff;font-weight:600;font-size:20px; margin-top:15px;}

.page_find_id .find_wrap .box_find {margin:50px 0;}
.page_find_id .find_wrap .box_find .list{margin-bottom:40px;}
.page_find_id .find_wrap .box_find strong{font-size:18px; color:#000;}

.page_find_id .find_wrap .box_find #member_info {margin-top:50px;}

.page_find_id .find_wrap .box_find #member_info li {overflow:hidden;margin-bottom:15px; }
.page_find_id .find_wrap .box_find #member_info li select {float:left;height:75px; line-height:75px;padding-left:20px; width:140px; border:none 0; border-bottom:1px solid #ddd; font-size:18px; }
.page_find_id .find_wrap .box_find #member_info li > span {float:left;width:50px;padding:0 ;color:#999;line-height:75px;text-align:center; font-size:36px;}
.page_find_id .find_wrap .box_find #member_info li > input {font-size: 18px; float:left;width:120px; height:75px; line-height:75px; border:none 0; padding:0 20px; border-bottom:1px solid #ddd;}
.page_find_id .find_wrap #member_info .btn_find {background:#000;width:100%;height:85px;text-align:Center;color:#fff;font-weight:600;font-size:20px; margin-top:15px;}


/* 본인인증 없을때 */
.page_find_id .box_find .enter_info{width:500px; margin:30px auto 0;}
.page_find_id .box_find .enter_info .certify {padding:20px 0; text-align:center;}
.page_find_id .box_find .enter_info .certify ul {overflow:hidden; display:inline-block;}
.page_find_id .box_find .enter_info .certify ul li {float:left; margin:0 10px;}
.page_find_id .box_find .enter_info .certify ul li label {margin-left:5px;}
.page_find_id .box_find .enter_info table{table-layout:fixed;}
.page_find_id .box_find .enter_info table tr th{padding-bottom:15px; font-weight:normal;color:#000;}
.page_find_id .box_find .enter_info table tr td{padding-bottom:15px;}
.page_find_id .box_find .enter_info table tr td input[type=text] {width:411px; padding:8px 6px;}
.page_find_id .box_find .enter_info table tr.mail {display:none;}
.page_find_id .box_find .enter_info table tr.mail td input[type=text] {float:left; width:116px;}
.page_find_id .box_find .enter_info table tr.mail td .at {float:left; width:20px; text-align:center; line-height:36px;}
.page_find_id .box_find .enter_info table tr.mail td select {float:left; width:130px; height:36px; margin-left:15px;}
.page_find_id .box_find .enter_info table tr.phone td select {float:left; width:130px; height:36px;}
.page_find_id .box_find .enter_info table tr.phone td input[type=text] {float:left; width:116px;}
.page_find_id .box_find .enter_info table tr.phone td .blank {float:left; width:17px; text-align:center; line-height:36px;}
.page_find_id .box_find .buttons_box button, .page_find_id .box_find .buttons_box a {display:block; width:500px;}
.page_find_id .box_find .buttons_box button.border, .page_find_id .box_find .buttons_box a.border {width:498px;  margin-top:15px;}

/* 본인인증 있을때 */
.page_find_id .box_find .enter_info2 {width:100%; margin-top:15px;}
.page_find_id .box_find .enter_info2 .table_box {width:100%; padding:15px 0; border:1px solid #dfdfdf; background:#fafafa;}
.page_find_id .box_find .enter_info2 table {width:500px; margin:0 auto;}
.page_find_id .box_find .enter_info2 table tr th {padding:5px 0;}
.page_find_id .box_find .enter_info2 table tr td {padding:5px 0;}
.page_find_id .box_find .enter_info2 table tr.mail td input[type=text] {float:left; width:121px;}
.page_find_id .box_find .enter_info2 table tr.mail td .at {float:left; margin:0 4px; line-height:36px;}
.page_find_id .box_find .enter_info2 table tr.mail td select {float:left; height:36px; margin-left:10px;}
.page_find_id .box_find .enter_info2 .list {overflow:hidden; padding:50px 0 49px; text-align:center; border-top:1px solid #dfdfdf;}
.page_find_id .box_find .enter_info2 .list ul {display:inline-block;}
.page_find_id .box_find .enter_info2 .list ul li {float:left; width:549px; padding:18px 0 36px; text-align:center; border-left:1px solid #eee;}
.page_find_id .box_find .enter_info2 .list ul li:first-child {border-left:0;}
.page_find_id .box_find .enter_info2 .list ul li p {margin-top:25px; font-size:18px; font-weight:bold; color:#000;}
.page_find_id .box_find .enter_info2 .list ul li span {display:block; margin-top:15px; color:#666;}
.page_find_id .box_find .enter_info2 .list ul li .buttons_box button, .page_find_id .box_find .enter_info2 .list li .buttons_box a {display:inline-block; width:116px; height:34px; line-height:34px;}

/* 아이디 찾기 완료 */
.page_find_id_finish .pagetitle {margin-bottom:0;}
.page_find_id_finish .box_find .list {padding:60px 0; text-align:center;}
.page_find_id_finish .box_find .list ul {display:inline-block;}
.page_find_id_finish .box_find .list ul li {padding:13px 0; font-size:16px; font-weight:bold; color:#000;}
.page_find_id_finish .box_find .list ul li span {font-size:12px; font-weight:normal;}

/* 비밀번호 찾기 완료 */
.page_find_pw_finish .box_find {border-bottom:1px solid #dfdfdf;}
.page_find_pw_finish .box_find .enter_info {width:440px; margin:70px auto 0; padding-bottom:45px;}
.page_find_pw_finish .box_find .enter_info table{table-layout:fixed;}
.page_find_pw_finish .box_find .enter_info table tr th{padding-bottom:15px; font-weight:normal;color:#000;}
.page_find_pw_finish .box_find .enter_info table tr td{padding-bottom:15px;}
.page_find_pw_finish .box_find .enter_info table tr td input[type=password] {width:306px; padding:8px 6px;}
.page_find_pw_finish .box_find .enter_info table tr td strong {font-size:16px; color:#000;}
.page_find_pw_finish .box_find .enter_info table tr td.explan {padding-left:110px; font-size:12px; color:#666;}

/* 휴면회원전환 */
.page_diapause .diapause_data .enter_info{width:500px; margin:60px auto 0;}
.page_diapause .diapause_data .enter_info table{table-layout:fixed;}
.page_diapause .diapause_data .enter_info table tr th{padding-bottom:15px; font-weight:normal;color:#000;}
.page_diapause .diapause_data .enter_info table tr td{padding-bottom:15px;}
.page_diapause .diapause_data .enter_info table tr td input[type=text] {width:411px; padding:8px 6px;}
.page_diapause .diapause_data .enter_info table tr.mail td input[type=text] {float:left; width:116px;}
.page_diapause .diapause_data .enter_info table tr.mail td .at {float:left; width:20px; text-align:center; line-height:36px;}
.page_diapause .diapause_data .enter_info table tr.mail td select {float:left; width:130px; height:36px; margin-left:15px;}
.page_diapause .diapause_data .buttons_box button, .page_diapause .diapause_data .buttons_box a {display:block; width:500px;}
.page_diapause .diapause_data .buttons_box button.border, .page_diapause .diapause_data .buttons_box a.border {width:498px;  margin-top:15px;}
