@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : member.css
* Description : 회원서비스 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.07.07
* Update : 2017.07.07
* Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/
 /* ///////////////////////////포인트컬러 변경///////////////////////////
                   #00987e - 현 사이트의 포인트 컬러입니다.
				   검색해서 모두 바꾸기 해주세요!
 /////////////////////////////////////////////////////////////////// */

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

/***** 회원서비스 상단 *****/
.top_mem {width:70%; margin:0 auto 30px auto; padding:6px 0 0 105px; min-height:90px; box-sizing:border-box;}
.top_mem h4 { color:#333; font-size:21px; margin-bottom:5px;}
.top_mem p { color:#666; }
.bg_login { background:url(/project/design/memb/bg_login.png) left center no-repeat; background-size:90px;} /* 로그인 */
.bg_join { background:url(/project/design/memb/bg_join.png) no-repeat left center; background-size:90px;} /* 회원가입, 정보수정 */
.bg_idpw { background:url(/project/design/memb/bg_idpw.png) left center no-repeat; background-size:90px;} /* 아이디/비밀번호찾기 */
.bg_modify { background:url(/project/design/memb/bg_login.png) left center no-repeat; background-size:90px;} /* 회원탈퇴 */

/***** 회원서비스 기본 *****/
.box_line { margin:0 auto; width:100%; padding:20px 0; border:1px solid #ddd; position:relative;  font-size:0.95em;}
.dot_line { border-bottom:1px dashed #ddd; margin-bottom:30px;}
.box_contents { width:70%; margin:0 auto;}

/* 모바일 가로 */
@media all and (max-width:767px) {
.top_mem {width:90%; padding:0 0 0 85px; min-height:70px;}
.top_mem h4 { font-size:17px;}
.top_mem p { font-size:13px; }
.bg_login { background:url(/project/design/memb/bg_login.png) left center no-repeat; background-size:70px;} /* 로그인 */
.bg_join { background:url(/project/design/memb/bg_join.png) no-repeat left center; background-size:70px;} /* 회원가입, 정보수정 */
.bg_idpw { background:url(/project/design/memb/bg_idpw.png) left center no-repeat; background-size:70px;} /* 아이디/비밀번호찾기 */
.bg_modify { background:url(/project/design/memb/bg_login.png) left center no-repeat; background-size:70px;} /* 회원탈퇴 */

.box_contents { width:90%;}
}
/* 모바일 세로 */
@media all and (max-width:440px) {
.top_mem {width:100%; margin:0 auto 20px auto;}

.box_line { padding:30px 0;}
.box_contents { width:100%;}
}
/* 회원로그인 */
.login .box_form { padding:20px 0 0 0;}
.login .box_form ul { width:78%; float:left; padding-right:2%; box-sizing:border-box;}
.login .box_form li { border:1px solid #e1e1e1; margin-bottom:10px; height:44px; border-radius:3px;}
.login .box_form li label { float:left; display:block; width:25%; line-height:44px; padding-left:15px; box-sizing:border-box; color:#333;}
.login .box_form li input { float:left; width:75%; height:44px; border:none; box-sizing:border-box;}
.login .box_form .btn_login { width:22%; float:left; height:102px; border:0; background:#00987e; color:#fff; font-size:18px; font-weight:300; cursor:pointer; border-radius:3px;}

.login .sns_login {padding:20px 0;}
.login .sns_login li { width:33.33%; float:left; box-sizing:border-box;}
.login .sns_login li:nth-child(2) { padding:0 1%;}
.login .sns_login li a { display:block; text-align:right; padding-right:20px; line-height:44px; color:#fff; border-radius:3px;}
.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 {padding:10px 0;}
.login .join_info li { float:left; width:50%; color:#666; position:relative; padding:10px 0; text-align:center; box-sizing:border-box;}
.login .join_info li:nth-child(1) { border-right:1px dashed #ddd;}
.login .join_info a { margin-left:10px; display:inline-block; border:1px solid #ccc; background:#fff; color:#555; padding:1px 15px 2px 15px; font-size:13px; border-radius:3px;}
.login .join_info a:hover { background-color:#f7f7f7;}

/* 모바일 가로 */
@media all and (max-width:767px) {
.login .box_form li input { font-size:15px;}
}
/* 모바일 세로 */
@media all and (max-width:440px) {
.login .box_form ul { width:70%;}
.login .box_form li label { display:none;}
.login .box_form li input { width:100%; padding-left:10px; font-size:15px;}
.login .box_form .btn_login { width:30%;}

.login .sns_login li { width:100%;}
.login .sns_login li:nth-child(2) { padding:10px 0;}

.login .join_info li:nth-child(1) { border-right:none; padding-right:0.5%;}
.login .join_info li:nth-child(2) { padding-left:0.5%;}
.login .join_info span { display:none;}
.login .join_info a { margin-left:0; display:block; text-align:center; padding:8px 0;}
}

/* 회원가입 */
.step_join { margin-bottom:30px;}
.step_join > ul { width:70%; margin:0 auto;}
.step_join > ul > li { width:32%; float:left;}
.step_join > ul > li:nth-child(2) { padding:0 2%;}
.step_join > ul > li > div { border:1px solid #ddd; text-align:center; padding:20px 0;}
.step_join > ul > li > div span { font-weight:600;}
.step_join > ul > li > div.on { border:1px solid #000;}
.step_join > ul > li > div.on span { color:#f60;}
@media all and (max-width:767px) {
.step_join > ul { width:90%;}
.step_join > ul > li > div { padding:10px 0;}
}
@media all and (max-width:440px) {
.step_join { margin-bottom:10px;}
.step_join > ul > li > div { font-size:0.875em;}
.step_join > ul > li > div span { display:block;}
}

/* 회원구분선택 */
.mem_cho { background:url('/project/design/memb/bg_member.jpg') center top no-repeat; background-size:cover; margin-top:50px;}
.mem_cho li { float:left; width:50%; position:relative; height:348px;}
.mem_cho li a {position:absolute; width:207px; height:174px; text-align:center; padding-top:42px; box-sizing:border-box;}
.mem_cho span { display:block; color:#fff; padding-top:5px; font-size:1.125em; font-weight:600;}
.mem_cho .bg1 { background:#f47662; bottom:0; right:0; }
.mem_cho .bg2 { background:#4f597c; bottom:0; left:0; }

/* 모바일 가로 */
@media all and (max-width:767px) {
.mem_cho li { height:250px;}
.mem_cho li a {width:150px; height:130px; padding-top:30px; }
.mem_cho li i img { width:50px;}
}
/* 모바일 세로 */
@media all and (max-width:440px) {
.mem_cho { margin-top:30px;}
.mem_cho li { height:130px;}
.mem_cho li a {width:100%;}
}

/* step */
.step_info { text-align:center; padding:20px; color:#666; }
.memb_policy { padding:10px 30px;}
.memb_policy h4 { padding-bottom:10px; font-size:1.25em; font-weight:600; }
.memb_policy .check { padding:10px; color:#666; text-align:right; }
.policy_area { height:150px; overflow-y:auto; background:#f9f9f9; border:1px solid #d1d1d1; color:#666; padding:15px; }
.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; }

.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; }

/* 모바일 세로 */
@media all and (max-width:440px) {
.policy_area { padding:10px;}
.memb_policy .check { text-align:center; }
}

/* 회원가입 완료*/
.join_com { text-align:center; padding:50px 0;}
.join_com .p_desc1 { font-size:38px; color:#333; padding:20px 0 10px 0;}
.join_com .p_desc1 .em { color:#00987e;}
.join_com .p_desc2 { font-size:18px;}
.join_com .btn1 {background:#3e3e3e; color:#fff; font-size:18px; padding:10px 40px; display:inline-block; border-radius:3px;}
.join_com .btn2 {background:#00987e; color:#fff; font-size:18px; padding:10px 40px; display:inline-block; border-radius:3px;}

/* 모바일 세로 */
@media all and (max-width:440px) {
.join_com i img { width:80px;}
.join_com .p_desc1 { font-size:28px;}
.join_com .p_desc2 { font-size:15px;}
.join_com .btn1 {font-size:15px; padding:10px 30px;}
.join_com .btn2 {font-size:15px; padding:10px 30px;}
}

/***************** 171024 임시추가 *********************/
/* 개인정보입력 */
.memb_info { width:100%; margin:0 auto; text-align:center; }
.info_table, .info_table th, .info_table td { border:0; border-collapse:collapse;}
.info_table { width:100%; border-top:solid 1px #dddee1; }
.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;}
.info_table input { border:1px solid #d4d4d4; background:#f6f6f6; height:30px; line-height:30px; padding-left:3px; box-sizing:border-box;}
.info_table select { border:1px solid #d4d4d4; height:30px;}
.info_table input:focus { border:1px solid #000;}

/* 모바일 세로 */
@media all and (max-width:440px) {
.info_table th { display:block; padding:10px 0 0 15px; background:none; border-right:none; border-bottom:none;}
.info_table td { display:block; padding:5px 15px 10px 15px;}
.info_table .p_info { display:block; padding-top:5px;}
.info_table .w100 { width:100%;}
.info_table .w45 { width:45%;}
.info_table .w30 { width:30%;}
.info_table .p_top { margin-top:5px;}
}
/* 아이디비밀번호찾기 */
.idpw { width:100%; position: relative;}
.idpw .box_form { padding:20px 0 0 0;}
.idpw .box_form ul { width:78%; float:left; padding-right:2%; box-sizing:border-box;}
.idpw .box_form li { border:1px solid #e1e1e1; margin-bottom:10px; height:44px; border-radius:3px;}
.idpw .box_form li label { float:left; display:block; width:25%; line-height:44px; padding-left:15px; box-sizing:border-box; color:#333;}
.idpw .box_form li input { float:left; width:75%; height:44px; border:none; box-sizing:border-box;}
.idpw .box_form .btn_ok { width:22%; float:left; height:102px; border:0; background:#00987e; color:#fff; font-size:18px; font-weight:300; cursor:pointer; border-radius:3px;}
/*.btn_ok { height:71px; width:84px; border:0; background:#00987e; color:#fff !important; font-weight:600; font-size:1.3em; cursor:hand; vertical-align:top; cursor:pointer;}*/

/* 모바일 가로 */
@media all and (max-width:767px) {
.idpw .box_form li input { font-size:15px;}
}
/* 모바일 세로 */
@media all and (max-width:440px) {
.idpw .box_form { padding:0;}
.idpw .box_form ul { width:70%;}
.idpw .box_form li label { display:none;}
.idpw .box_form li input { width:100%; padding-left:10px; font-size:15px;}
.idpw .box_form .btn_ok { width:30%;}
}

/* 회원탈퇴 */
.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:#00987e; 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; }*/
.star { color:#df4241; font-family:verdana; font-weight:600; }
.em_font1 { color:#df4241;}
.em_font2 { color:#0072bc;}


.box_contents { width:90%; position:relative; margin:0 auto;}
.box_contents dl { width:100%; float:left; }
.box_contents dt { float:left; width:90px; font-size:1.2em; font-weight:600; line-height:31px; height:31px; margin-bottom:5px; }
.box_contents dd { text-align:left; line-height:31px; height:auto; margin-bottom:10px; }
.box_contents dd  input { width:100%; box-sizing:border-box;}
.box_contents h5 { padding-bottom:10px; font-size:1.25em; font-weight:600; }
.box_in { position: relative; text-align:left; padding:0 0 24px 0;}
.btn_box {padding-top:30px; float:none; text-align:center; }
/* 180226 인터넷 엣지, 크롬 오류 input {-webkit-border-radius:0; -webkit-appearance:none;}  */
.btn_login { height:71px; width:100%; border:0; background:#00987e; 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%; }