@charset "utf-8";
/**
* CMS Cascading Style Sheets
* File Name : member.css
* Description : 회원서비스 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Date : 2017.07.07
* Update : 2017.07.07
*/
 /* ///////////////////////////포인트컬러 변경///////////////////////////
                   #ff6427 - 현 사이트의 포인트 컬러입니다.
				   검색해서 모두 바꾸기 해주세요!
 /////////////////////////////////////////////////////////////////// */

/* input-placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c5c5c5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c5c5c5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c5c5c5;
}
:-moz-placeholder { /* Firefox 18- */
  color: #c5c5c5;
}

/***** 회원서비스 상단 *****/
.top_mem {width:50%; min-width: 700px; margin:0 auto 40px auto; display: flex; align-items: center; gap: 40px;}
.top_mem i img { transition:.3s all ease;}
.top_mem h4 { color:#000; font-size:1.5em; margin-bottom:15px;font-weight:600;}
.top_mem p { color:#666; font-size:1.05em;line-height:1.8em;}

@media all and (max-width:800px) {
.top_mem {width:90%; min-width: auto;}
.top_mem i img { width: 70px;}
.top_mem h4 { font-size:1.25em;}
.top_mem p { font-size:0.875em; }
}

@media all and (max-width:440px) {
.top_mem {width:100%; margin:0 auto 20px auto;}
}

/***** 회원서비스 기본 *****/
.box_line { margin:0 auto; width:100%; padding:20px 0; position:relative;}
.dot_line { border-bottom:1px dashed #ddd; margin-bottom:30px;}
.con_line { border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom: 30px;}
.box_contents { width:50%; min-width: 700px; position:relative; margin:0 auto;}
.box_contents h5 { padding-bottom:10px; font-size:1.4em; font-weight:600; color: #000; }
.box_contents .box_in { padding: 30px 0;}

/* 하단 버튼 */
.btn_box {padding-top:30px; display: flex; justify-content: center; gap: 10px; }

@media all and (max-width:800px) {
.box_contents { width:90%; min-width: auto;}
}

@media all and (max-width:440px) {
.box_line { padding:30px 0;}
.box_contents { width:100%;}
}

/* 로그인, 아이디비번찾기, 회워탈퇴 입력폼 */
.box_form { padding-top:20px;}
.box_form > ul > li {margin-bottom:25px; display: flex; align-items: center; }
.box_form > ul > li:first-of-type { margin-bottom:45px;}

.box_form li label { display:block; width:25%; color:#000;font-size:1.05em;font-weight:600;}
.box_form li input[type="text"], 
.box_form li input[type="password"] { width:75%; height:40px; border:none; box-sizing:border-box;border-bottom:1px solid #ddd;padding:10px;transition:all ease .3s;background:#fff ;font-size:1.05em;}
.box_form li input[type="text"]:focus, 
.box_form li input[type="password"]:focus {outline:0; border: none !important; border-bottom: 1px solid #000 !important;}

.box_form li textarea {width:75%; height:100px; box-sizing:border-box; padding:10px; border: 1px solid #ddd;}
.box_form li textarea:focus {outline:0; border: 1px solid #000 !important;}

.box_form .btn_box_form { text-align: center;}
.box_form .btn_ok {padding:10px 20px; min-width:100px; line-height:1.2em; border:0; background:#000; color:#fff; font-size:1.05em; font-weight:300;cursor:pointer; border-radius:30px; transition:.3s all ease;}
.box_form .btn_ok:hover {background:#ff6427;}

/* 로그인 버튼 */
.box_form .login_btn_box {display:flex; margin-top:60px; gap: 6px;}
.box_form .login_btn_box .btn_login {flex:1; height:50px; background:#000; box-sizing:border-box; color:#fff; font-size:1.05em; font-weight:300; cursor:pointer; border-radius:50px;transition:.3s all ease; border:0;}
.box_form .login_btn_box .btn_login:hover {background:#ff6427;}
.box_form .login_btn_box a {flex:1;height:50px;color:#666;border:1px solid #b3b3b3;border-radius:50px;box-sizing:border-box;font-size:1.05em;text-align:center;line-height:50px;}
.box_form .login_btn_box a:hover {background:#f7f7f7;}


@media all and (max-width:800px) {
  .box_form li input { font-size:15px;}
}


/***** 회원로그인 *****/
.login .sns_login {padding:20px 0;}
.login .sns_login .sns_tit {text-align:center;font-family: 'Montserrat', sans-serif;font-size:1.05em;color:#222;font-weight:600;padding-bottom:25px;margin-top:60px;}
.login .sns_login ul { display: flex; gap: 10px;}
.login .sns_login li { flex:1; box-sizing:border-box;}
.login .sns_login li a { display:block; text-align:right; padding-right:20px; line-height:40px; color:#fff; border-radius:26px;}
.login .sns_login .bg_naverblog { background:#2db400 url(/project/design/memb/bg_naverblog.png) 10px center no-repeat; background-size:36px;}
.login .sns_login .bg_facebook { background:#3a5897 url(/project/design/memb/bg_facebook.png) 10px center no-repeat; background-size:36px;}
.login .sns_login .bg_kakaotalk { background:#fbe300 url(/project/design/memb/bg_kakaotalk.png) 10px center no-repeat; background-size:36px; color:#381a1f;}

.login .sns_login .sns_ul li a { text-align:center; padding:80px 0 20px 0; font-size:18px;}
.login .sns_login .sns_ul li a.bg_naverblog { background:#2db400 url(/project/design/memb/bg_naverblog.png) center 20px no-repeat; background-size:64px;}
.login .sns_login .sns_ul li a.bg_facebook { background:#3a5897 url(/project/design/memb/bg_facebook.png)  center 20px no-repeat; background-size:64px;}
.login .sns_login .sns_ul li a.bg_kakaotalk { background:#fbe300 url(/project/design/memb/bg_kakaotalk.png)  center 20px no-repeat; background-size:64px; color:#381a1f;}

.login .join_info { text-align:right;}
.login .join_info a {color:#666;}
.login .join_info a:hover {color:#000;}

@media all and (max-width:800px) {
.login .sns_login .sns_ul li a {font-size:15px;}
.login .sns_login .sns_ul li a { padding:50px 0 10px 0;}
.login .sns_login .sns_ul li a.bg_naverblog { background:#2db400 url(/project/design/memb/bg_naverblog.png) center 10px no-repeat; background-size:48px;}
.login .sns_login .sns_ul li a.bg_facebook { background:#3a5897 url(/project/design/memb/bg_facebook.png)  center 10px no-repeat; background-size:48px;}
.login .sns_login .sns_ul li a.bg_kakaotalk { background:#fbe300 url(/project/design/memb/bg_kakaotalk.png)  center 10px no-repeat; background-size:48px;}
}

@media all and (max-width:440px) {
.login .sns_login ul { flex-direction: column;}
}

/***** 회원가입 *****/
/* Step0_회원구분선택 */
.mem_cho { background-size:cover; margin-top:50px;}
.mem_cho ul {display:flex; gap: 30px;}
.mem_cho li {display:flex;flex-direction:column;background-color:#f6f6f6; position:relative; height:360px;border-radius:26px;flex:1;padding:60px;box-sizing:border-box;}
.mem_cho li p.tit_kor {color:#000; font-size:30px; font-weight:600;}
.mem_cho li p.tit_eng {font-family: 'Montserrat', sans-serif; font-weight:600;margin-top:20px;}
.mem_cho li.bg1 { background:#f6f6f6 url('/project/design/memb/bg_member1.png') no-repeat 90% center; }
.mem_cho li.bg2 { background:#f6f6f6 url('/project/design/memb/bg_member2.png') no-repeat 90% center; }
.mem_cho li a {margin-top:auto;display:inline-block;width:60px;}

@media all and (max-width:800px) {
  .mem_cho ul {gap:10px;}
  .mem_cho li { height:200px; padding:30px;}
  .mem_cho li p.tit_kor {font-size:24px;}
  .mem_cho li p.tit_eng {margin-top:10px;}
  .mem_cho li.bg1 { background-size : auto 80%; }
  .mem_cho li.bg2 { background-size : auto 80%; }
}

@media all and (max-width:440px) {
  .mem_cho { margin-top:30px;}
  .mem_cho ul { flex-direction: column;}
  .mem_cho li { height:auto; padding:30px;}
  .mem_cho li p.tit_kor {font-size:18px; padding-left: 5px;}
  .mem_cho li p.tit_eng {margin-top:0; padding-left: 5px;}
  .mem_cho li a { margin-top: 20px; width:50%;box-sizing:border-box; text-align: center;}
}

/* 회원가입 Step */
.step_join { margin-bottom:30px;}
.step_join > ul { display: flex; justify-content: center; gap: 2%;}
.step_join > ul > li { width: 100%;}
.step_join > ul > li > .step_join_box {position:relative; border:1px solid #ddd; text-align:center; padding:38px 0;box-sizing:border-box;background:#f6f6f6;color:#000;font-weight:600;}
.step_join > ul > li > .step_join_box:after {position:absolute;display:inline-block;content:"";background:#ebebeb;width:100%;height:4px;left:0;bottom:0;}
.step_join > ul > li > .step_join_box span { font-weight:600;font-family: 'Montserrat', sans-serif;color:#ff6427;}
.step_join > ul > li > .step_join_box.on {background:#fff;}
.step_join > ul > li > .step_join_box.on span { color:#ff6427;}

.step_info { text-align:center; padding:20px; margin-bottom: 30px; color:#666; }

@media all and (max-width:800px) {
  .step_join > ul > li > .step_join_box { padding:10px 0;}
}

@media all and (max-width:440px) {
  .step_join { margin-bottom:10px;}
  .step_join > ul > li > .step_join_box { font-size:0.875em;}
  .step_join > ul > li > .step_join_box:after {height:2px;}
  .step_join > ul > li > .step_join_box span { display:block;}
}

/* Step1_회원약관 동의 */
.memb_policy {padding:40px; background:#f6f6f6;}
.memb_policy h4 { padding-bottom:15px; font-size:1.125em; font-weight:600; color:#000;}
.memb_policy .check { padding:20px 10px 0 0; color:#666; text-align:right;}

/* 멤버용 체크박스 label 있는 경우 */
.memb_policy input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.memb_policy input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer;}
.memb_policy input[type="checkbox"] + label:before { content:' '; display:inline-block;border-radius:3px; width:20px; height:20px; line-height:20px; margin:-4px 8px 0 0; text-align:center;  vertical-align:middle; background-color: #fff;border:1px solid #dfdfdf;} /* 선택전 */
.memb_policy input[type="checkbox"]:checked + label:before { content:'\f00c'; font-family: FontAwesome; color: #fff; background-color: #000; border:1px solid #000;}/* 선택후 */

.policy_area { height:150px; overflow-y:auto; background:#fff; border:1px solid #d1d1d1; color:#666; padding:15px 30px; }
.policy_area::-webkit-scrollbar {width:4px;}
.policy_area::-webkit-scrollbar-thumb {width:4px;background:#000;border-radius:4px;}
.policy_area::-webkit-scrollbar-track {width:4px;background:#ddd;}
.policy_area h2 { font-size:1em; font-weight:600; padding:15px 0 10px 0; color:#333; }
.policy_area h3 { font-size:1em; color:#666; font-weight:normal; padding:5px 0; }
.policy_area h4 { font-size:1em; font-weight:normal; }

@media all and (max-width:440px) {
  .memb_policy {padding:20px;}
  .memb_policy .check { text-align:center; }
  .policy_area { padding:10px;}
}

/* Step2_회원정보 입력 */
.info_table { border-top: 2px solid #000;}
.info_table .star { color:#ff0000; font-family:verdana; font-weight:600; }
.info_table .info_flex_box {display:flex; margin-top:45px; flex: 1;}
.info_table .info_flex_box > div { display:flex; align-items:center; gap:30px;}
.info_table .info_flex_box .info_tit { flex-basis: 15%; color:#000; font-size: 1.05em; font-weight:600; padding-left: 10px; box-sizing: border-box;}
.info_table .info_flex_box .info_desc { flex-basis: 85%; box-sizing: border-box;}
.info_table .info_flex_box.w50 .info_desc {flex-basis: 35%;}
.info_table input { height:40px; border:none; box-sizing:border-box;border-bottom:1px solid #ddd;padding:10px;transition:all ease .3s; font-size:1.05em;}
.info_table input:focus {outline:0; border: none !important; border-bottom: 1px solid #000 !important; transition: all ease .3s;}

.info_table select {padding:0 20px; box-sizing: border-box; height:40px; border: none; color:#666; font-weight:500; border-radius:30px; -webkit-appearance:none; background:#f6f6f6 url("/admode/module/board/images/kor/bg_select.png") no-repeat calc(100% - 10px) center / auto 50%;}

.info_table .p_info_em {color:#ff6427;}
.info_table .p_info_em2 {color:#1e89db;}
.info_table .btn_calendar { display: inline-block; color: #000; font-size: 1.2em;}

/*회원가입인풋*/
/*.info_table input[type="text"], .info_table input[type="password"] { float:left; width:75%; height:40px; border:none; box-sizing:border-box;border-bottom:1px solid #ddd;padding:10px;transition:all ease .3s;background:none !important;background:#fff !important;font-size:1.05em;}
.info_table input[type="text"]:focus, .info_table input[type="password"]:focus {outline:0; border: none !important; border-bottom: 1px solid #000 !important; transition: all ease .3s;}*/


/*.memb_info .member_add {line-height:1.6em; margin:20px 0; border:1px solid #e5e5e5; padding:20px;}
.memb_info .member_add2 {float:left; color:#000; font-size:1.25em; font-weight:600; width:20%; margin-bottom:10px;}
.memb_info .member_add3 {float:right; margin-bottom:10px;}
.memb_info .btn_calendar { display:inline-block; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; width:28px; height:28px; text-indent:-9999px; background:#fff url(/admode/module/board/images/kor/calender.gif) 7px 7px no-repeat; vertical-align:top; } 

.info_table div.w50 div:first-of-type, .info_table div.w50 div:nth-of-type(3) {flex-basis:30%;color:#000;font-weight:600;}
.info_table div.w50 div:nth-of-type(2), .info_table div.w50 div:nth-of-type(4) {flex-basis:70%;}
.info_table th { padding:7px 0 7px 20px; color:#333; text-align:left; background:#f9f9f9; border-right:1px solid #dddee1; border-bottom:1px solid #dddee1; }
.info_table td { padding:7px 20px; color:#666; text-align:left; border-bottom:1px solid #dddee1; }
.info_table td span { font-size:0.95em;}*/


@media all and (max-width:1260px) {
  .info_table .info_flex_box.w50 { flex-wrap: wrap; gap:30px 0;}
  .info_table .info_flex_box.w50 > div:nth-of-type(3),   .info_table .info_flex_box.w50 > div:nth-of-type(4) { margin-top: 15px;}
  .info_table .info_flex_box .info_tit { flex-basis: 20%; }
  .info_table .info_flex_box .info_desc { flex-basis: 80%; }
  .info_table .info_flex_box.w50 .info_desc { flex-basis: 80%;}
  .info_table input { width: 100%;}
}
@media all and (max-width:800px) {
  .info_table .info_flex_box { flex-direction: column; gap: 10px;}
  .info_table .info_flex_box.w50 { gap:10px 0;}
  .info_table .info_flex_box.w50 > div:nth-of-type(3) { margin-top: 35px;}
  .info_table .info_flex_box.w50 > div:nth-of-type(4) { margin-top: 0;}
}
@media all and (max-width:440px) {
  .info_table .info_flex_box > div { gap:10px;}
  .info_table .info_flex_box .info_tit { flex-basis: 0; }
  .info_table .info_flex_box .info_desc { display: flex;}

  .info_table .info_flex_box.w50 .info_desc { flex-basis: 0;}
  .info_table .info_flex_box.info_email .info_desc { flex-wrap: wrap;}
  .info_table .info_flex_box.info_email .info_desc > * { flex: 1 1 40%;}
  .info_table .info_flex_box.info_email .info_desc > select { flex: 1 1 100%;}
  .info_table .info_flex_box.info_address .info_desc { flex-wrap: wrap;}
  .info_table .info_flex_box.info_address .info_desc > * { flex: 1 1 100%;}
}


/* Step3_회원가입 완료*/
.join_com { text-align:center; padding:50px 0;}
.join_com .p_desc1 { font-size:1.5em; color:#000; font-weight:600;padding:30px 0;}
.join_com .p_desc1 .em { color:#ff6427;}
.join_com .p_desc2 { font-size:1.05em; line-height:1.8em;}

@media all and (max-width:440px) {
  .join_com i img { width:50%;}
  .join_com .p_desc1 { font-size:1.4em;}
  .join_com .p_desc2 { font-size:1em;}
}




/*.secede { width:640px; margin:0 auto; }
.secede dl { float:left; width:520px; text-align:left; }
.secede dt { float:left; width:80px; height:35px; padding-top:5px; font-weight:600; }
.secede dd.password { height:40px; }
.secede dd.password input { width:200px; border:1px solid #ddd; line-height:30px; height:30px;}
.secede dd.memo { height:85px; }
.secede dd.memo textarea { width:420px; height:65px; border:1px solid #ddd; margin:0 !important; }
.secede_button { float:left; margin-top:40px;}
.secede_button .btn_ok { height:67px; width:100px; border:0; font-weight:600; background:#ff6427; color:#fff; cursor:pointer; border-radius:3px;}*/
/*
.box_contents { width:600px; position:relative; margin:0 auto; }
.box_contents dl { width:360px; float:left; }
.box_contents dt { float:left; width:90px; font-size:1.2em; font-weight:600; line-height:31px; height:31px; margin-bottom:10px; }
.box_contents dd { text-align:left; line-height:31px; height:31px; margin-bottom:10px; }
.box_contents h5 { padding-bottom:10px; font-size:1.25em; font-weight:600; }
.box_in { position: relative; text-align:left; padding:24px 0 24px 60px;}
.btn_box {padding-top:30px; float:none; text-align:center; }
.em_font1 { color:#ff0000;}
.em_font2 { color:#0072bc;}*/

/*.box_in { position: relative; text-align:left; padding:0 0 80px 0;}*/

/* 180226 인터넷 엣지, 크롬 오류 input {-webkit-border-radius:0; -webkit-appearance:none;} 
.btn_login { height:71px; width:100%; border:0; background:#ff6427; color:#fff !important; font-weight:600; font-size:1.3em; cursor:hand; vertical-align:top;}
.bottom_info { width:100%; margin:0 auto; padding:15px 0;}
.bottom_info p {text-align:center;}
.bottom_info span { position:relative; top:0; right:0; display:block; width:100%; padding-top:5px;}
.bottom_info span a { width:100%; } */