@charset "utf-8";
/* CSS Document */

#mem_contents {position:relative; margin-left:180px; margin-right:0px; background:#f7f7f9; height:100%;}
.sub_contents {position:relative; width:100%; height:auto; margin:0 auto;}

/***************************** ////// COMMON ////// *******************************/

.m_top_bar { background:#313334; height:30px; font-size:30px; line-height:30px;}
.m_top_area { width:100%; height:90px; text-align:center; background:#fff;}
.m_top { width:1030px; margin:0 auto; text-align:left; position:relative;  z-index:1;}
.m_top h1 { position:absolute; left:0; top:25px;}
.m_top table.m_menu { position:absolute; left:0; top:37px; }
.m_top table a { font-size:18px; font-weight:bold; text-decoration:none; color:#000000; display:block; padding:0 15px;}
.m_top table .last a { padding:0;}
.m_top table a.over { color:#715941;}
.m_top table a:hover { color:#715941;}
.m_body_wrap { background:#f7f7f9 url(../images/top_bg.gif) left top repeat-x; padding-top:30px; padding-bottom:100px; text-align:center; min-height:100%;}
.m_body_wrap .m_body { width:1000px; margin:0 auto; position:relative; text-align:left;}
.m_body .m_location { color:#333333; font-size:13px; text-align:right;}
.m_body .m_location .gimg { margin:0 5px;}
.m_body h2 { display:block; font-size:30px; font-weight:bold; color:#111111; background:url(../images/line_dot.gif) left bottom repeat-x; height:70px; line-height:70px;}
.m_contents { padding-top:50px;}
.m_footer_menu { text-align:center; background:#343942; height:50px; line-height:50px;}
.m_footer_menu ul { text-align:center; display:inline-block; .display:inline; zoom:1;}
.m_footer_menu li { text-align:center; display: inline; float:left; padding:0 10px;}
.m_footer_menu ul a { font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
.m_footer_menu ul a:hover { color:#715941;}
.m_footer_copy { background:#595f6a; text-align:center; padding:20px 0 80px 0;}
.m_footer { width:1000px; margin:0 auto; text-align:left; position:relative;}
.m_footer p.ci { float:left; width:210px;}
.m_footer div.copy { float:left; width:800px; color:#b6bac0; font-size:13px; line-height:140%;}

/***************************** ////// 회원로그인 ////// *******************************/

.m_contents .memberForm { border:1px solid #cdcdcd; height:33px; width:220px;}
.m_contents .m_login_box { border:1px solid #dddddd; border-top:2px solid #715941; width:998px; height:275px; position:relative; background:#fff url(../images/login_bimg.jpg) 730px 55px no-repeat;}
.m_contents .m_login_box .form { position:absolute; left:30px; top:27px; width:450px; border-right:1px solid #dddddd; }
.m_contents .m_login_box .form table { width:305px;}
.m_contents .m_login_box .form table th, .m_login_box .form table td { padding:5px;}
.m_contents .m_login_box .form table th { color:#111111; font-size:15px; text-align:left; width:80px; float:left;}
.m_contents .m_login_box .link { font-size:14px; color:#111; margin-top:20px; width:420px;}
.m_contents .m_login_box .link .link1 { height:42px; line-height:42px; position:relative;}
.m_contents .m_login_box .link .link1 .btn { position:absolute; right:0; top:8px;}
.m_contents .m_login_box .link .link2 { height:42px; line-height:42px; position:relative;}
.m_contents .m_login_box .link .link2 .btn { position:absolute; right:0; top:8px;}
.m_contents .m_login_box .mtext { position:absolute; width:350px; left:500px; top:17px;}
.m_contents .m_login_box .mtext li { font-size:14px; padding:14px 0; color:#666666; line-height:140%; padding-left:12px; background:url(../images/ico_arrot.gif) 0 21px no-repeat;}

/***************************** ////// 약관동의 ////// *******************************/

.m_contents .himg { padding-bottom:30px;}
.m_contents .htext { font-size:15px; padding-bottom:40px; line-height:140%;}
.m_contents .htext strong { color:#715941;}
.m_contents h3 { display:block; font-size:22px; color:#111111; height:70px; line-height:70px; padding-left:31px; position:relative; background:url(../images/stt_bl.png) 2px 26px no-repeat;}
.m_contents h3 span.st { position:absolute; right:0; top:0; font-size:17px; color:#ed1c24; text-align:right;}
.m_contents .agree_box { border:1px solid #dddddd; background:#fff; padding:20px; width:958px; height:108px;}
.m_contents .agree_box iframe { width:958px; height:108px;}
.m_contents .agree_form { padding-top:10px; text-align:right; padding-bottom:25px; font-size:15px; font-weight:bold;}
.m_contents .btn_area { padding-top:25px; padding-bottom:40px; text-align:center;}
.m_contents .ok_btn { display:inline-block; padding: 12px 30px; background:#715941; font-size:18px; font-weight:bold; color:#fff; border:none; text-decoration:none; cursor:pointer;}
.m_contents .cancel_btn { display:inline-block; padding: 12px 30px; background:#d8dce0; font-size:18px; font-weight:bold; color:#111; border:none; text-decoration:none; cursor:pointer;}
.m_contents .agree_box2 { border:1px solid #dddddd; background:#fff; padding:20px; width:958px; color:#715941; font-weight:bold; font-size:18px; text-align:center;}

.m_contents .point_box { background:url(../images/point_bg.gif) left top no-repeat; width:1000px; height:168px; position:relative;}
.m_contents .point_box ul { position:absolute; top:36px; left:92px; color:#d0d0d0; font-size:15px; font-weight:bold; }
.m_contents .point_box ul li.li1 { color:#ffffff; font-size:20px;}
.m_contents .point_box ul li.li2 { color:#ffbb00; font-size:16px; padding:6px 0;}

/***************************** ////// 회원정보입력 ////// *******************************/

.m_contents .htext2 { font-size:15px; padding-bottom:40px; line-height:140%; position:relative;}
.m_contents .htext2 span.st { position:absolute; right:0; top:0; font-size:15px; color:#ed1c24; text-align:right;}
.m_contents table.join_list { border-top:2px solid #000; width:100%;}
.m_contents table.join_list td, .m_contents table.join_list th { font-size:15px; padding:10px; border-bottom:1px solid #dddddd; text-align:left; font-weight:normal;}
.m_contents table.join_list th { color:#000; text-indent:20px;}
.m_contents table.join_list th span.check { color:#ed1c24; font-weight:bold;}
.m_contents .joinForm1 { border:1px solid #ddd; height:26px; padding:3px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.m_contents .joinForm2 { border:1px solid #ddd; height:30px; color:#000; font-size:14px; line-height:100%; background:#fff;}
.m_contents .joinForm3 { border:1px solid #ddd; color:#000; font-size:14px; line-height:100%; background:#fff;}
.m_contents .stext { color:#715941; font-size:14px; padding-top:5px; }
.m_contents .sbtn1 { display:inline-block; border:1px solid #715941; padding: 7px 15px; background:#fff; font-size:15px; font-weight:bold; color:#715941; text-decoration:none; cursor:pointer;}

/***************************** ////// 회원가입완료 ////// *******************************/

.m_contents .m_join_box { border:1px solid #dddddd; border-top:2px solid #715941; width:998px; height:275px; position:relative; background:#fff url(../images/login_bimg.jpg) 908px 38px no-repeat;}
.m_contents .contents { position:absolute; left:75px; top:40px;}
.m_contents .contents .t1 { font-size:30px; color:#715941; font-weight:bold;}
.m_contents .contents .t2 { font-size:20px; color:#111; font-weight:normal; padding:7px 0 10px 0;}
.m_contents .contents .t3 { font-size:15px; color:#666; font-weight:normal; padding-bottom:30px;}
.m_contents .login_btn { display:inline-block; padding: 7px 15px; background:#715941; font-size:15px; font-weight:bold; color:#fff; border:none; text-decoration:none; cursor:pointer;}
.m_contents .home_btn { display:inline-block; padding: 7px 15px; background:#d8dce0; font-size:15px; font-weight:bold; color:#111; border:none; text-decoration:none; cursor:pointer;}


/***************************** ////// 회원가입완료 ////// *******************************/

.m_contents .head_idpw {border:1px solid #d1d1d1; width:998px; height:150px; border-top:2px solid #715941; background:url(../images/head_idpw.gif) no-repeat top left ;}
.m_contents .id_box { float:left; width:50%;}

.m_contents .pw_box { float:left; width:50%;}

.m_contents .id_box .search_box, .m_contents .pw_box .search_box { width:490px; border:1px solid #dddddd; background:#fff; border-top:2px solid #715941; position:relative; height:200px;}
.m_contents .pw_box .search_box { float:right;}
.m_contents .pw_box h3 { margin-left:10px;}
.m_contents .id_box table, .m_contents .pw_box table { position:absolute; left:30px; top:30px;}
.m_contents .id_box table th, .m_contents .pw_box table th { font-size:15px; color:#000; text-align:left; padding:5px;}
.m_contents .id_box table td, .m_contents .pw_box table td { padding:5px;}