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


/***************************** ////// COMMON ////// *******************************/
.member_wrap {overflow:hidden; margin:0 auto; padding:30px 10px 50px;}


.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 {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 {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:20px;}
.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 {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%;}


.btnArea {overflow:hidden; position:relative; margin:30px -4px 0; text-align:center;}
.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;}
.btn03 {display:inline-block; min-width:60px; height:40px; margin:0 2px !important; padding:0 15px;  border:0; font-size:15px; color:#fff; line-height:40px; text-align:center; background:#2c2c2c;}
.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;}
.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;}

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


.full  {width:100%;}
.f_size01 {width:80%;}
.f_size02 {width:60%;}
.f_size03 {width:250px;}
input.email {width:45%;}
select.email {margin-top:5px;}
select.number {width:35%;}
input.number {width:25%;}

.ml01 {margin-left:10px;}


.htitle_area {padding:10px 0 10px; text-align:center;}
.htitle_area h2 {font-size:35px; color:#1e1e1e; line-height:50px; font-weight:bold;}
.htitle_area p {padding-top:3px; font-size:15px; color:#1e1e1e;}

.htitle_area2 {padding:10px 0 10px; text-align:center;}
.htitle_area2 h2 {font-size:35px; color:#1e1e1e; line-height:50px; font-weight:bold;}
.htitle_area2 p {padding-top:3px; font-size:15px; color:#222222;}


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




.login_wrap {margin:0 10px; padding:20px 0 0; text-align:center;}
.login_box {display:table; width:100%; }
.login_box .r_row {margin:7px 0; border:1px solid #e0e0e0;}
.login_box .r_row dt {position:relative; float:left; width:55px; height:55px; background:url('../images/ico_id.png') no-repeat center; background-size:25px;}
.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:28px; margin-top:-14px; background:#e1e1e1; content:'';}
.login_box .r_row label {position:absolute; top:0; left:-20000px;}
.login_box .r_row dd {margin-left:55px;}
.login_box .r_row input[type="text"],
.login_box .r_row input[type="password"]{width:100%; height:55px; padding:0 10px; font-size:18px; color:#b7b7b7; border:0; box-sizing:border-box;}
.login_link {padding:10px 0;}
.login_link a {display:inline-block; position:relative; padding:0 10px; font-size:17px; color:#7d7d7d; line-height:40px;} 
.login_link a+a:after {position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-7px; background:#c9c9c9; content:'';}
.login_wrap .sns_link {display:inline-block; box-sizing:border-box; padding:0;}
.login_wrap .sns_link a {float:left; width:33.333%; padding-left:2px; box-sizing:border-box;}
.login_wrap .sns_link a:first-child {padding:0;}
.login_wrap .sns_link a img {max-width:100%;}

.btitle_area {text-align:left; line-height:1.5;}
.btitle_area strong {display:block; padding-top:10px; font-size:18px; color:#1e1e1e; font-weight:bold;}
.btitle_area p {font-size:14px; color:#7d7d7d;letter-spacing:-0.5;}
.btitle_area p span {color:#222;}

.login_wrap .btn {display:block; width:100%; height:58px; border:0; font-size:18px; font-weight:bold; color:#ffffff; cursor:pointer; background:url('../images/btn_bg.jpg')}
.login_wrap a.btn {color:#ffffff;}

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



.join_tab {overflow:hidden; margin:15px -4px 0;}
.join_tab li {float:left; width:33.33%; text-align:center;}
.join_tab li em {display:block; margin:0 1px; font-size:14px; color:#4c4c4c; line-height:55px; background:#dfdfdf;}
.join_tab li.on em {color:#fff; background:#aa9bee;}
.join_tab li.on b {font-weight:bold;}

.m_contents {}
.m_contents .htext {font-size:14px; padding-bottom:25px; line-height:140%;}
.m_contents h3 {display:block; font-size:16px; color:#1e1e1e; margin:20px 0 5px; line-height:20px; font-weight:bold; padding-left:3px; position:relative;}
.m_contents h3 span.st { position:absolute; right:0; top:0; font-size:12px; color:#6a54d1; text-align:right;}
.m_contents .agree_box {border:1px solid #ebebeb; background:#fff;}
.m_contents .agree_box iframe {width:100%; height:108px;}
.m_contents .agree_box2 {border:1px solid #c3b9f3; background:#fbfbff; padding:10px; color:#1e1e1e; font-size:13px; text-align:center;}
.m_contents .agree_form {padding-top:10px; text-align:left; padding-bottom:25px; font-size:13px; font-weight:400; color:#1e1e1e;}
.m_contents .agree_form label+input {margin-left:10px;}
.agree_box03 {padding:0 20px; font-size:13px; color:#515151;}
.m_contents .point_box {padding:15px; font-size:13px; color:#14192c; line-height:1.5; background:#ececec;}

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

.m_contents table.join_list {table-layout:fixed; border-top:2px solid #767784; width:100%;}
.m_contents table.join_list td, .m_contents table.join_list th {font-size:13px; padding:10px; border-bottom:1px solid #d2d2d2; vertical-align:top; text-align:left; font-weight:normal;}
.m_contents table.join_list td {vertical-align:middle;}
.m_contents table.join_list th {padding:17px 0; padding-left:5px; color:#1e1e1e; line-height:16px; font-weight:300;}
.m_contents table.join_list th span.check { color:#ed1c24; font-weight:bold;}
.m_contents .joinForm1 { border:1px solid #d9d9d9; height:30px; padding:0 5px; font-size:13px; color:#222222; background:#fff;}
.m_contents .joinForm2 { border:1px solid #d9d9d9; height:30px; padding:3px; font-size:13px; color:#222222; background:#fff;}
.m_contents .joinForm3 { border:1px solid #d9d9d9; font-size:13px; color:#222222; background:#fff;}
.m_contents .stext { color:#6a54d1; font-size:11px; padding-top:7px; font-weight:300;}
.m_contents .sbtn1 {display:inline-block; width:70px; height:30px; background:#b8b6b9; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; line-height:30px; text-decoration:none; cursor:pointer;}

.m_contents select, .m_contents input[type="text"], .m_contents input[type="password"],.m_contents textarea {background:#ffffff; border:1px solid #d9d9d9; font-size:13px; color:#222222; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
.m_contents select {height:40px; padding:3px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
.m_contents .textForm {height:40px; padding:0 10px;}
.m_contents .middleCon { vertical-align:middle;}
.m_contents .tt {display:block; padding-top:5px;}

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

.join_complete {font-size:14px; color:#1e1e1e; text-align:center;}
.join_complete img {max-width:100%;}
.join_complete .btnArea {margin-top:35px;}

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






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

.idpw_box {overflow:hidden;}
.idpw_box form+form {display:block; margin-top:25px;}
.idpw_box .id_box, .idpw_box .pw_box {padding:0 20px 30px; box-sizing:border-box; background:#f8f8f8;}
.idpw_box h3 {height:auto; margin:0; padding-top:5px; border-bottom:1px solid #767784; font-size:18px; color:#282828; text-align:center; line-height:40px;}
.idpw_box table {width:80%; margin:15px auto;}
.idpw_box table th, .idpw_box table td {padding:5px 0; text-align:left;}
.idpw_box table th {font-size:14px;}
.idpw_box table td input {width:100%;}
.idpw_box table td+th {padding-left:5px;}
.idpw_box .btn_wrap {text-align:center;}
.idpw_box .btn_submit {width:120px; height:35px; margin:0 auto; border:0; font-size:14px; 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;
}