@charset "utf-8";

/*****************************************************************/
/* 로그인 */
/*****************************************************************/

/* 로그인 */
.member_login { width:100%; margin:64px auto 105px; border-bottom:1px solid #bebebe; }
.member_login .login_info { width:628px; height:28px; margin:57px auto 0px; font-size:12px; color:#3f3f3f; }
.member_login .login_box { position:relative; width:650px; height:113px; margin:0px auto 31px; background:url(../images/login_box_bg.png) no-repeat; }
.member_login .login_box .text_id { position:absolute; width:43px; height:13px; left:35px; top:51px; font-size:13px; color:#3f3f3f; font-weight:bold; }
.member_login .login_box .text_pw { position:absolute; width:56px; height:13px; left:256px; top:51px; font-size:13px; color:#3f3f3f; font-weight:bold; }
.member_login .login_box .input_id { position:absolute; width:155px; height:31px; left:81px; top:40px; border:1px solid #b2b2b2; background-color:#FFF; }
.member_login .login_box .input_id input {width:150px; height:26px; line-height:26px; font-size:13px; color:#3f3f3f; border:0px;}
.member_login .login_box .input_pw { position:absolute; width:155px; height:31px; left:314px; top:40px; border:1px solid #b2b2b2; background-color:#FFF; }
.member_login .login_box .input_pw input {width:150px; height:26px; line-height:26px; font-size:13px; color:#3f3f3f; border:0px;}
.member_login .login_box .login_btn { position:absolute; width:128px; height:31px; left:490px; top:40px;}
.member_login .login_box .login_btn input {font-size:13px; color:#dadee7; display:block;background-color:#283e6d;border:none;width:128px; height:31px;}
.member_login .login_box .login_check { position:absolute; width:15px; height:15px; left:81px; top:82px; }
.member_login .login_box .login_check_text { position:absolute; width:120px; height:13px; left:100px; top:83px; font-size:12px; color:#414141; letter-spacing:-1px; }

.member_login .btn_etc { width:630px; margin:0 auto; padding:0 0 80px 0; }
.member_login .btn_etc ul { margin:0; padding:0; }
.member_login .btn_etc li { list-style:none; float:left; width:48.5%; margin:0 0 0 3%; }
.member_login .btn_etc li.first { margin:0 0 0 0; }

/* 버튼 */
#btn_wide { vertical-align:middle; display:inline-block; width:100%; height:40px; border:1px solid #d8d8d8; text-align:center;
background: #fdfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfcfc 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfcfc 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
#btn_wide a,
#btn_wide a:hover { display:inline-block; width:100%; margin:0; border:0; line-height:40px; font-size:12px; color:#363535; display:block; }
#btn_wide input { display:inline-block; width:100%; margin:0; border:0; line-height:40px; font-size:12px; color:#363535; background: none; cursor:pointer; }

#btn_wide.black { vertical-align:middle; display:inline-block; height:40px; border:1px solid #767676; 
background: #535353; /* Old browsers */
background: -moz-linear-gradient(top,  #535353 0%, #3e3e3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #535353 0%,#3e3e3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ }
#btn_wide.black a,
#btn_wide.black a:hover { display:inline-block; margin:0; border:0; line-height:40px; font-size:12px; color:#fff; display:block; }
#btn_wide.black input { display:inline-block; margin:0; border:0; line-height:40px; font-size:12px; color:#fff; background: none; cursor:pointer; }

/* 아이디 비밀번호 찾기 */
.member_idpw_find { width:100%; margin:64px auto 105px; border-bottom:1px solid #bebebe; }
.member_idpw_find .idpw_find_info { width:628px; height:28px; margin:57px auto 0px; font-size:12px; color:#3f3f3f; }
.member_idpw_find .idpw_find_box { position:relative; width:650px; height:113px; margin:0px auto 31px; background:url(../images/login_box_bg.png) no-repeat; }
.member_idpw_find .idpw_find_box .text_name { position:absolute; width:43px; height:13px; left:35px; top:51px; font-size:13px; color:#3f3f3f; font-weight:bold; }
.member_idpw_find .idpw_find_box .text_email { position:absolute; width:56px; height:13px; left:256px; top:51px; font-size:13px; color:#3f3f3f; font-weight:bold; }
.member_idpw_find .idpw_find_box .input_name { position:absolute; width:155px; height:31px; left:81px; top:40px; border:1px solid #b2b2b2; background-color:#FFF; }
.member_idpw_find .idpw_find_box .input_name input {width:150px; height:26px; line-height:26px; font-size:13px; color:#3f3f3f; border:0px;}
.member_idpw_find .idpw_find_box .input_email { position:absolute; width:155px; height:31px; left:314px; top:40px; border:1px solid #b2b2b2; background-color:#FFF; }
.member_idpw_find .idpw_find_box .input_email input {width:150px; height:26px; line-height:26px; font-size:13px; color:#3f3f3f; border:0px;}
.member_idpw_find .idpw_find_box .idpw_find_btn { position:absolute; width:128px; height:31px; left:490px; top:40px; }
.member_idpw_find .idpw_find_box .idpw_find_btn input {font-size:13px; color:#dadee7; display:block;background-color:#283e6d;border:none;width:128px; height:31px;}

/* 아이디 비밀번호 찾기 팝업 */
.member_idpw_find_popup { display:none; position:relative; width:370px; height:252px; margin:0 auto; background:url(../images/find_popup_bg.png) no-repeat; }
.member_idpw_find_popup .btn_close { position:absolute; width:14px; height:14px; right:20px; top:20px; }
.member_idpw_find_popup .find_pop_title { position:absolute; width:279px; height:37px; left:40px; top:41px; background-color:#333333; line-height:37px; font-size:13px; color:#d6d6d6; padding-left:10px; }
.member_idpw_find_popup .find_pop_info { position:absolute; width:260px; height:60px; left:48px; top:100px; line-height:25px; font-size:13px; color:#3f3f3f; }
.member_idpw_find_popup .find_pop_btn { position:absolute; width:108px; height:38px; left:130px; top:171px; border:1px solid #cfcfcf; text-align:center; }
.member_idpw_find_popup .find_pop_btn a { line-height:38px; font-size:13px; color:#757575; display:block; }
.member_idpw_find_popup .find_pop_btn a:hover { line-height:38px; font-size:13px; color:#757575; display:block; }

/* 회원가입 */
.member_area { max-width:731px; margin:45px auto 100px; } /* .member_area { width:731px; margin:45px auto 100px; } */
.member_area .member_tab { height:68px; border:1px solid #dcdcdc; background-color:#faf8f9; }
.member_area .member_tab .icon { position:relative; width:586px; height:44px; left:40px; top:0px; }
.member_area .member_tab .icon ul { margin:0px; padding:0px; }
.member_area .member_tab .icon li { list-style:none; float:left; background:url(../images/member_tab_dot.png) no-repeat 166px; padding-right:140px; }
.member_area .member_tab .icon li.last { background:none; padding-right:0px; }
.member_area .member_info { height:45px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#faf8f9; text-align:center; line-height:45px; font-size:12.5px; color:#515151; }
.member_area .member_title { margin:28px auto 11px; font-size:12.5px; color:#333333; font-weight:bold; }

.member_area .member_textarea { margin:0px auto 14px; }
.member_area .member_textarea textarea {width:100%; height:220px; border:1px solid #eeeeee; background-color:#fcfcfc; font-size:12.5px; color:#333333; line-height:20px;}
.member_area .member_check { height:26px; }
.member_area .member_check .check_input { position:relative; float:left; width:19px; height:13px; left:7px; }
.member_area .member_check .check_text { position:relative; float:left; width:500px; height:13px; left:7px; top:1px; font-size:12px; color:#3d3d3d; }

.member_area .member_btn { text-align:right;padding:10px 0 0 0; }
.member_area .member_btn img { margin-left:2px; }

/* 회원가입 완료 */
.member_area_popup { display:none; position:relative; width:370px; height:262px; margin:0 auto; background:url(../images/find_popup_bg.png) no-repeat; }
.member_area_popup .btn_close { position:absolute; width:14px; height:14px; right:20px; top:20px; }
.member_area_popup .join_pop_title { position:absolute; width:279px; height:37px; left:40px; top:41px; background-color:#333333; line-height:37px; font-size:13px; color:#d6d6d6; padding-left:10px; }
.member_area_popup .join_pop_info { position:absolute; width:280px; height:60px; left:48px; top:95px; line-height:23px; font-size:13px; color:#3f3f3f; }
.member_area_popup .join_pop_btn { position:absolute; width:108px; height:38px; left:130px; top:175px; border:1px solid #cfcfcf; text-align:center; }
.member_area_popup .join_pop_btn a:link, 
.member_area_popup .join_pop_btn a:hover { line-height:38px; font-size:13px; color:#757575; display:block; }

/* 회원탈퇴 */
.member_out { position:relative; width:650px; margin:0 auto 30px; }
.member_out .member_out_title { margin-bottom:10px; color:#66666; font-size:16px; font-weight:bold; }
.member_out .member_out_info { margin-bottom:20px; color:#2374ad; font-size:12px; text-align:left; line-height:20px; }
.member_out .member_out_box { margin-bottom:18px; background:url(../images/out_box_middle.png) repeat-y; }
.member_out .member_out_box .member_out_box_head { height:2px; background:url(../images/out_box_top.png) no-repeat; }
.member_out .member_out_box .member_out_box_bottom { height:2px; background:url(../images/out_box_bottom.png) no-repeat; }
.member_out .member_out_box .member_out_box_middle { width:610px; margin:0 auto; }
.member_out .member_out_box .member_out_box_middle ul { margin:0px; padding:0px; }
.member_out .member_out_box .member_out_box_middle li { list-style:none; padding:24px 0px; border-bottom:1px solid #d9d9d9; }
.member_out .member_out_box .member_out_box_middle li.last { border-bottom:none; }
.member_out .member_out_box .member_out_box_middle .member_out_box_title { float:left; width:106px; line-height:46px; color:#5a5b5b; font-size:13px; font-weight:bold; text-align:center; }
.member_out .member_out_box .member_out_box_middle .member_out_box_title01 { float:left; width:106px; line-height:30px; color:#5a5b5b; font-size:13px; font-weight:bold; text-align:center; }
.member_out .member_out_box .member_out_box_middle .member_out_box_textarea { float:left; width:485px; }
.member_out .member_out_box .member_out_box_middle .member_out_box_textarea textarea { width:100%; border:1px solid #b2b2b2; height:44px; color:#5a5b5b; font-size:13px;  }
.member_out .member_out_box .member_out_box_middle .member_out_box_textarea input { width:100%; border:1px solid #b2b2b2; height:28px; color:#5a5b5b; font-size:13px;  }
.member_out .member_out_btn { float:right; width:130px; border:1px solid #4c69a5; }
.member_out .member_out_btn a, 
.member_out .member_out_btn a:hover { line-height:31px; text-align:center; color:#ffffff; font-size:12px; background-color:#283e6d; display:block; text-decoration:none; }

/* 간편로그인 */
#sns_login { padding:50px 0 0 0; }
#sns_login ul { margin:0; padding:0; }
#sns_login li { position:relative; list-style:none; float:left; width:48.5%; height:42px; margin:0 0 10px 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius: 4px; }
/*
#sns_login li.type01 { margin:0 0 10px 0; }
#sns_login li.type02 { width:100%; margin:0 0 10px 0; }
*/
#sns_login li { width:100%; margin:0 0 10px 0; }
#sns_login li.login_naver { background-color:#1fbc02; border:1px solid #1baf00; }
#sns_login li.login_kakao { background-color:#ffeb00; border:1px solid #e2d000; }
#sns_login li.login_facebook { background-color:#3c5b9a; border:1px solid #2e5198; }
#sns_login li.login_google { border:1px solid #e3e3e3;
background: #ececec; /* Old browsers */
background: -moz-linear-gradient(top,  #ececec 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ }
#sns_login li .sns_login_thum { position:absolute; width:42px; left:0; top:0; }
#sns_login li .sns_login_text { margin:0 0 0 42px; color:#fff; line-height:41px; text-align:center; }
#sns_login li .sns_login_text.v1 { color:#412828; }
#sns_login li .sns_login_text.v2 { color:#363535; }