@charset “utf-8″;

/* STEP01 - 약관동의 */
#member_step_box_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 40px;text-align: center; }
#member_step_box_area .member_step_box {width:100%; height: 60px; border:0;display:table;table-layout: fixed;}
#member_step_box_area .member_step_box ul {display:table-row;}
#member_step_box_area .member_step_box ul li {display:table-cell;text-align: center;vertical-align: middle;}
#member_step_box_area .member_step_box ul li:not(:last-child) {padding-right: 10px;}

#member_step_box_area .member_step_box ul li .mHeader { width:23%; background: #9a9792; float:left; height: 100%; padding-bottom: 10px;}
#member_step_box_area .member_step_box ul li .mContent { width:77%; background: #aeaba6; width: 100%; height: 100%;}
#member_step_box_area .member_step_box ul li .mHeader p.step {margin-top: 15px; font-size: 15px; font-weight: 100; color: #fff;}
#member_step_box_area .member_step_box ul li .mHeader p.no {font-size: 17px; font-weight: 300; line-height: 17px; color: #fff; margin-top: 2px;}
#member_step_box_area .member_step_box ul li .mContent p {font-size:18px;font-weight:500;line-height: 60px;color:#fff;}
#member_step_box_area .member_step_box ul li.active .mHeader {background:#977f51;}
#member_step_box_area .member_step_box ul li.active .mContent {background: #b19660;}

#member_terms_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 40px;text-align: center; }
#member_terms_area .terms_title { border-bottom: 2px solid #000; text-align: left; display: inline-block; width: 100%; padding-bottom: 25px; margin-bottom: 40px;}
#member_terms_area .terms_title h1 {font-size:18px; font-weight: 500; line-height: 18px; color:#000;}
#member_terms_area .terms_title .subtitle {margin-top:19px; margin-bottom: 25px;}
#member_terms_area .terms_title .subtitle > p {float:left; font-size: 14px;font-weight: 500; color:#666666;}
#member_terms_area .terms_title .subtitle .agree_all {float:right;}

