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


/***************************** ////// COMMON ////// *******************************/
.member_wrap {overflow:hidden; max-width:1200px; margin:0 auto; padding:200px 0 150px; font-size:16px; font-family: 'Nanum Barun Gothic', 맑은고딕, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif, 나눔고딕, "Nanum Gothic", Dotum; font-weight:normal;}


.m_top_bar { background:#313334; height:30px; font-size:30px; line-height:30px;}
.m_top_area { width:100%; height:90px; text-align:center;}
.m_top { width:1200px; margin:0 auto; text-align:left; position:relative;}
.m_top h1 { position:absolute; left:0; top:10px;}
.m_top table.m_menu { position:absolute; right: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:#7087d6;}
.m_top table a:hover { color:#7087d6;}
.m_body_wrap {padding-top:30px; padding-bottom:100px; text-align:center;}
.m_body_wrap .m_body { width:1200px; 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:#2f2d3a; 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:#7087d6;}
.m_footer_copy { background:#595f6a; text-align:center; padding:20px 0 80px 0;}
.m_footer { width:1200px; margin:0 auto; text-align:left; position:relative;}
.m_footer p.ci { float:left; width:210px;}
.m_footer div.copy { float:left; width:970px; color:#b6bac0; font-size:13px; line-height:140%;}


.member_wrap .btnArea {margin-top:50px;}
.btnArea * {vertical-align:middle;}
.btnArea p.right {text-align:right;}
.btnArea p.left {text-align:left;}
.btnArea .btn02 {margin:0 4px !important;}
.btn01 {display:inline-block; min-width:100px; height:30px; margin:0 4px !important; border:0; font-size:14px; color:#fff; line-height:30px; text-align:center; background:#2c2c2c; cursor:pointer;}
.btn03 {display:inline-block; min-width:240px; height:65px; margin:0 10px !important;  border:0; font-size:20px; color:#fff; line-height:65px; text-align:center; background:#2c2c2c; cursor:pointer;}
.btn02 {display:inline-block; width:105px; height:36px; border:0; color:#222222 !important; text-align:center; line-height:34px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.btn04 {display:inline-block; min-width:210px; height:58px; margin:0 9px !important; border:0; font-size:18px; color:#fff; line-height:58px; text-align:center; background:#2c2c2c; cursor:pointer;}
.btn05 {display:inline-block; min-width:100px; height:40px; margin:0 4px !important; padding:0 15px; border:0; font-size:14px; color:#fff; line-height:40px; text-align:center; background:#2c2c2c; cursor:pointer;}

.btnArea a {display:inline-block;}
.btnArea .gray01 {background:#b5b6b8;}




.ml01 {margin-left:10px;}


.htitle_area {text-align:center;}
.htitle_area h2 {font-size:51px; color:#1e1e1e; line-height:90px;}
.htitle_area p {padding-top:3px; font-size:22px; color:#1e1e1e;}

.htitle_area2 {text-align:center;}
.htitle_area2 h2 {font-size:45px; color:#1e1e1e; line-height:40px; font-weight:normal;}
.htitle_area2 p {padding-top:20px; font-size:22px; color:#222222;}


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


.login_wrap {padding:0px 0 0; text-align:center;}
.login_title {margin-top:-40px; padding-bottom:35px; text-align:center; color:#3e3636;}
.login_title h2 {padding-top:15px; font-family:'Noto Sans KR',sans-serif,'돋움',Dotum,'굴림',Gulim,Tahoma, Geneva,verdana; font-size:40px; font-weight:700;}
.login_title p {padding-top:18px; font-size:19px;}
.sns_login {position:relative; margin-top:35px; padding:45px 0; border-top:1px solid #e1e1e1;}
.sns_login.b_bottom {margin-bottom:50px; border-bottom:1px solid #e1e1e1;}
.sns_login strong {display:block; font-size:23px; color:#070a13;}
.sns_login p {padding-top:5px; font-size:16px; color:#626262;}
.sns_link {overflow:hidden; margin:30px -8px 0; text-align:center;}
.sns_link li {float:left; padding:0 8px;}
.sns_link a {display:block;}
.sns_link.grid1 li {width:100%;}
.sns_link.grid2 li {width:50%;}
.sns_link.grid3 li {width:33.33%;}
.sns_link .naver a {background:#24b301;}
.sns_link .facebook a {background:#45629c;}
.sns_link .kakao a {background:#ffd514;}

.login_box {padding:80px 260px; border:1px solid #999999;}
.login_box .r_row {overflow:hidden; margin-bottom:10px; border:1px solid #e0e0e0;}
.login_box .r_row dt {position:relative; float:left; width:92px; height:62px; background:url('../images/ico_id.png') no-repeat 31px center;}
.login_box .r_row.s02 dt {background-image:url('../images/ico_pw.png')}
.login_box .r_row dt:after {position:absolute; top:50%; right:0; width:1px; height:40px; margin-top:-20px; background:#e1e1e1; content:'';}
.login_box .r_row label {position:absolute; top:0; left:-20000px;}
.login_box .r_row dd {margin-left:92px;}
.login_box .r_row input[type="text"],
.login_box .r_row input[type="password"]{width:100%; height:62px; padding:0 10px; font-size:18px; color:#b7b7b7; border:0; box-sizing:border-box;}
.login_link {margin-top:30px;}
.login_link li {overflow:hidden; margin-bottom:8px; line-height:32px;}
.login_link strong {float:left; font-size:16px; color:#626262; font-weight:300;}
.login_link a {float:right; width:174px; height:32px; color:#fff; letter-spacing:-0.03em; background:#3d3d3f;}
.login_link a.bg02 {background:#a4a4a4;}
.login_wrap .btn_submit {display:block; width:100%; height:62px; margin-top:20px; border:0; font-size:23px; color:#ffffff; cursor:pointer; background:#262626;}
.login_wrap a.btn {color:#ffffff;}

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



.join_tab {overflow:hidden; margin:60px -4px 0;}
.join_tab li {float:left; width:33.33%; text-align:center;}
.join_tab li em {display:block; margin:0 4px; padding:20px 0; color:#4c4c4c; line-height:1.3; background:#dfdfdf;}
.join_tab li span {display:block; font-size:17px;}
.join_tab li b {display:block; font-size:26px; font-weight:300;}
.join_tab li.on em {color:#fff; background:#232426;}
.join_tab li.on b {font-weight:500;}

.m_contents {margin-top:50px;}
.m_contents .htext { font-size:15px; padding-bottom:40px; line-height:140%;}
.m_contents h3 {display:block; font-size:21px; color:#1e1e1e; height:70px; margin:30px 0 0; line-height:70px; font-weight:bold; padding-left:13px; position:relative;}
.m_contents h3 span.st { position:absolute; right:0; top:0; font-size:16px; color:#272727; text-align:right;}
.m_contents .agree_box {border:1px solid #ebebeb; background:#fff; height:200px; overflow-y:scroll; padding:15px 20px;}
.m_contents .agree_box2 {border:1px solid #d6d6d6; background:#fbfbff; padding:10px; color:#1e1e1e; font-weight:400; font-size:18px; text-align:center;}
.m_contents .agree_form {padding-top:10px; text-align:right; padding-bottom:25px; font-size:15px; font-weight:400; color:#1e1e1e;}
.m_contents .agree_form label+input {margin-left:30px;}
.agree_box03 {padding:0 20px; font-size:15px; color:#515151;}
.m_contents .point_box {padding:15px 30px; font-size:16px; color:#14192c; background:#ececec;}

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

.m_contents table.join_list {border-top:2px solid #767784; width:100%; border-collapse: collapse;}
.m_contents table.join_list * {vertical-align:middle;}
.m_contents table.join_list td, .m_contents table.join_list th {font-size:15px; padding:12px 10px; border-bottom:1px solid #d2d2d2; vertical-align:top; text-align:left; font-weight:normal;}
.m_contents table.join_list th {padding-left:20px; color:#1e1e1e; line-height:40px; font-weight:300;}
.m_contents table.join_list td {line-height:35px;}
.m_contents table.join_list th span.check { color:#ed1c24; font-weight:bold;}
.m_contents .stext { color:#000000; font-size:14px; padding-top:7px; font-weight:300;}
.m_contents .sbtn1 { display:inline-block; width:130px; height:35px; background:#b8b6b9; font-size:16px; font-weight:400; color:#fff; text-align:center; vertical-align:middle; line-height:35px; text-decoration:none; cursor:pointer;}


.m_contents .middleCon { vertical-align:middle;}
.m_contents .tt {display:inline-block; padding-left:10px; font-weight:300;}

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

.join_complete {padding:125px 90px 90px; border-top:2px solid #767784; border-bottom:1px solid #d2d2d2; font-size:20px; color:#1e1e1e; background:url('../images/join_complete_img.jpg') no-repeat right center;}
.join_complete .btnArea {margin-top:70px;}

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






/***************************** ////// 아이디/패스워드 찾기 ////// *******************************/

.idpw_box {overflow:hidden;}
.idpw_box .id_box, .idpw_box .pw_box {float:left; width:49.2%; padding:0 20px 30px; box-sizing:border-box; background:#f8f8f8;}
.idpw_box .pw_box {margin-left:1.6%;}
.idpw_box h3 {height:auto; margin:0; padding:0; padding-top:10px; border-bottom:2px solid #767784; font-size:28px; color:#282828; text-align:center; line-height:80px;}
.idpw_box table {width:80%; margin:20px auto;}
.idpw_box table th, .idpw_box table td {padding:9px 0; text-align:left;}
.idpw_box table th {font-size:18px;}
.idpw_box table td input {width:100%;}
.idpw_box table td+th {padding-left:20px;}
.idpw_box .btn_wrap {text-align:center;}
.idpw_box .btn_submit {width:175px; height:44px; margin:0 auto; border:0; font-size:18px; color:#fff; background:#2c2c2c;}


/***************************** ////// 기본박스 ////// *******************************/
.m_contents .m_con_box { padding:30px; text-align:left; margin-bottom:50px;}





/***************************** ////// 개인정보취급방침 ////// *******************************/


#all_div u { text-decoration:none;}
#all_div,
#all_div div, #all_div p, #all_div h1, #all_div h2, #all_div td, #all_div th { color:#333;}
#all_div table.alltable {width:100%; border:1px solid #e0e0e0; margin:0; padding:0;}
#all_div table.alltable th,
#all_div table.alltable td { padding:5px; border:1px solid #e0e0e0; margin:0;}
#all_div table.alltable th { background:#f7f7f7; font-weight:bold; text-align:center;}
#all_div table.alltable td { background:#ffffff; font-weight:normal; }
#all_div { margin:0; padding:0; border:0; line-height:140%;}
#all_div p { margin:0; padding:5px 0; border:0; line-height:140%;}
#all_div h1 { border:none; background:none; padding:0; margin:0; font-size:20pt !important;}
#all_div h2 { border:none; background:none; padding:0; margin:20px 0 10px 0; font-size:18pt !important;}
#all_div h3 { border:none; background:none; padding:0; margin:0; font-size:16pt !important;}

.m_tab_area { margin-bottom:40px; border-bottom:1px solid #d8dce0;}
.m_tab_area ul { }
.m_tab_area ul li { text-align:center; display:inline-block; .display:inline; zoom:1;}
.m_tab_area ul li a { width:200px; display:block; color:#333; background:#d8dce0; padding:10px 30px; font-size:16px; font-weight:bold;}
.m_tab_area ul li a:hover { text-decoration:none;}
.m_tab_area ul li.over a { color:#fff; background:#7087d6;}

.m_con { line-height:150%;}
.m_con p { padding-bottom:12px;}
.m_con div.box1 { border:1px solid #e0e0e0; padding:30px; background:#fbfbfc;}
.m_con h3 { display:block; font-size:22px; font-weight:bold; color:#111111; padding:0; margin-bottom:7px; background:none;}
.m_con h4 { display:block; font-size:16px; font-weight:bold; color:#7087d6; margin-bottom:7px; }
.m_con table.list1 {width:100%; border:1px solid #e0e0e0; margin:0; padding:0;}
.m_con table.list1 thead th,
.m_con table.list1 thead td { background:#efefef; color:#000; font-weight:bold; text-align:center;}
.m_con table.list1 th,
.m_con table.list1 td { padding:5px; border:1px solid #e0e0e0; margin:0;}
.m_con table.list1 th { background:#f7f7f7; font-weight:bold; text-align:center;}
.m_con table.list1 td { background:#ffffff; font-weight:normal; }
.m_con table.list1 .t_c { text-align:center !important;}

/***************************** ////// 휴면계정 ////// *******************************/

.m_contents .h_login_box { border:1px solid #dddddd; border-top:2px solid #3378c1; width:1198px; height:425px; position:relative; background:#FFF; text-align:center;}
.m_contents .h_wrap { width:735px; text-align:left; margin:37px auto 0 auto;}
.m_contents .h_wrap .header .icon { width:215px; float:left; text-align:center;}
.m_contents .h_wrap .header .text { width:520px; float:left; text-align:left; margin-top:10px;}
.m_contents .h_wrap .header .text h3 { display:block; font-size:22px; color:#111111; line-height:140%; background:none; margin:0; padding:0;}
.m_contents .h_wrap .header .text h3 strong { color:#fd8701;}
.m_contents .h_wrap .header .text span { color:#999; font-size:16px;}
.m_contents .h_wrap .form_wrap { background:#fafafa; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-top:35px; padding:20px 0; text-align:center;}
.m_contents .h_wrap .form_wrap .form { width:370px; text-align:center; margin:0 auto; padding:0; border:0;}
.m_contents .h_wrap .btn_wrap { text-align:center; padding-top:24px;}


/***************************** ////// 회원로그인(SNS) ////// *******************************/

.m_contents .m_login_box2 { border:1px solid #dddddd; border-top:2px solid #7087d6; width:1198px; position:relative; background:#FFF;}
.m_contents .m_login_box2 .form { width:100%; border-bottom:1px solid #dddddd; text-align:center; padding:30px 0;}
.m_contents .m_login_box2 .form table { margin:0 auto; }
.m_contents .m_login_box2 .form table th, 
.m_contents .m_login_box2 .form table td { padding:5px;}
.m_contents .m_login_box2 .form table th { color:#111111; font-size:15px; text-align:left;}
.m_contents .m_login_box2 .footer { width:100%; padding:30px 0; text-align:center;}
.m_contents .m_login_box2 .footer .link { width:40%; margin-left:10%; float:left; text-align:left; padding-top:7px;}
.m_contents .m_login_box2 .footer .link ul { }
.m_contents .m_login_box2 .footer .link ul li { float:left; display:inline-block; .display:inline; zoom:1; padding-right:10px;}
.m_contents .m_login_box2 .footer .mtext {  width:45%; margin-right:5%; float:left; text-align:left;}
.m_contents .m_login_box2 .footer .mtext li { width:100%; font-size:14px; padding:2px 0; color:#666666; line-height:140%; padding-left:12px; background:url(../images/ico_arrot.gif) 0 10px no-repeat;}

#captcha {
    display: inline-block;
    position: relative;
}
#captcha legend {
    font-size: 0;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999em;
}
#captcha #captcha_img {
    border: 1px solid #e9e9e9;
    height: 41px;
    width: 100px;
}
#captcha #captcha_mp3 {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    left: 101px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 23px;
}
#captcha #captcha_mp3 span {
    background: rgba(0, 0, 0, 0) url("/include/kcaptcha/img/sound.gif") repeat scroll 0 0;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 23px;
}
#captcha #captcha_reload {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    left: 101px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 21px;
    vertical-align: middle;
    width: 23px;
}
#captcha #captcha_reload span {
    background: rgba(0, 0, 0, 0) url("/include/kcaptcha/img/reload.gif") repeat scroll 0 0;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 23px;
}
#captcha #captcha_key {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #b8c9c2;
    font-size: 1.333em;
    font-weight: bold;
    height: 41px;
    line-height: 2.8em;
    margin: -35px 0 0 25px;
    padding: 0 5px;
    text-align: center;
}
#captcha #captcha_info {
    display: none;
    font-size: 0.95em;
    letter-spacing: -0.1em;
    margin: 5px 0 0;
}