.login-container { background:#f7f6f0; border-top:solid 2px #cccac4; border-bottom:solid 1px #cccac4; padding:40px 10px 40px 10px; text-align:center; }
.login-container h5 { font-size:24px; font-weight:bold; text-align:center; }
.login-container > ul { max-width:500px; margin:0 auto; display:block; position:relative;margin-top:25px; }
.login-container > ul > li { font-size:0px; padding-bottom:10px; position:relative; }
.login-container > ul > li > div { margin-left:100px; display:block; }
.login-container > ul > li > div input { border:solid 1px #e6e4df; height:36px; width:100%; max-width:240px; padding:0px; text-indent:10px; }
.login-container > ul > li label { padding:4px 0px 0 28px; height:30px; padding-top:8px; font-size:16px; font-weight:bold; width:80px; position:absolute; }
.login-container > ul > li label.id { background:url(../images/member/icon_id.png) no-repeat left 4px; }
.login-container > ul > li label.pwd { background:url(../images/member/icon_pwd.png) no-repeat left 4px;  }
.login-container > ul > li.btn { position:absolute; top:0px; right:0px; width:140px; height:86px; line-height:90px;   }
.login-container > ul > li.btn a { color:#000; font-weight:bold; font-size:16px; background:#ffed00; width:100%; height:100%; display:block; text-align:center; }
.login-container > ul > li.btn button { border:0px; font-family:'Malgun Gothic', '���� ����', 'Nanum Barun Gothic';color:#000; font-weight:bold; font-size:16px; background:#ffed00; width:100%; height:100%; display:block; text-align:center; }
.login-container > ul > li.btn1 { position:absolute; top:0px; right:0px; width:140px; height:38px; line-height:42px;   }
.login-container > ul > li.btn1 a { color:#000; font-weight:bold; font-size:16px; background:#ffed00; width:100%; height:100%; display:block; text-align:center; }
.login-container > ul > li.btn1 button { border:0px; font-family:'Malgun Gothic', '���� ����', 'Nanum Barun Gothic';color:#000; font-weight:bold; font-size:16px; background:#ffed00; width:100%; height:100%; display:block; text-align:center; }
.login-container > ul > li.save label { padding:0px; padding-left:100px; font-size:14px; width:auto; position:static; color:#9f9d98; }
.login-container > ul > li.save label input { margin-top:1px; vertical-align:middle; }
.login-container .sns { max-width:850px; border-top:solid 1px #cccac4; margin:0 auto; margin-top:20px; padding:40px 0 5px 0;  }
.login-container .sns h6 { font-size:24px; font-weight:bold; text-align:center; padding-bottom:25px; }
.login-container .sns ol { font-size:0px; display:block; text-align:center; }
.login-container .sns ol > li { display:inline; padding:0 5px; }
.login-container .lbtn { position:absolute; top:0px; right:0px; width:140px; height:86px; line-height:90px;   }

.login-btn-etc { background:#fff; border-bottom:solid 2px #cccac4; margin:0 auto; padding:30px 0 20px 0;  }
.login-btn-etc ul { float:left; width:100%; text-align:center; }
.login-btn-etc ul > li { display:block; padding:0 10px; padding-bottom:8px; position:relative; max-width:385px; margin:0 auto; }
.login-btn-etc ul > li label { background:url(../images/member/icon01b.png) no-repeat 0px 4px; padding-left:25px; padding-top:5px; font-size:14px; font-weight:bold; display:block; height:30px; margin-right:105px;  }
.login-btn-etc ul > li a { position:absolute; top:0px; right:0px; font-size:12px; color:#fff; font-weight:bold; background:#99968a; height:30px; width:100px; text-align:center; line-height:30px; }

.idsearch-container { background:#f7f6f0; border-top:solid 2px #cccac4; border-bottom:solid 1px #cccac4; padding:40px 10px 40px 10px; text-align:center; }
.idsearch-container .title { max-width:700px; margin:0 auto; display:block; position:relative; padding-bottom:20px; }
.idsearch-container .title-pwd { max-width:640px; }
.idsearch-container .title h5 { font-size:24px; font-weight:bold; text-align:center; padding-bottom:25px; letter-spacing:-1px;}
.idsearch-container .title span {  font-size:14px; font-weight:bold;  text-align:center;display:block; line-height:20px; letter-spacing:-0.5px;}
.idsearch-container .title-pwd span { }
.idsearch-container > ul { clear:both; max-width:500px; margin:0 auto; display:block; position:relative;margin-top:15px; }
.idsearch-container > ul > li { font-size:0px; padding-bottom:10px; position:relative; }
.idsearch-container > ul > li > div { margin-left:100px; display:block; }
.idsearch-container > ul > li > div input { border:solid 1px #e6e4df; height:36px; width:100%; max-width:240px; padding:0px; text-indent:10px; }
.idsearch-container > ul > li > div textarea { border:solid 1px #e6e4df; height:100px; width:100%; max-width:240px; padding:0px; text-indent:10px; }
.idsearch-container > ul > li label { padding:4px 0px 0 28px; height:30px; padding-top:8px; font-size:16px; font-weight:bold; width:80px; position:absolute; letter-spacing:-0.5px;}
.idsearch-container > ul > li.btn { position:absolute; top:0px; right:0px; width:140px; height:86px; line-height:90px;   }
.idsearch-container > ul > li.btn a { color:#fff; font-weight:bold; font-size:16px; background:#99968a; width:100%; height:100%; display:block; text-align:center; }
.idsearch-container > ul > li.btn button { color:#fff; font-weight:bold; font-size:16px; background:#99968a; width:100%; height:100%; display:block; text-align:center; border:0;cursor:pointer;}

.idsearch-container .option { clear:both; max-width:790px; margin:0 auto; display:block; position:relative; padding-top:25px; padding-right:5%; border-top:solid 1px #cccac4; text-align:center; }
.idsearch-container .option label { padding:0px; padding-right:10px; font-size:14px; width:auto; position:static; }
.idsearch-container .option label input { margin-top:1px; vertical-align:middle; }
.idsearch-container ul.email { display:none; }

.join_step { background:#f7f6f0; border-top:solid 2px #cccac4; border-bottom:solid 1px #cccac4; }
.join_step ul li { float:left; color:#afaea8; font-size:17px; font-weight:bold; display:block; width:25%; text-align:center; background:url(../images/member/step_div.png) no-repeat center right ; padding:34px 0; letter-spacing:-1px;}
.join_step ul li.last { background:none; }
.join_step ul li.cur { color:#4d4b45;}

/* ������ CSS */
.step1 {  border-bottom:solid 2px #cccac4; padding:20px 10px 30px 10px; }
.step1 h5 { font-size:24px; font-weight:bold; display:block; padding:34px 0 26px 0; letter-spacing:-1px;}
.step1 dl > dt { font-size:16px; font-weight:bold; background:url(../images/member/icon01b.png) no-repeat left; padding-left:25px; letter-spacing:-0.5px;}
.step1 dl > dd { padding:15px 0 20px 5px; font-size:14px; }
.step1 dl > dd > ol > li { padding-bottom:8px; line-height:21px; letter-spacing:-0.5px;}

.step2 { text-align:center; border-bottom:solid 2px #cccac4; padding:20px 10px 30px 10px; }
.step2 > img { margin:38px 0 30px 0; }
.step2 > div { font-size:20px; font-weight:bold; text-align:center; line-height:35px; letter-spacing:-1px;}
.step2 > span { display:inline-block; background:url(../images/member/icon01b.png) no-repeat left 0px; padding:1px 0 40px 25px; height:20px; margin-top:15px; font-size:14px; line-height:17px; letter-spacing:-0.5px;}

.step2 .info { border:solid 1px #eee; background:#fcfcfa;  max-width:760px; margin:0 auto; padding:20px; }
.step2 .info li { font-size:14px; line-height:24px; letter-spacing:-0.5px;}

.step2 .select-auth { max-width:800px; margin:0 auto; padding:30px 0px 20px 0; }
.step2 .select-auth > li { float:left; width:33.3%; text-align:center; }
.step2 .select-auth > li > div { font-size:14px; font-weight:bold; padding:10px 10px; max-width:200px; margin:0 auto; line-height:22px; margin-top:10px; }

.step2-1 { text-align:center; border-bottom:solid 2px #cccac4; padding-bottom:40px; }
.step2-1_type1 { border-bottom:solid 0px #cccac4; padding:20px 0; }
.step2-1 > img { margin:38px 0 30px 0; }
.step2-1 > div { border-bottom:solid 1px #cccac4; background:#f7f6f0; border-top:solid 2px #cccac4; padding:10px; margin:40px 0 40px 0 ; }
.step2-1 > div th { padding:0 10px; font-size:13px; letter-spacing:-0.5px;}
.step2-1 > div td { padding:5px 5px; }
.step2-1 > ul > li { padding-bottom:7px; font-size:13px; letter-spacing:-0.5px;}
.step2-1 > ul > li:last-child { padding-bottom:0;}

.input100 {border:solid 2px #e6e4df; height:40px; width:90%; text-indent:10px; vertical-align:middle; border-radius:5px;}
.input50 {border:solid 2px #e6e4df; height:40px; width:40%; text-indent:10px; vertical-align:middle; border-radius:5px;}

.input_style1 {height:40px; font-size:16px; text-indent:10px; border:solid 2px #ffc800; box-sizing:border-box;}

.note {font-size:13px; font-weight:bold; letter-spacing:-1px; line-height:170%;}
.note1 {font-size:14px; font-weight:bold; color:#d95548; letter-spacing:-1px; line-height:170%;}

.step3 { padding-top:10px; }
.step3 .private > h5 { font-size:22px; font-weight:bold; padding:8px 0; }
.step3 .private > div { border:solid 1px #e6e4df; }
.step3 .private > span { font-weight:bold; display:block; text-align:right; padding-top:10px; }
.step3 .private > span input { vertical-align:middle; margin-top:1px; }


.step3 .form { margin-top:30px; }
.step3 .form h5 { float:left; font-size:22px; font-weight:bold; padding:8px 0 8px 25px; background: url(../images/member/icon01b.png) no-repeat left center;letter-spacing:-1px;}
.step3 .form h5 span { font-size:12px; font-weight:normal; }
.step3 .form > span { float:right; padding:10px 0 0 10px; font-weight:bold; background:url(../images/member/icon02.png) no-repeat left 14px; }

.step3 .form > table { width:100%; border-top:solid 2px #e6e4df; }
.step3 .form > table td label {margin-right:10px; font-size:16px;}
.step3 .form > table input  {border:solid 2px #e6e4df; height:40px; text-indent:10px; font-size:16px; vertical-align:middle; border-radius:0px;}
.step3 .form > table select {border:solid 2px #e6e4df; height:40px; text-indent:2px; font-size:16px; vertical-align:middle; border-radius:0px;}

.step3 .form > table > tbody > tr > th { min-width:45px;font-size:16px; line-height:130%; background:#f7f6f0; border-right:solid 1px #e6e4df; border-left:0;border-bottom:solid 1px #e6e4df; padding:0 5px 0 20px; width:105px; vertical-align:middle; font-weight:bold; letter-spacing:-1px;}
.step3 .form > table > tbody > tr > th.ess { background:url(../images/member/icon02.png) #f7f6f0 no-repeat 10px center;    }

.step3 .form > table > tbody > tr > td { width:85%;border-bottom:solid 1px #e6e4df; padding:10px; height:32px; vertical-align:middle;line-height:35px;font-size:16px;letter-spacing:-1px;}
.step3 .form > table > tbody > tr > td div.mobilesubject { display:none;}
.step3 .form > table > tbody > tr > td input { border:solid 2px #eeeeee; height:40px; vertical-align:middle; background:#f8f8f8;box-sizing:border-box;margin:2px 0;}
.step3 .form > table > tbody > tr > td input::placeholder { color:#ccc; font-style:italic; letter-spacing:-1px;}

/* .step3 .form > table > tbody > tr > td input#nickname, input#pwd, input#pwd2 { width:100%; } */
/*.step3 .form > table > tbody > tr > td input#post1, input#post2 { width:70px; } */
/*.step3 .form > table > tbody > tr > td input#addr1, input#addr2,input#office_addr1,input#office_addr2 { width:100%;} */
/* .step3 .form > table > tbody > tr > td input#addr1,input#office_addr1 { color:#bbb;} */

/* input ũ�� ���� */
.step3 .form > table > tbody > tr > td .input100 { width:100%; }
.step3 .form > table > tbody > tr > td .input100x { width:100px; }
.step3 .form > table > tbody > tr > td .input70x { width:70px; }
.step3 .form > table > tbody > tr > td .input200x { width:200px; }
.step3 .form > table > tbody > tr > td .input200to50 { width:200px; }
.step3 .form > table > tbody > tr > td .readonly { color:#bbb;width:100%;}

/* FILE input */
.step3 .form > table > tbody > tr > td .profile .thumb {margin-bottom:10px;padding:5px;border:1px dotted #888888;width:100px}
.step3 .form > table > tbody > tr > td .profile .thumb img {width:100px;height:auto;}
.step3 .form > table > tbody > tr > td .profile .note img {margin-top:10px;}
.step3 .form > table > tbody > tr > td .file_input_textbox{ float: left;box-sizing:border-box;}
.step3 .form > table > tbody > tr > td .file_input_div{ position: relative;  width: 100px;  height: 55px;  overflow: hidden;box-sizing:border-box;}
.step3 .form > table > tbody > tr > td .file_input_button{ width: 100px;  position: absolute;  top: 0px; background-color: #888888; color: #FFFFFF; border-style: solid;cursor:pointer;box-sizing:border-box;}
.step3 .form > table > tbody > tr > td .file_input_hidden{ font-size: 45px;  position: absolute;  right: 0px;  top: 0px;  opacity: 0;  filter: alpha(opacity=0);  -ms-filter: "alpha(opacity=0)";  -khtml-opacity: 0;  -moz-opacity: 0;box-sizing:border-box;}

/* note */
.step3 .form > table > tbody > tr > td .note {font-size:13px;font-weight:normal;letter-spacing:-1px;line-height:18px;}

.step3 .form > table > tbody > tr > td select { border:solid 2px #eeeeee; height:40px; vertical-align:middle; background:#f8f8f8;width:100px;box-sizing:border-box;}
.step3 .form > table > tbody > tr > td select#year,select#month,select#day { }
.step3 .form > table > tbody > tr > td select#month,select#day { width:75px;}

.step3 .form > table > tbody > tr > td textarea { width:100%;height:100px;border:1px solid #ddd;background:#f8f8f8;box-sizing:border-box;}

/* .step3 .form > table > tbody > tr > td div#bsn_post > p { padding-top:0px;padding-bottom:0px;} */

.step3 .form > table > tbody > tr > td.job select { width:100%; max-width:200px; }
.step3 .form > table > tbody > tr > td > table { width:100%; margin:0; padding:0; }
.step3 .form > table > tbody > tr > td > table > th {min-width:45px; background:#ffffff; border:solid 0px #e6e4df; padding:0; vertical-align:middle;}
.step3 .form > table > tbody > tr > td > table > td {vertical-align:middle;line-height:35px;}


/* more ������ */
.step3 .form > table div.more_icon {float: right;padding: 0 4px 0 4px;border: 0px solid #999;background: #888888; color: #FFF; font-size: 12px;letter-spacing:-0.5px;cursor:pointer;}

/* �Ϲݹ�ư */
.step3 .form > table div.button_type {float:right;padding: 2px 4px 2px 4px;border: 0px solid #999;background: #000; color: #FFF; font-size: 16px;letter-spacing:-0.5px;text-align:center;max-width:140px;font-weight:bold;cursor:pointer;margin-left:7px;}

/* ī�װ��� Ÿ�� */
.step3 .form > table div.group { padding:3px;}
.step3 .form > table div.group a { font-weight:bold;}
.step3 .form > table div.group span.category_type {padding: 0 4px 0 4px;border: 0px solid #999;background: #99cc00; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.step3 .form > table div.group span.category_type2 {padding: 0 4px 0 4px;border: 0px solid #999;background: #00ace6; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.step3 .form > table div.group span.category_type3 {padding: 0 4px 0 4px;border: 0px solid #999;background: #e6b933; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.step3 .form > table div.group select.membership_club { height:25px;font-size:13px;letter-spacing:-0.5px;width:150px; }


/* ������������ ���̺� */
.step3 .form > table > tbody > tr > td > ul.mplist {display:block;padding:20px 0;}
.step3 .form > table > tbody > tr > td > ul.mplist > li.mpitem {display:inline-block;width:49.1%;margin-right:1%;}
.step3 .form > table > tbody > tr > td > ul.mplist > li.mpitem:last-child {margin-right:0%;}



.step3 .form > table > tbody > tr > td > ul.mplist > li.mpitem2 {display:inline-block;width:32.5%;margin-right:0.6%;}
.step3 .form > table > tbody > tr > td > ul.mplist > li.mpitem2:last-child {margin-right:0%;}

.step3 .form > table > tbody > tr > td > div.mpdiv {display:inline-block;width:49%;margin-right:1%;}
.step3 .form > table > tbody > tr > td > div.mpdiv2 {display:inline-block;width:49%;margin-right:0px;}
.step3 .form > table > tbody > tr > td  table.mptable { border: 1px solid #ddd; margin:0px 0 15px 0; width:100%;}
/* .step3 .form > table > tbody > tr > td  table.mptable:last-child { margin:0 0 0 0; } */

.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td.mp,th.mp  { background:#fff;text-align:left; border-bottom: 1px solid #ccc; font-size: 16px;font-weight:normal;padding:10px;line-height:25px;letter-spacing:-0.5px;word-break:break-all;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > th { background:#eee;font-weight:bold;height:35px;line-height:35px;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr .bigtext { font-size:18px;letter-spacing:-0.5px;}

.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr img.icon { width:25px;height:25px;padding-right:10px;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td > ul { height:101px;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li { font-size:13px;letter-spacing:-0.5px;border-bottom:1px dotted #cccccc;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li:last-child { border-bottom:0px solid #cccccc;}
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li.memo1 {font-weight:normal;color:#cccccc;} /*�����޸�*/
.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li.memo2 {font-weight:bold;}
.step3 .form > table > tbody > tr > td.h6 { font-size:14px;line-height:25px;}
.step3 .form > table > tbody > tr > td.h6 > input { height:25px;}






/* ǥ���� ȸ������ CSS */
.member-style { padding-top:10px; }
.member-style_type1 { padding-top:0; }
.member-style .private > h5 { font-size:22px; font-weight:bold; padding:8px 0; }
/* .member-style .private > h5 { float:left; font-size:22px; font-weight:bold; padding:8px 0 8px 25px; background: url(../images/member/icon01.png) no-repeat left center;letter-spacing:-1px;} */
.member-style .private > h4 { font-size:18px; font-weight:bold; padding:8px 0; }
.member-style .private > div { border:solid 1px #e6e4df; }
.member-style .private > span { font-weight:bold; display:block; text-align:right; padding-top:10px; }
.member-style .private > span input { vertical-align:middle; margin-top:1px; }

.member-style .form { margin-top:30px; }
.member-style .form:first-child { margin-top:0px; }
.member-style .form h4 { font-size:20px; font-weight:bold; padding:8px 0 8px 25px; background: url(../images/member/icon01b.png) no-repeat left center;letter-spacing:-1px;}
.member-style .form h5 { float:left; font-size:22px; font-weight:bold; padding:8px 0 8px 25px; background: url(../images/member/icon01b.png) no-repeat left center;letter-spacing:-1px;}
.member-style .form h5 span { margin:0 0 0 5px; font-size:12px; font-weight:normal; }
.member-style .form > span { float:right; padding:10px 0 0 10px; font-weight:bold; background:url(../images/member/icon02.png) no-repeat left 14px; }

.member-style table { width:100%; border-top:solid 2px #e6e4df; }
.member-style .table_type1 {border-top:solid 1px #e6e4df;}
.member-style table input  {border:solid 2px #e6e4df; height:40px; text-indent:10px; font-size:16px; vertical-align:middle; border-radius:0px;}
.member-style .table_type1 input  {height:30px; font-size:14px;}
.member-style .table_type1 table input  {height:30px;}
.member-style table select {border:solid 2px #e6e4df; height:40px; text-indent:2px; font-size:16px; vertical-align:middle; border-radius:0px;}
.member-style .table_type1  select {height:30px;}

.member-style table > tbody > tr > th { min-width:45px;font-size:16px; line-height:130%; background:#f7f6f0; border-right:solid 1px #e6e4df; border-left:0;border-bottom:solid 1px #e6e4df; padding:0 5px 0 20px; width:105px; vertical-align:middle; font-weight:bold; letter-spacing:-1px;}
.member-style .table_type1 > tbody > tr > th {font-size:14px; padding:0 5px 0 10px;}
.member-style table > tbody > tr > th.ess { background:url(../images/member/icon02.png) #f7f6f0 no-repeat 10px center;}

.member-style table > tbody > tr > td { width:85%;border-bottom:solid 1px #e6e4df; padding:10px; height:32px; vertical-align:middle;line-height:35px;font-size:16px;letter-spacing:-1px;}
.member-style .table_type1 > tbody > tr > td { width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); line-height:150%; font-size:14px;}
.member-style table > tbody > tr > td div.mobilesubject { display:none;}
.member-style table > tbody > tr > td input { border:solid 1px #ddd; height:40px; vertical-align:middle; background:#ffffff;box-sizing:border-box;margin:2px 0;}

.member-style .table_type1 > tbody > tr > td input { height:36px;}
.member-style table > tbody > tr > td input::placeholder {color:#ccc; font-style:italic; letter-spacing:-1px;}
.member-style table > tbody > tr > td label {margin-right:10px; font-size:16px;}
.member-style .table_type1 > tbody > tr > td label {margin-right:10px; font-size:14px;}
.member-style table > tbody > tr > td label:last-child {margin-right:0;}
.member-style table > tbody > tr > td > img {max-width:100%; height:auto;}
.member-style table > tbody > tr > td span.click {border:1px solid #888; padding:8px 11px 9px; vertical-align: middle;}
.member-style table > tbody > tr > td .accuseText { padding:10px; border:1px solid #ddd;background:#eee;font-size:14px;letter-spacing:-0.5px;line-height:25px; }
.member-style table > tbody > tr > td .vote_success { padding:10px 10px; border:1px solid #ddd;background:#4db8ff;font-size:16px;letter-spacing:-0.5px;line-height:25px; margin-bottom:15px;}
.member-style table > tbody > tr > td .vote_write { padding:10px 10px; border:1px solid #ddd;background:#a6ff4d;font-size:16px;letter-spacing:-0.5px;line-height:25px; }
.member-style table > tbody > tr > td .vote_issue { font-size:12px;height:30px !important;}
.member-style table > tbody > tr > td .accuse_status_B { color:#3366cc;}
.member-style table > tbody > tr > td.w25p {width:25%;}

/* .member-style table > tbody > tr > td input#nickname, input#pwd, input#pwd2 { width:100%; } */
/*.member-style table > tbody > tr > td input#post1, input#post2 { width:70px; } */
/*.member-style table > tbody > tr > td input#addr1, input#addr2,input#office_addr1,input#office_addr2 { width:100%;} */
/* .member-style table > tbody > tr > td input#addr1,input#office_addr1 { color:#bbb;} */

/* input ũ�� ���� */
.member-style table > tbody > tr > td .input100 { width:100%; }
.member-style table > tbody > tr > td .input100x { width:100px; }
.member-style table > tbody > tr > td .input70x { width:70px; }
.member-style table > tbody > tr > td .input200x { width:200px; }
.member-style table > tbody > tr > td .input200to50 { width:200px; }
.member-style table > tbody > tr > td .readonly { color:#3366cc;width:100%;letter-spacing:-1px;background:#eeeeee;}
.member-style table > tbody > tr > td .favorite {font-size:16px;letter-spacing:-0.8px;}	

/* FILE input */
.member-style table > tbody > tr > td .profile .thumb {margin-bottom:10px;padding:5px;border:1px dotted #888888;width:100px}
.member-style table > tbody > tr > td .profile .thumb img {width:100px;height:auto;}
.member-style table > tbody > tr > td .profile .note img {margin-top:10px;}
.member-style table > tbody > tr > td .file_input_textbox{ float: left;box-sizing:border-box;}
.member-style table > tbody > tr > td .file_input_div{ position: relative;  width: 100px;  height: 55px;  overflow: hidden;box-sizing:border-box;}
.member-style table > tbody > tr > td .file_input_button{ width: 100px;  position: absolute;  top: 0px; background-color: #888888; color: #FFFFFF; border-style: solid;cursor:pointer;box-sizing:border-box;}
.member-style table > tbody > tr > td .file_input_hidden{ font-size: 45px;  position: absolute;  right: 0px;  top: 0px;  opacity: 0;  filter: alpha(opacity=0);  -ms-filter: "alpha(opacity=0)";  -khtml-opacity: 0;  -moz-opacity: 0;box-sizing:border-box;}

/* note */
.member-style table > tbody > tr > td .note {font-size:13px;font-weight:normal;letter-spacing:-1px;line-height:18px;}

.member-style table > tbody > tr > td select { border:solid 1px #ddd; height:40px; vertical-align:middle; background:#f8f8f8;width:100px;box-sizing:border-box;margin:2px 0;}
.member-style table > tbody > tr > td select#year,select#month,select#day { }
.member-style table > tbody > tr > td select#month,select#day { width:75px;}

.member-style table > tbody > tr > td textarea {box-sizing:border-box; width:100%; height:100px; font-size:16px; border:1px solid #ddd; background:#ffffff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

/* .member-style table > tbody > tr > td div#bsn_post > p { padding-top:0px;padding-bottom:0px;} */

.member-style table > tbody > tr > td.job select { width:100%; max-width:200px; }
.member-style table > tbody > tr > td > table { width:100%; margin:0; padding:0; }
.member-style table > tbody > tr > td > table > th {min-width:45px; background:#ffffff; border:solid 0px #e6e4df; padding:0; vertical-align:middle;}
.member-style table > tbody > tr > td > table > td {vertical-align:middle;line-height:35px;}


/* more ������ */
.member-style table div.more_icon {float: right;padding: 0 7px;border: 0px solid #999;background: #888888; color: #FFF; font-size: 12px;letter-spacing:-0.5px;cursor:pointer;}

/* �Ϲݹ�ư */
.member-style table div.button_type {float:right;padding: 2px 10px;border: 0px solid #999;background: #000; color: #FFF; font-size: 16px;letter-spacing:-0.5px;text-align:center;max-width:140px;font-weight:bold;cursor:pointer;margin-left:7px;}

.member-style table .button {vertical-align:middle; padding:11px 10px 12px; font-size:15px; background-color:#eeeeee;border:1px solid #cccccc; cursor:pointer;}

/* ī�װ��� Ÿ�� */
.member-style table div.group { padding:3px;}
.member-style table div.group a { font-weight:bold;}
.member-style table div.group span.category_type {padding: 0 4px 0 4px;border: 0px solid #999;background: #99cc00; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.member-style table div.group span.category_type2 {padding: 0 4px 0 4px;border: 0px solid #999;background: #00ace6; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.member-style table div.group span.category_type3 {padding: 0 4px 0 4px;border: 0px solid #999;background: #e6b933; color: #000; font-size: 14px;letter-spacing:-1px;text-align:center;max-width:140px;font-weight:normal;display:inline-block;}
.member-style table div.group select.membership_club { height:27px;font-size:13px;letter-spacing:-0.5px;width:150px; vertical-align:middle;}


/* ������������ ���̺� */
.member-style table > tbody > tr > td > ul.mplist {display:block;padding:20px 0;}
.member-style table > tbody > tr > td > ul.mplist > li.mpitem {display:inline-block;width:49.1%;margin-right:1%;}
.member-style table > tbody > tr > td > ul.mplist > li.mpitem:last-child {margin-right:0%;}



.member-style table > tbody > tr > td > ul.mplist > li.mpitem2 {display:inline-block;width:32.5%;margin-right:0.6%;}
.member-style table > tbody > tr > td > ul.mplist > li.mpitem2:last-child {margin-right:0%;}

.member-style table > tbody > tr > td > div.mpdiv {display:inline-block;width:49%;margin-right:1%;}
.member-style table > tbody > tr > td > div.mpdiv2 {display:inline-block;width:49%;margin-right:0px;}
.member-style table > tbody > tr > td  table.mptable { border: 1px solid #ddd; margin:0px 0 15px 0; width:100%;}
/* .member-style table > tbody > tr > td  table.mptable:last-child { margin:0 0 0 0; } */

.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td.mp,th.mp  { background:#fff;text-align:left; border-bottom: 1px solid #ccc; font-size: 16px;font-weight:normal;padding:10px;line-height:25px;letter-spacing:-0.5px;word-break:break-all;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > th { background:#eee;font-weight:bold;height:35px;line-height:35px;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr .bigtext { font-size:18px;letter-spacing:-0.5px;}

.member-style table > tbody > tr > td  > table.mptable > tbody > tr img.icon { width:25px;height:25px;padding-right:10px;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td > ul { height:101px;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li { font-size:13px;letter-spacing:-0.5px;border-bottom:1px dotted #cccccc;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li:last-child { border-bottom:0px solid #cccccc;}
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li.memo1 {font-weight:normal;color:#cccccc;} /*�����޸�*/
.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td > ul > li.memo2 {font-weight:bold;}
.member-style table > tbody > tr > td.h6 { font-size:14px;line-height:25px;}
.member-style table > tbody > tr > td.h6 > input { height:25px;}


.member-area1 {overflow:hidden; max-width:350px; width:100%; margin:0 auto;}
.member-area1 .dot1 {padding-left:10px; background-image:url('../images/commons/dot_point2.png'); background-repeat:no-repeat; background-position:left 7px;}
.member-area1 .area1 { text-align:center; padding:60px 0 70px;}
.member-area1 .area1 > ul > li {width:100%; margin-bottom:20px;}
.member-area1 .area1 > ul > li:last-child {margin-top:10px; font-size:14px; line-height:150%;}
.member-area1 .area1 > ul > li a {display:block; max-width:350px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; font-weight:bold; color:#000000; font-size:17px; line-height:280%; letter-spacing:-0.5px; background-color:#ffed00; border:2px solid #ffed00; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; margin:0 auto;}
.member-area1 .area1 > ul > li a.type1 {color:#000000; background-color:inherit; border:2px solid #ffed00;}

.member-area1 .area2 { text-align:center;}
.member-area1 .area2 > ul > li {width:100%; margin-bottom:20px;}
.member-area1 .area2 > ul > li:last-child {font-size:14px; line-height:150%;}
.member-area1 .area2 > ul > li a {display:block; max-width:350px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; font-weight:bold; color:#000000; font-size:17px; line-height:280%; letter-spacing:-0.5px; background-color:#ffed00; border:2px solid #ffed00; -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; margin:0 auto;}
.member-area1 .area2 > ul > li a.type1 {color:#000000; background-color:inherit; border:2px solid #ffed00;}


/* ��ǥ ����Ʈ ��Ÿ��  */
.survey_list1 {overflow:hidden;}
.survey_list1 ul {text-align:center;}
.survey_list1 li {display:inline-block; width:24%; vertical-align:top; text-align:center; padding-bottom:40px;}
.survey_list1 li .thmb {overflow:hidden; width:170px; height:170px; margin:0 auto; background-color:#f6f6f6; background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-size:cover, cover; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; transition:0.5s;
box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-webkit-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-moz-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset;}
.survey_list1 li h1 {text-align:center; margin-top:13px; padding:0 10px; font-size:17px; line-height:130%; font-weight:bold;}
.survey_list1 li p {text-align:center; margin-top:8px; padding:0 10px; font-size:14px; line-height:130%;}
.survey_list1 li .checkbox {text-align:center; margin-top:10px;}

.survey_list2 {overflow:hidden;}
.survey_list2 ul {text-align:center;}
.survey_list2 li {display:inline-block; width:24%; vertical-align:top; text-align:center;}
.survey_list2 li .graph {position:relative; text-align:center; height:230px; margin-bottom:10px; border-bottom:1px solid #eeeeee;}
.survey_list2 li .graph .text1 {display:inline-block; margin-bottom:10px; font-size:13px; line-height:100%;}
.survey_list2 li .graph .text1 em {font-size:15px; font-weight:bold;}
.survey_list2 li .graph .graph_bar {overflow:hidden; position:absolute; bottom:0; width:10px; margin:0 2px; left:50%; transform:translate(-50%,0); background-color:#ffed00;}
.survey_list2 li .thmb {overflow:hidden; width:100px; height:100px; margin:0 auto; background-color:#f6f6f6; background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-size:cover, cover; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; transition:0.5s;
box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-webkit-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-moz-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset;}
.survey_list2 li h1 {text-align:center; padding:9px 10px 0; font-size:14px; line-height:130%; font-weight:bold;}

.survey_graph1_area1 {padding-bottom:25px;}
.survey_graph1 {margin-bottom:100px; border:1px solid #ddd; border-top:0; border-right:0; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.survey_graph1_pad1 {margin-bottom:20px;}
.survey_graph1 ul {height:300px; text-align:center;}
.survey_graph1 ul:after {content:""; display:block; clear:both;}
.survey_graph1 li {display:inline-block; position:relative; height:100%; margin:0 -2px; text-align:center; white-space:nowrap;}
.survey_graph1 .thmb { position:relative; display:inline-block; width:100%; height:110px; margin:6px 0 -116px 0; padding-top:300px; vertical-align:bottom; pointer-events:none;}
.survey_graph1 .thmb .pic { position:relative; display:inline-block; width:80px; height:80px; left:50%; transform:translate(-50%,0); background-color:#f6f6f6; background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-size:cover, cover; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; transition:0.5s;
box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-webkit-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset; 
-moz-box-shadow:0 0 3px rgba(0,0,0, 0.2) inset;}
.survey_graph1 .thmb .name {position:relative; display:inline-block; left:50%; transform:translate(-50%,0); overflow:hidden; width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px); padding:0 5px; height:50px; padding-top:7px; text-align:center; font-size:14px; line-height:130%; font-weight:bold; word-break:break-all; white-space:normal;}
.survey_graph1 .graph_bar {position:relative; display:inline-block; width:20px; height:0; left:-webkit-calc(-50% - 14px); left:-moz-calc(-50% - 14px); left:calc(-50% - 14px); vertical-align:bottom; border-bottom:0; background-color:#ffed00;}
.survey_graph1 .graph_bar .text {position:absolute; width:100px; top:-20px; left:50%; transform:translate(-50%,0); text-align:center; line-height:130%;}
.survey_graph1 .graph_bar .text span {font-size:13px;}
.survey_graph1 .graph_bar .text em {font-size:15px; font-weight:bold;}



div.mpbox { border: 1px solid #ccc;display: inline-block;height:160px;vertical-align:top;margin-bottom:10px;}
div.mpbox > .mpbox_title { background:#eee;text-align:left; border-bottom: 1px solid #ccc; font-size: 16px;font-weight:bold;padding:10px;line-height:25px;letter-spacing:-0.5px;}
div.mpbox > ul { padding:5px;}
div.mpbox > ul > li { font-size:14px;letter-spacing:-0.5px;border-bottom:1px dotted #cccccc;line-height:33px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
div.mpbox > ul > li:last-child { border-bottom:0px solid #cccccc;}
div.mpbox > ul > li.memo1 {font-weight:normal;color:#cccccc;} /*�����޸�*/
div.mpbox > ul > li.memo2 {font-weight:bold;}



.step4 { text-align:center; border-bottom:solid 2px #cccac4;}
.step4 > img { margin:38px 0 30px 0; }
.step4 > div { font-size:20px; font-weight:bold; text-align:center; line-height:35px; padding-bottom:40px; }

.join_btn { text-align:center; padding-top:30px; }


.party_step { background:#f7f6f0; border-top:solid 2px #cccac4; border-bottom:solid 1px #cccac4; }
.party_step ul li { float:left; color:#afaea8; font-size:17px; font-weight:bold; display:block; width:16.6%; text-align:center; background:url(../images/member/step_div.png) no-repeat center right ; padding:34px 0; letter-spacing:-1px;}
.party_step ul li.last { background:none; }
.party_step ul li.cur { color:#4d4b45;}


/* mypage.css���� ���� ���� */

.mymenu { display:table; width:100%; border-top:solid 5px #99968a; margin-bottom:50px;  display:none; }
.mymenu li { display:table-cell; width:16.6%; text-align:center; padding:14px 8px 13px 8px; border-bottom:solid 1px #99968a;}
.mymenu li a { font-size:16px; font-weight:bold; color:#99968a; white-space:nowrap; }
.mymenu li a:hover { color:#4d4b45;  }
.mymenu li.cur { border-bottom:solid 5px #ffed00; /*background:#ffed00*/ }
.mymenu li.cur a { color:#4d4b45;  }
.mymenu-mobile { display:none; margin-bottom:50px;}
.mymenu-mobile select { width:100%; height:40px; font-size:16px; font-weight:bold; }

/*
.step3  { padding-top:0px; }
.step3 .form { margin-top:0px; }
.step3 .form h5 { background:url(../images/member/icon01.png) no-repeat left center; padding-left: 25px; letter-spacing:-1px;}
*/

#signprint { border: solid 1px #ddd; padding:40px 20px; font-family:'Malgun Gothic', '���� ����', 'Nanum Barun Gothic';font-size:12px;}
#signprint h5{font-size:18px;font-weight:bold; margin-bottom:10px;color:#000}
#signprint .top_desc{text-align:right; padding:0 0 10px 0;}
.form2{width:100%; border-top:2px solid #b9b9b9;font-size:12px}
.form2 thead th{padding:8px 15px;background:#fffdee; border-bottom:1px solid #cdcbd0; border-left:1px solid #cdcbd0;padding:8px 10px 8px 15px;}
.form2 tbody th { background:#fffdee; border-bottom:1px solid #cdcbd0; border-left:1px solid #cdcbd0; text-align:center; font-weight:bold; text-align:left; padding:8px 10px 8px 15px;}
.form2 td { background:#fff; border-bottom:1px solid #cdcbd0; border-left:1px solid #cdcbd0;padding:8px 10px; }
.form2 th.nobg{border-right:0;background:#fff;text-align:left}
.form2 th.type1{background:#fff;border-left:none;border-right:none;text-align:left}
.form2 th.noline, .form2 td.noline{border-left:none}
.form2 th label{padding-left:2px}
.form2 td label{padding-right:5px}
.form2 th i{font-style:normal;font-weight:normal;padding-left:14px}
.form2 th.subtit{background:#fff}
.tdtc td {text-align:center}
.tdtc tbody th{text-align:center}
.dsc5 {background:url(/images/common/arrow02.gif) no-repeat left 9px;font-weight:bold;padding:5px 8px}
.dsc5 strong{color:#de0089}

.signbox1 {margin:20px 0 0;padding:18px 40px;border:1px solid #ccc}
.signbox1 .dsc1{width:100%; margin:33px 0 18px; padding:0 0 15px; border-bottom:1px solid #ccc;}
.signbox1 .dsc2{font-weight:bold;font-size:16px;text-align:center;padding:15px 0 0;letter-spacing:-1px;color:#333}

#signprint .must_dsc{padding:5px 10px 20px}
#signprint .must_dsc strong{color:#d20000}
#signprint .dsc1{padding:5px 0}
#signprint .signbox{margin:20px 0 0;padding:15px;border:1px solid #ccc}
#signprint .dsc2{text-align:center;font-weight:bold;line-height:24px;color:#333}
#signprint .dsc2 span{padding-left:50px}
#signprint .sign{margin:0 auto;width:475px;border-top:1px solid #b9b9b9}
#signprint .sign_type1{border-top:0px solid #b9b9b9}
#signprint .sign dl{_display:inline-block;*zoom:1;border-bottom:1px solid #b9b9b9}
#signprint .sign dl:after{display:block;clear:both;content:''}
#signprint .sign dt, #signprint .sign dd{display:block;}
#signprint .sign dt{float:left;width:40px;padding:3px 30px;font-weight:bold;border-right:1px solid #b9b9b9}
#signprint .sign .signname{float:left;padding:3px 20px 3px 80px;}
#signprint .sign .signarea{float:right;padding:3px 20px;}
#signprint .sign .dsc3{font-weight:bold;font-size:16px;text-align:center;padding:8px 0;letter-spacing:-1px;color:#333}
#signprint .sign .dsc4{font-weight:bold;font-size:16px;text-align:center;padding:3px 0;letter-spacing:-1px;color:#656565}
#signprint .sign .dsc4 span{padding-left:100px}
#signprint .dsc5{text-align:center;}
/*
#signprint .sign .dsc5{margin:0 auto;width:160px;font-weight:bold;font-size:30px;letter-spacing:2px;text-align:left;padding:25px 0;color:#333; background:url(../images/mypage/sign2.png) no-repeat right center;}
*/

.btn-print { text-align:center; margin:40px 0; }
.btn-print a { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 

.orderlog {padding:20px 0;}
.orderlog h4 { height:35px; font-size:22px; font-weight:bold;  padding-left:24px; background:url(../images/member/icon01b.png) no-repeat left 4px; letter-spacing:-1px;}

.orderlog h4 select { float:right; height:30px; line-height:30px; font-weight:bold; border:solid 1px #ccc; }

.orderlog .log  { margin-top:80px; }

.orderlog .tel  { margin-top:60px; }
.orderlog .tel .caption { display:block; font-size:14px; font-weight:bold; padding-bottom:7px; letter-spacing:-1px;  }

.orderlog .print .btn { padding-top:10px; }
.orderlog .print .btn span { background:url(../images/member/icon02.png) no-repeat left center; padding-left:12px; font-size:14px; font-weight:bold; letter-spacing:-1px;}
.orderlog .print .btn a { float:right; color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; } 

table.tbl-style01 { border-top:solid 2px #cccac4; width:100%; }
table.tbl-style01 thead th { font-size:14px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
table.tbl-style01 tbody td { font-size:14px; font-weight:normal; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px;  }
table.tbl-style01 tbody th { font-size:14px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px; background:#f4f4f4;  }
table.tbl-style01 tbody td a { color:inherit; font-size:inherit; font-weight:inherit; }
table.tbl-style01 tbody td a:hover { font-weight:bold;  }
table.tbl-style01 tbody td.subject { text-align:left; }
table.tbl-style01 tbody td.memo { text-align:left; }
table.tbl-style01 tbody td.date { white-space:nowrap; }

.partyout-info { border:solid 1px #eee; background:#fff; padding:20px 30px;  max-width:800px; margin:0 auto; margin-top:30px; }
.partyout-info ul > li { font-size:14px; padding:5px 0px; }
.partyout-info ul > li.ess { background:url(../images/member/icon02.png) no-repeat left center; padding-left:10px; } 
.partyout-info ul > li a { margin-right:15px; }
.partyout-info ul > li.tit { font-size:16px; font-weight:bold;  max-width:none; padding:0px; line-height:25px; }
.partyout-info ul > li.download { padding:20px 0; }
.partyout-info ul > li a { color:#777; }
.partyout-info ul > li a.hwp { background:url(../images/commons/icon_hwp.png) no-repeat left center; padding-left:25px; font-weight:bold; text-decoration:underline;  }
.partyout-info ul > li a.doc { background:url(../images/commons/icon_doc.png) no-repeat left center; padding-left:25px; font-weight:bold; text-decoration:underline;  }
.partyout-info ul > li a.pdf { background:url(../images/commons/icon_pdf.png) no-repeat left center; padding-left:25px; font-weight:bold; text-decoration:underline;  }

/* ��� �����ϱ� */
#contents.pay {}
#contents.pay .need {color:#cc0066 !important; font-weight:bold;}
#contents.pay select { height: 45px;margin-top:0px;vertical-align:middle;}
#contents.pay .pay_top { font-size:14px;font-weight:normal;border:1px solid #666;letter-spacing:-1px;margin-bottom:30px;}
#contents.pay .pay_top .pay_top_title {font-size:22px;padding:20px;font-weight:bold;letter-spacing:-1px;padding-bottom:0;}
#contents.pay .pay_top .pay_desc { font-size:14px;font-weight:bold;border:0px solid #666;letter-spacing:-1px;padding:10px;}
#contents.pay .pay_top .pay_desc li { font-size:16px;font-weight:normal;padding:10px;}
#contents.pay .pay_top .pay_top_account { margin-top:10px;font-size:14px;font-weight:bold;padding:20px;background:#eee;border-radius:2px;font-weight:normal;}
#contents.pay .pay_top .pay_top_account .notice { font-size:14px;margin-bottom:25px;}
#contents.pay .pay_top .pay_top_account .notice:last-child { margin-bottom:0px;}
#contents.pay .pay_top .pay_top_account .notice .title { font-weight:bold;margin-bottom:5px;}
#contents.pay .pay_top .pay_top_account .notice .bank { background:#000;display:inline-block;padding:10px;}
#contents.pay .pay_top .pay_top_account .notice .bank p { font-size:16px;padding:3px;color:#ffed00;font-weight:bold;}
#contents.pay .pay_top .pay_top_account .notice .caution { font-size:12px;color:#e61a1a;font-weight:bold;padding-left:15px;letter-spacing:-0.5px;margin-top:8px;}
#contents.pay .pay_name {font-size:16px;font-weight:bold;padding:20px;padding-left:0px; }
#contents.pay .pay_name p {font-size:12px;font-weight:bold;padding:5px;padding-left:0px; font-weight:normal;}
#contents.pay .ok {width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); text-align:center; padding:15px;}
#contents.pay ul.confirm  { width:100%;}
#contents.pay ul.confirm li {text-align:left;width:30%;display:inline-block;padding:5px;}
#contents.pay ul.confirm li h3 { font-size:18px;font-weight:bold;}
#contents.pay ul.confirm li p.icon { font-size:150px;}
#contents.pay ul.confirm li p.content { font-size:12px;height:50px;}
#contents.pay ul.confirm li button { max-width:200px;margin-top:40px;}

/* ���ű� ��ȸ ������ ���� */
#contents.pay .info_box11 {font-size:18px;color:#000000;line-height:30px;background:#dbecff;border:1px solid #c2e0ff;padding:20px;border-radius:6px;font-weight:bold;margin-bottom:15px;}
#contents.pay .info_box11 i {font-size:30px;}

/* ���ű� ��ȸ ������ ���� */
#contents.pay .info_box12 {font-size:18px;color:#000000;line-height:30px;background:#ffe3e4;border:1px solid #ffd5d7;padding:20px;border-radius:6px;font-weight:bold;margin-bottom:15px;}
#contents.pay .info_box12 i {font-size:30px;}


/* ��� �����ϱ� ��� */
#contents.pay h4 { font-size:22px; margin-bottom:10px;letter-spacing:-1px;}
#contents.pay .box_type4 { font-size:14px; }
#contents.pay .box_type4 i {color:#cc0066;font-size:16px;}
#contents.pay .box_type4 .box_rule { background:#eee;border-radius:4px;padding:20px; }
#contents.pay .box_type4 .pdb5 {}
#contents.pay .box_type4 .pdb5 h5 { font-size:18px;font-weight:bold;}
#contents.pay .box_type4 table { font-size:18px;font-weight:bold;}
#contents.pay .box_type4 tbody th { font-size:14px; font-weight:bold; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #cccac4 }
#contents.pay .box_type4 tbody td { font-size:14px; font-weight:normal; color:#4d4b45; padding:17px 5px; text-align:center; border-bottom:solid 1px #e5e4df; line-height:16px;  }

#contents.pay .box_type4 .result { position:relative;background:#eee;border-radius:4px;padding:20px;background:#ffed00;font-weight:bold;font-size:16px; padding-left:100px;}
#contents.pay .box_type4 .result .sign { left:20px;top:15px;position:absolute;}

/* ��񿵼��� ��� */
#print #wrap{width:720px;margin:0 auto}
#print #content{border:1px solid #000;margin:10px;}
#print .top_desc{text-align:right; padding:10px 10px 10px 0;}
#print .head, #print .body{padding:20px}

#print .head .top{ _display:inline-block;*zoom:1;overflow:hidden}
#print .head .top:after { display:block; clear:both; content:'' }
#print #btn_print1{float:left;}
2016-02-15
#print h2{float:right;font-size:14px;border:1px solid #a2a2a2;padding:3px 20px}
#print h1{font-size:40px;line-height:50px;letter-spacing:30px;clear:both;padding:20px 0 20px 30px;text-align:center;color:#454646}
#print h3, #print p{font-size:18px;line-height:24px;font-weight:bold;text-align:center}
#print h3 {padding:15px 0}

#print h3 em{border-bottom:1px solid #333;padding:0 30px;display:inline-block}
#print h3 em strong{font-size:16px;text-align:center;font-style:normal;}
#print h3 span{padding:0 30px;font-weight:normal;font-size:16px}
#print .head p{padding:7px 0}
#print .dsc1{text-align:center;font-weight:bold;line-height:24px;color:#333}
#print .dsc2{text-align:center;padding:25px 0;}
/*
#print .dsc2{margin:0 auto;width:160px;font-weight:bold;font-size:30px;letter-spacing:2px;text-align:left;padding:25px 0;color:#333; background:url(../images/mypage/sign2.png) no-repeat right center;}
*/
#print .body p {padding:5px 0}
.member { _display:inline-block;*zoom:1;width:420px;margin:20px auto;font-size:14px;}
.member:after { display:block; clear:both; content:'' }
.member dt{display:block;float:left;width:80px;padding:5px 10px;}
.member dd{display:block;padding:5px 10px;}
.member .adr{letter-spacing:42px}

#print .body{border-top:1px dotted #666}
#print .body ul{list-style:outside;margin:0 30px;font-size:12px}
#print .body li{padding:5px 0}
#print .foot{margin:0 30px}
#print .foot p{text-align:left;margin:20px 0;} 
#print .foot_desc{ _display:inline-block;*zoom:1;font-size:11px;margin:20px 10px 20px 10px;overflow:hidden}
#print .foot_desc:after { display:block; clear:both; content:'' }
#print .desc{float:left; list-style:none }
#btn_print2{float:right}



@media all and (max-width: 1210px) {
	.step3 table > tbody > tr > td > ul.mplist > li.mpitem2 {width:32%;}
	.member-style table > tbody > tr > td > ul.mplist > li.mpitem2 {width:32%;}
	.width33 { width:32.5%;}
	.width50 { width:49.3%;}

}

@media all and (max-width: 980px) {
	.party_step { display:none; }

	.step3 table > tbody > tr > td > ul.mplist > li.mpitem {display:inline-block;width:100%;margin-right:0%;margin-bottom:0px}
	.step3 table > tbody > tr > td > ul.mplist > li.mpitem2 {display:inline-block;width:100%;margin-right:0%;margin-bottom:0px}

	.member-style table > tbody > tr > td > ul.mplist > li.mpitem {display:inline-block;width:100%;margin-right:0%;margin-bottom:0px}
	.member-style table > tbody > tr > td > ul.mplist > li.mpitem2 {display:inline-block;width:100%;margin-right:0%;margin-bottom:0px}

	.width33 { width:100%;}
	.width50 { width:100%;}
	/* 	.width25 { width:25%;} */
	/* 	.width66 { width:66%;} */


}

@media all and (max-width: 930px) {
	/* ��ǥ ����Ʈ ��Ÿ��  */
	.survey_list1 {}
	.survey_list1 li {width:150px; padding-bottom:25px;}
	.survey_list1 li .thmb {width:135px; height:135px;}
	.survey_list1 li h1 {margin-top:11px; font-size:15px;}
	.survey_list1 li p {wmargin-top:4px; font-size:13px;}
	
	.survey_graph1_area1 {overflow-X:auto; overflow-y:hidden;}
	.survey_graph1 {margin-bottom:80px;}
	.survey_graph1_pad1 {margin-bottom:20px;}
	.survey_graph1 ul {height:170px;}
	.survey_graph1 .thmb {height:90px; margin:6px 0 -96px 0; padding-top:170px;}
	.survey_graph1 .thmb .pic {width:60px; height:60px;}
	.survey_graph1 .thmb .name {font-size:13px;}
	.survey_graph1 .graph_bar .text {top:-36px; left:50%;}
	.survey_graph1 .graph_bar .text span,
	.survey_graph1 .graph_bar .text em {display:block; width:100%; text-align:center;}

}

@media all and (max-width: 750px) {
.survey_graph1_area1 {}
}	
	
@media all and (max-width: 740px) {
	.join_step { display:none; }
	.step1 h5 { padding-top:0px; }
	.login-btn-etc ul > li label { font-size:13px; }
	/* .member-style table > tbody > tr > td .accuseText { max-width:320px;} */
}

@media all and (max-width: 700px) {
	.mymenu { display:none; }
	.mymenu-mobile { display:none; }
	#contents.pay ul.confirm li p.icon { font-size:100px;}
	#contents.pay ul.confirm li p.content { font-size:11px;}

}

@media all and (max-width: 640px) {
	.step1 { padding:0px; }
	.step2 > div { font-size:16px; line-height:22px; }
	.step2 .select-auth > li img { width:120px; height:auto !important; }
	
	.login-btn-etc ul > li label { font-size:12px; }
	

	.note {font-size:12px; font-weight:bold; letter-spacing:-1px;}
	.note1 {font-size:13px; font-weight:bold; color:#d95548; letter-spacing:-1px;}

	
	.step2 .select-auth { padding:0px; margin-top:-20px; }
	.step2 .select-auth > li { width:100%; text-align:left; position:relative; min-height:140px; border-bottom:solid 1px #e6e4df; margin-top:20px; }
	.step2 .select-auth > li img { position:absolute; top:0px; left:0px; width:100px; height:auto !important; }
	.step2 .select-auth > li div { margin:0px; padding:0px;  margin-left:120px; font-size:13px; max-width:none; }

	.step3 .form > table > tbody > tr > td div.mobilesubject { display:block;font-size:17px;font-weight:bold;letter-spacing:-0.5px;}

	.step3 .form > table > tbody > tr > th { display:none;}

	.step3 .form table > tbody > tr > th { padding:0 3px 0 15px; min-width:45px; vertical-align:middle;}
	.step3 .form table > tbody > tr > th.ess { background:url(../images/member/icon02.png) #f7f6f0 no-repeat 7px center;    }
	.step3 .form table > tbody > tr > td .opt { display:inline-block; zoom:1; *display:inline; }


	.step3 .form > table > tbody > tr > td { }	
	.step3 .form > table > tbody > tr > td .input200x { width:90px; }
	.step3 .form > table > tbody > tr > td .input200to50 { width:48%; }

	.step3 .form > table > tbody > tr > td > ul.mplist {padding:0px 0;}

	/* .step3 .form > table > tbody > tr > td  table.mptable > tbody > tr > td,th {font-size: 13px;font-weight:normal;padding:10px;line-height:25px;letter-spacing:-0.5px;} */
	.step3 .form > table > tbody > tr > td  > table.mptable > tbody > tr > td.mp,th.mp  { font-size: 12px;font-weight:normal;}
	.step3 .form > table div.button_type {float:right;padding: 2px 2px 2px 2px;border: 0px solid #999; font-size: 11px;letter-spacing:-0.7px;text-align:center;max-width:140px;font-weight:normal;margin-left:3px;}
	.step3 .form > table div.more_icon {padding: 0 4px 0 4px; font-size: 12px; line-height:25px;letter-spacing:-0.5px;margin:5px 5px;}



	.member-style table > tbody > tr > td div.mobilesubject { display:block;font-size:17px;font-weight:bold;letter-spacing:-0.5px;}
	.member-style table > tbody > tr > td div.ess { background:url(../images/member/icon02.png) no-repeat 7px center;text-indent:15px;    }

	.member-style table > tbody > tr > th { display:none;}

	.member-style table > tbody > tr > th { padding:0 3px 0 15px; min-width:45px; vertical-align:middle;}
	.member-style table > tbody > tr > th.ess { background:url(../images/member/icon02.png) #f7f6f0 no-repeat 7px center;    }
	.member-style table > tbody > tr > td .opt { display:inline-block; zoom:1; *display:inline; }


	.member-style table > tbody > tr > td .input200x { width:90px; }
	.member-style table > tbody > tr > td .input200to50 { width:48%; }

	.member-style table > tbody > tr > td > ul.mplist {padding:0px 0;}



	/* .member-style table > tbody > tr > td  table.mptable > tbody > tr > td,th {font-size: 13px;font-weight:normal;padding:10px;line-height:25px;letter-spacing:-0.5px;} */
	.member-style table > tbody > tr > td  > table.mptable > tbody > tr > td.mp,th.mp  { font-size: 12px;font-weight:normal;}
	.member-style table div.button_type {float:right;padding: 2px 7px;border: 0px solid #999; font-size: 11px;letter-spacing:-0.7px;text-align:center;max-width:140px;font-weight:normal;margin-left:3px;}
	.member-style table div.more_icon {padding: 0 7px; font-size: 12px; line-height:25px;letter-spacing:-0.5px;margin:5px 5px;}


	/* ��ǥ ����Ʈ ��Ÿ��  */
	.survey_graph1_area1 {}
	.survey_graph1 {margin-bottom:80px;}
	.survey_graph1_pad1 {margin-bottom:20px;}
	.survey_graph1 .thmb .name {font-size:13px;}


	.login-container { padding:10px 10px 30px 10px; }
	.login-container h5 { display:none; }
	.login-container > ul > li { width:100%; }
	.login-container > ul > li.btn { width:100%; height:40px; line-height:40px; position:static; }
	.login-container > ul > li.btn a { font-size:16px; }
	.login-container > ul > li label { font-size:15px; }
	.login-container > ul > li > div input { border:solid 1px #e6e4df; height:36px; width:100%; max-width:none; padding:0px; }
	
	
	.idsearch-container { padding:10px 10px 30px 10px; }
	.idsearch-container .title { display:none; }
	.idsearch-container .option { border-top:none;  } 
	.idsearch-container > ul > li { width:100%; }
	.idsearch-container > ul > li.btn { width:100%; height:40px; line-height:40px; position:static;
	.idsearch-container > ul > li.btn a { font-size:16px; }
	.idsearch-container > ul > li label { font-size:15px; }
	.idsearch-container > ul > li > div input { border:solid 1px #e6e4df; height:36px; width:100%; max-width:none; padding:0px; }
	.idsearch-container > ul > li > div textarea { border:solid 1px #e6e4df;  width:100%; max-width:none; padding:0px; }
	
	.login-btn-etc ul { width:100%; }
	.login-btn-etc ul > li { padding:0px; max-width:none; }
	
	.login-container .sns { padding:30px 0 5px 0; }
	.login-container .sns h6 { font-size:20px; }
	.login-container .sns ol > li img { width: 43px; height:auto !important; }

}

@media all and (max-width: 480px) {
	#contents.pay ul.confirm li { margin-bottom:20px;}
	#contents.pay ul.confirm li p.icon { font-size:80px;}
	#contents.pay ul.confirm li {width:100%;display:block;}
	#contents.pay ul.confirm li button { max-width:200px;margin-top:0px;}
	#contents.pay ul.confirm li p.content { font-size:11px;}
}

@media all and (max-width: 420px) {
	.step3 .form > table div.group span.category_type {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.step3 .form > table div.group span.category_type2 {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.step3 .form > table div.group span.category_type3 {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.step3 .form > table div.group select.membership_club { width:75px;font-size:11px; }

	.member-style table div.group span.category_type {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.member-style table div.group span.category_type2 {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.member-style table div.group span.category_type3 {padding: 0 2px 0 2px; font-size: 11px;display:block;margin:3px;}
	.member-style table div.group select.membership_club { width:75px;font-size:11px; }
}