@charset "utf-8";

/* title */
.sub_title {padding: 49px 0 28px; font-size: 24px; line-height: 24px; color: #111; font-weight: 400; letter-spacing: -1px; text-align:left;}

.login-page-wrap {width:500px; margin:0 auto; padding:0 15px 0; box-sizing:content-box;}
.login-page-wrap .banner_box {margin-top:30px;text-align:center;}
.login-page-wrap .banner_box>img{max-width:100%;}
.login-page-wrap .login-page {width:100%; }
.login-page-wrap .login-page .login-tab {display: table; width: 100%; table-layout: fixed; margin-bottom:30px;}
.login-page-wrap .login-page .login-tab li {display: table-cell;}
.login-page-wrap .login-page .login-tab li a {display: block; height: 45px; margin-left: -1px; border: 1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #666; background-color: #f6f6f6; font-size: 17px;  color: #767676; line-height: 44px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login-page-wrap .login-page .login-tab li.first {}
.login-page-wrap .login-page .login-tab li.on {position:relative;}
.login-page-wrap .login-page .login-tab li.on a {margin-bottom: -1px; padding-bottom: 1px; border: 1px solid #666; border-bottom: 0; background:#fff;}
.login-page-wrap .login-page .login-tab li.on:first-child a {border-left: 1px solid #666;}

.login-page-wrap .input_box {position: relative; display: block; margin-bottom:10px}
.login-page-wrap .input_box input {font-size:16px; height:44px; font-weight: 300; line-height:40px; width: 100%; border-color:#999; border: 1px solid #c9c9c9; text-indent: 10px; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login-page-wrap .input_box input:focus, .login-page-wrap .input_box input:hover {border-color: #999;}
.login-page-wrap button, .login-page-wrap .regist_account > a {display: inline-block; overflow: hidden; width: 100%; height:50px; color:#fff; border: 1px solid #d9d9d9; background: #fa2720; text-align: center; font-size: 17px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box;}
.login-page-wrap .login_chk {height:25px; margin-bottom:13px; padding:5px 0; text-align: left;}
.login-page-wrap .check_box {width:22px; height:22px;  position:relative;}
.login-page-wrap .find_account {padding: 17px 0; text-align: center;}
.login-page-wrap .regist_account {padding: 26px 0 0; border-top: 1px solid #d9d9d9; text-align:left;} 
.login-page-wrap .txt_info{display:block; font-size:16px; color:#4d4d4d; margin-bottom: 14px;}
.login-page-wrap .txt_info2{display:block; font-size:14px; color:#3333ff; margin: 24px 0;}
.login-page-wrap a.regist{line-height:50px; background:#fff; color:#666;}

.login-page-wrap .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;}
.login-page-wrap .input_box .check_box {overflow:hidden; width:320px; margin-left:84px;}
.login-page-wrap .input_box .check_box label {margin-left:6px;}
.login-page-wrap .input_box .check_box .find {float:right; color:#000;}
.login-page-wrap .input_box .check_box .find a {margin:0 3px;}

.login-page-wrap .joininfo_box {position:relative;margin-top:50px;background:#fafafa;border:1px solid #ddd;padding:30px 25px;line-height:24px;font-size:13px;}
.login-page-wrap .joininfo_box strong {font-size:14px;color:#000;}
.login-page-wrap .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; width: 680px; margin:0 auto;}
.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 {padding:50px 0 15px;}
.page_join .join_step {margin-bottom:30px;}
.page_join .join_step ul.type4cols {display: flex; justify-content: space-between; border:1px solid #dfdfdf;}
.page_join .join_step ul.type4cols li {width:100%; 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 {; 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 {}
.page_join .join_step ul.type3cols li:first-child {}
/* 인증 */
.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:14px; font-weight:600; color:#444;}
.page_join .box_guide .title_box h4 span {color:#e74c3c; margin:0 5px;}
.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 .box_guide > * {box-sizing:content-box;}
.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 input[type=checkbox] {width:23px; height:23px;}

/* 정보입력 */
.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:13px;font-weight:300;color:#999;text-align:center;}
.privacy_select_box table.privacy_select tbody td {padding:8px 10px 6px;line-height:16px; font-size:13px;}
.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 {margin-bottom:50px; }
.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:396px; 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:30px;}
.page_find_id .box_find .enter_info table tr.mail td select {float:left; width:130px; height:30px; margin-left:15px;}
.page_find_id .box_find .enter_info table tr.phone td select {float:left; width:130px; height:30px;}
.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:30px;}
.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 {margin-bottom: 50px;}
.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;}