@charset "utf-8";

/*---  회원관련 내 테이블은 commom.css에서 제어해줌 ---*/
/* 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 .banner_box {margin-top:100px;text-align:Center;}

.page_login .form_box {width:560px; margin:100px auto 0;}
.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;}
.page_login .input_box li {overflow:hidden;margin-bottom:15px;}
.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 {display:block;float:left;width:300px;padding:8px 9px 7px;}
.page_login .input_box .btn_login {position:absolute;right:0;top:0;background:#000;width:130px;height:85px;text-align:Center;color:#fff;font-weight:bold;font-size:16px;}
.page_login .input_box .check_box {overflow:hidden; width:320px; margin-left:84px;}
.page_login .input_box .check_box label {margin-left:6px;}
.page_login .input_box .check_box .find {float:right; color:#000;}
.page_login .input_box .check_box .find a {margin:0 3px;}

.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 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}

/*gate*/
#gate_box{margin:200px auto 0;width:550px;text-align:Center}
#gate_box h1{margin-bottom:18px}
#gate_box .login_box{border:solid 1px #b8b8b8;border-bottom:solid 3px #000;background-color:#f4f4f4;padding:36px 0 28px}
#gate_box form{overflow:hidden;width:270px;text-align:left;position:relative;margin:0 auto}
#gate_box lable{padding:5px 8px 0 0}
#gate_box input{width:160px;height:20px;border-left:solid 1px #ccc;border-top:solid 1px #ccc;border-bottom:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;margin-bottom:6px}
#gate_box form button{position:absolute;right:0;top:0;background:#747474;width:68px; height:66px; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#gate_box .login_box p{margin:20px 0;font-size:11px;line-height:16px;color:#888}
#gate_box .login_box p em{color:#000}

/* 아이디찾기, 비밀번호찾기 */
.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 .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_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;}