@charset "utf-8";


.center {text-align:center}
/* 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:60px 0 40px;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 #fff;border-right:1px solid #fff;border-bottom:1px solid #000;}
.page_login .form_box .tab_menu_box ul li a {display:block;padding:15px 0;margin:0;background:#fff;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 #fff;}
.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;  border-radius: 5px;}
.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:20px;background:#f7f7f7;padding:10px 25px;line-height:24px;font-size:13px;  border-radius: 5px;}
.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 #eaeaea;font-size:12px;line-height:14px;color:#000;font-weight:bold;  border-radius: 5px;}

.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 8px;}
.join_inform li span:first-child {color:#b2324a;margin:0 0 2px}
.join_inform li span {display:block}
.join_inform li span em {font-size:16px;color:#000}
.join_inform02 {padding:16px 22px;background:#fff;}

/* 회원 가입 */
/* 회원가입 step */
.page_join .join_step {margin-bottom:30px;margin-top: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:#444; background:#444;}
.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:340px; 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;}
.page_join .finish_box .off_sum {border:1px solid #ddd;text-aling:center;padding:5px}

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 .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 {right:0;margin:20px 0 0}
.page_find_id .find_wrap .inquiry_tab ul {overflow:hidden;}
.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; border:1px solid #ddd;border-bottom:0}
.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:#136b64;}
.page_find_id .find_wrap .inquiry_tab ul li.on a {color:#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:0px auto 0;}
.page_find_id .box_find .enter_info .certify {padding:40px 0 20px; 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%; }
.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;}
/* 한글아이디변경 팝업 */
.id_change {background:url(/images/common/bg_popup.gif) no-repeat;width:555px;position:relative}
.id_change h3 {height:40px;background-color:#454565;color:#fff;padding:40px 0 0;width:240px;position:absolute;top:0;left:160px;text-align:center;font-weight:bold}
.id_change .txt {padding:100px 90px 0;width:370px;line-height:1.9;font-size:16px}
.id_change .txt span.line {border-bottom:1px solid #8884d0;padding-bottom:2px;color:#8884d0}
.id_change .change {margin:20px 0 0 ;text-align:center}
.id_change .change button {background-color:#454565;padding:5px 20px;border-radius:15px;color:#fff }
.id_change .btn {padding:55px 0 25px;text-align:center}
.id_change .btn a {width:100px;background-color:#ddd;padding:7px 12px;font-size:16px}
.id_change .btn a.ok {}
.pw_check {width:800px;margin:0 auto}
.pw_check .pwChange {margin:20px 0 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f9f9f9;padding:20px 35px}
.pw_check .pwChange dl {overflow:hidden;margin:5px 0}
.pw_check .pwChange dl dt {float:left;width:100px;line-height:1.6;background:url(/images/ico/ico_checkdot.png) no-repeat 0 7px;padding-left:13px}
.pw_check .pwChange dl:first-child dt {background:none}
.pw_check .pwChange dl dt + dd {float:left;padding-right:15px}
.pw_check .pwChange dl dd {line-height:1.9;font-size:13px}
.pw_check .btn {text-align:center;margin:50px 0 20px}
.pw_check .btn a {background-color:#ddd;padding:10px 20px;font-size:18px}
.pw_check .btn a.ok {background-color:#3b5c8d;color:#fff}
.unityCheck {width:1100px;margin:0 auto}
.unityCheck h3 {font-size:18px;margin:0 0 10px}
.unityCheck .txt {font-size:16px;line-height:1.8}
.unityCheck .txt span.line {border-bottom:1px solid #8884d0;padding-bottom:2px;color:#8884d0}
.unityCheck .offShop {border:1px solid #ddd;background-color:;border-radius:15px;padding:15px 30px;line-height:1.8;margin:40px auto;width:260px}
.unityCheck .offShop h4 {border-bottom:1px solid #ddd;text-align:center;margin: 0 0 7px;padding:0 0 5px}
.unityCheck .offShop strong {width:60px;padding-right:10px;display:block;float:left}
.unityCheck table {border:1px solid #ddd;}
.unityCheck table thead th, .unityCheck table tbody th {font-size:;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;background-color:#efefef}
.unityCheck table tbody td {border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:10px 0 10px 20px;text-align:left}
.unityCheck .compare {text-align:right}
.unityCheck .compare button {margin:15px 0 40px;text-align:center;padding:8px 20px 8px 25px;background:#ddd url(/images/ico/ico_checkdot.png) no-repeat 12px 12px;color:#4d7fca}
.unityCheck .offShop a {margin-left:20px;background-color:#dedede;padding:3px 5px;border-radius:3px;font-size:12px;border:1px solid #ddd;}
.unityCheck .checkPart {border:1px solid #dedede;padding:25px 35px;margin:0 0 30px}
.unityCheck .checkPart .txt:first-child {margin:0 0 20px}
.unityCheck .checkPart .txt p {margin:0 0 3px}
.unityCheck .checkPart .txt p.areaCh {background-color:#eaeaea;padding:5px 15px}
.unityCheck .txt p.bgBack {background-color:#4d7fca;color:#fff;display:inline-block;padding:0 5px;border-radius:15px;padding:0 25px}
.unityCheck .checkPart .txt p em {display:block;font-size:13px}
.unityCheck .btn {margin:20px 0}
.unityCheck .btn a {background-color:#ddd;padding:10px 20px 10px 25px;font-size:18px;border-radius:3px}
.unityCheck .btn a.ok {background:#4d7fca url(/images/ico/ico_checkdotw.png) no-repeat 8px 15px;color:#fff}
.unityCheck .btn p {margin:0 0 20px;font-size:13px;color:#4d7fca}
.unityCheck .txt select {font-size:17px;background-color:#4d7fca;color:#c4faff;border:1px solid #4d7fca;padding:0 0 5px}
.idpw {width:900px;margin:0 auto;font-size:18px;line-height:1.9}
.idpw .title {padding:4px 25px;margin:70px 0 30px;color:#05a5b3;text-align:center;font-size:22px;border:5px solid transparent;background:-webkit-linear-gradient(white,white), -webkit-linear-gradient(left,#09b39a 0%, #0097cd 100%);
		background:linear-gradient(white, white), linear-gradient(to right, #09b39a 0%, #0097cd 100%);
		-webkit-background-clip:padding-box, border-box;
		-moz-background-clip:padding-box, border-box;
		background-clip:padding-box, border-box;
		-webkit-background-origin:border-box;
		background-origin:border-box;
		-webkit-background-size:100% 100%;
		background-size:100% 100%;}
.idpw .info {color:#000}
.idpw .info span {color:#023ec8}
.idpw .add {color:#117f88;margin:15px 0 0;font-size:16px}