#member_terms_area .agree_all p {float:right; font-size: 15px;font-weight: 500; line-height: 18px; color:#666666; margin-left:7px;}
input[id='cb_agreeAll'] + label {display: inline-block;width: 16px;height: 16px;border: 1px solid #6a6a6a;cursor: pointer;background-color: #fff;}
input[id="cb_agreeAll"]:checked + label:after {content: '\2713';font-size: 26px;font-weight: 900;line-height: 15px;}
input[id="cb_agreeAll"] {display: none;}

#member_terms_area .terms_body {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 40px;text-align: left; }
#member_terms_area .terms_body p.t_title {font-size:18px; font-weight: 500; line-height: 15px; color:#000; margin-bottom: 13px; }
#member_terms_area .terms_body p.t_title:not(:first-child) { margin-top:57px; }
#member_terms_area .terms_body div.sb { display:inline-block; width:100%; height:200px; padding: 20px 25px; overflow-x: hidden; overflow-y: scroll;
border:1px solid #e2e2e2; background: #fbfbfb; box-sizing: border-box; }
#member_terms_area .terms_body div.sb {font-size:13px; font-weight: 500; line-height: 20px ;color:#666666;}
#member_terms_area .terms_body div.sb p {font-size:13px; font-weight: 500; line-height: 20px ;color:#666666;}

#member_terms_area .terms_body .agree_check { margin-top:20px;display: inline-block;float: right;}
#member_terms_area .terms_body .agree_check > p { float:right; font-size:15px; font-weight: 500; line-height: 18px; color:#666666; margin-left:7px;}

input[id='cb_agree1'] + label {float:right; display: inline-block;width: 16px;height: 16px;border: 1px solid #6a6a6a;cursor: pointer;background-color: #fff;}
input[id="cb_agree1"]:checked + label:after {content: '\2713';font-size: 26px;font-weight: 900;line-height: 15px;}
input[id="cb_agree1"] {display: none;}
input[id='cb_agree2'] + label {float:right; display: inline-block;width: 16px;height: 16px;border: 1px solid #6a6a6a;cursor: pointer;background-color: #fff;}
input[id="cb_agree2"]:checked + label:after {content: '\2713';font-size: 26px;font-weight: 900;line-height: 15px;}
input[id="cb_agree2"] {display: none;}

#member_terms_area .terms_body .agree_email {margin-bottom: 200px; border: 1px solid #e2e2e2; background: #fbfbfb; padding:30px 0px 30px 150px;}
#member_terms_area .terms_body .agree_email span {font-size:16px font-weight:500; line-height: 16px; color:#000; margin-right: 15px;}
#member_terms_area .terms_body .agree_email span:not(:first-child) {margin-left:50px;}
#member_terms_area .terms_body .agree_email button {margin-left:12px;position: relative;top: -1px;}

/* STEP02 - 회원정보입력 */
#member_form {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 340px; }
#member_form .mform h1 {font-size:18px; font-weight: 500; line-height: 18px; color:#000000;}
#member_form .mform table.m_table {display:table; table-layout: fixed; margin-top:18px; border-top:2px solid #c7c4c0; width:100%;}
#member_form .mform table.m_table {margin-bottom:65px;}
#member_form .mform table.m_table tr {display:table-row; border-bottom: 1px solid #c7c4c0; height:58px;}
#member_form .mform table.m_table tr td {display:table-cell; vertical-align: middle; }
#member_form .mform table.m_table tr td.m_head { width:16%; background:#f8f6f1; padding-left:27px; box-sizing: border-box;}
#member_form .mform table.m_table tr td p {font-size:15px; font-weight: 500; line-height: 15px; color:#666;}
#member_form .mform table.m_table tr td p.point:after {content:'*';margin-left: 10px; color:#db9509;position: relative;top: 3px;}
#member_form .mform table.m_table.last {margin-bottom: 58px;}

#member_form .m_body { box-sizing: border-box; padding-left:30px;}
#member_form .m_body span { margin-left:25px; font-size:14px; font-weight: 350; line-height: 14px; color:#666666; }
#member_form .m_body span.atmark {margin: 0 4px;}
#member_form .m_body input { margin-right: 5px; }
#member_form .m_body select{ height: 32px;border:1px solid #cccccc; font-size:15px; font-weight: 500; line-height: 15px; color:#333333; margin-right:24px; border-radius: 1px;
   -webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('../image/icons/icon_sel_arrow_down_gray.png') no-repeat 85% 50%; padding-left:10px;}
select::-ms-expand {display: none; }

#member_form .m_body select.tel { font-size:15px; font-weight: 500; line-height: 15px; color:#aeaba6; width:87px; margin-right: 0;}
#member_form .m_body select.email { font-size:15px; font-weight: 500; line-height: 15px; color:#aeaba6; width:196px; margin-right: 0; background-position:  95% 50%; }
#member_form .m_body input.tel { width: 87px; box-sizing: border-box; }
#member_form .m_body div.agree {display: inline-block; vertical-align: middle;}
#member_form .m_body div.agree:not(:last-child) {margin-right:40px;}
#member_form .m_body div.agree * {float:left;}
#member_form .m_body div.agree p {line-height: 17px !important; font-size:15px !important; font-weight: 350 !important; color:#333333 !important; }
input[id='cb_email'] + label {float:right; display: inline-block;width: 12px;height: 12px;border: 1px solid #cccbc9;cursor: pointer;background-color: #fff;     margin-right: 10px;}
input[id="cb_email"]:checked + label:after {content: '\2713';font-size: 26px;font-weight: 900;line-height: 15px;}
input[id="cb_email"] {display: none;}
input[id='cb_sms'] + label {float:right; display: inline-block;width: 12px;height: 12px;border: 1px solid #cccbc9;cursor: pointer;background-color: #fff;     margin-right: 10px;}
input[id="cb_sms"]:checked + label:after {content: '\2713';font-size: 26px;font-weight: 900;line-height: 15px;}
input[id="cb_sms"] {display: none;}
#member_form .mform_button {text-align: center;}

#member_form .m_body textarea { resize: none; width:783px; height: 122px; border:1px solid #cccbc9; margin:12px 0; padding:15px; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden; font-size: 14px; font-weight:400; color:#666; }

/* STEP3 - 가입완료 */
#complete_box_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 750px;text-align: center; }
#complete_box_area .complete_box { border:1px solid #cccbc9; box-sizing: border-box; height: 320px; width:100%; padding-top:75px; text-align: center; }
#complete_box_area .complete_box h1 { font-size:25px; font-weight: 300; line-height: 25px; color:#b19660; margin-bottom: 17px;}
#complete_box_area .complete_box p {font-size:20px; font-weight: 300; line-height: 26px; color:#404040;}
#complete_box_area .complete_box .complete_button {margin-top:47px;}
#complete_box_area .complete_box .complete_button button {font-size:14px; font-weight: 500; line-height: 14px; color:#fff; width: 150px;}
#complete_box_area .complete_box .complete_button button:first-child {margin-right:5px;}
#complete_box_area .complete_box .complete_button button:last-child {margin-left:5px;}



/* 이용약관 */
#term_sel_box_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 40px;text-align: center; }
#term_sel_box_area .term_sel_box {width:100%; height: 60px; border:0;display:table;table-layout: fixed;}
#term_sel_box_area .term_sel_box ul {display:table-row;}
#term_sel_box_area .term_sel_box ul li {display:table-cell;text-align: center;vertical-align: middle; cursor: pointer;}
#term_sel_box_area .term_sel_box ul li:not(:last-child) {padding-right: 10px;}
#term_sel_box_area .term_sel_box ul li .mContent { width:90%; background: #aeaba6; width: 100%; height: 100%;}
#term_sel_box_area .term_sel_box ul li .mContent p {font-size:18px;font-weight:500;line-height: 60px;color:#fff;}
#term_sel_box_area .term_sel_box ul li.active .mContent {background: #b19660;}

#term_view_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 240px;text-align: center; }
#term_view_area .term_box_area {padding-top:40px; border-top:2px solid #000;;}
#term_view_area .term_box { width:100%; border:1px solid #cccccc; height: 500px; box-sizing: border-box; padding: 20px 25px; text-align: left; overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #e2e2e2;
    background: #fbfbfb;}
#term_view_area .term_box p {font-size: 13px; font-weight: 500; line-height: 20px; color: #666666;}



/* 인증박스부분 */
#auth_area {max-width:1000px;width:1000px;position:relative;margin:0 auto; margin-bottom: 210px;text-align: center; display:table; table-layout: fixed; border-collapse: separate; border-spacing: 5px; }
#auth_area p.notice {height:19px; font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_excla.png); background-position: 0% 50%; background-repeat: no-repeat;}

#auth_area .box_area {display:table-row;}
#auth_area .box_phone { display: table-cell; width: 495px; height: 270px; padding:43px 0px; border:1px solid #cccbc9; margin-right: 5px;}
#auth_area .box_ipin { display: table-cell; width: 495px; height: 270px; padding:43px 0px; border:1px solid #cccbc9; margin-left: 5px;}
#auth_area .box_ipin img {margin-top:10px;}

#auth_area .box_phone .box_phone_img {height: 100px;}
#auth_area .box_ipin .box_ipin_img {height: 100px;}
#auth_area .box_phone .box_phone_title { height: 75px; margin-top: 35px; }
#auth_area .box_ipin .box_ipin_title { height: 75px; margin-top: 35px; }

#auth_area .box_phone .box_phone_title p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#auth_area .box_phone .box_phone_title p.subtitle {font-size: 15px;font-weight: 300; color: #404040; margin-top: 5px;}
#auth_area .box_ipin .box_ipin_title p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#auth_area .box_ipin .box_ipin_title p.subtitle {font-size: 15px;font-weight: 300; color: #404040; margin-top: 5px;}

#auth_area .box_phone .box_input_form { height: 175px; margin-top: 35px; }
#auth_area .box_phone .box_input_form p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#auth_area .box_phone .box_input_form input { display:block; margin:0 auto; }
#auth_area .box_phone .box_input_form input:not(:first-child) { margin-top:10px; }
#auth_area .box_ipin .box_input_form { height: 175px; margin-top: 35px; }
#auth_area .box_ipin .box_input_form p.title {font-size: 18px; font-weight: 400; line-height: 18px; color:#000000;}
#auth_area .box_ipin .box_input_form input { display:block; margin:0 auto; }
#auth_area .box_ipin .box_input_form input:not(:first-child) { margin-top:10px; }


#auth_area .box_ipin .box_ipin_title input { display:block; margin:0 auto; }
#auth_area .box_ipin .box_ipin_title input:not(:first-child) { margin-top:10px; }

#auth_area .find_id_button_area {margin-top:30px; text-align: right;}

#auth_area .id_input {display: inline-block; /*height:20px;margin-bottom: 37px;*/ margin-top:13px;     width: 100%;}
#auth_area .id_input p.id_ment { /*float:left;*/ font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_check_mark.png); background-position: 0% 50%; background-repeat: no-repeat;}
#auth_area p.notice2 {height:19px; font-size:15px;font-weight: 400;line-height: 21px; color:#797979; text-align:left;padding-left:24px;margin-bottom:15px;background-image: url(../image/icons/icon_excla_gray.png); background-position: 0% 50%; background-repeat: no-repeat;}

#auth_area .id_input > input {float:left; margin-left: 20px; border:1px solid #e4e4e4; width:156px; height:33px; font-size:15px; font-weight: 400; color:#797979;position: relative;top: -10px; padding-left:10px; padding-right:10px;}
#auth_area .id_input > input.email { width: 250px; }