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


/***************************** ////// COMMON ////// *******************************/
.subWrap {margin:200px auto 0; }

.m_contents { width:100%; padding:30px 0 50px; text-align:center; font-size:15pt; border-bottom:1px solid #000;}
.m_contents *{line-height:150%;}
.m_contents a { font-size:15pt; color:#333; font-weight:130%;}
.m_contents input { font-size:15pt; color:#333;}

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

.m_header { width:660px; margin:0 auto; padding:30px 0 20px 0; border-bottom:1px solid #e0e0e0; text-align:left;}
.m_header h2 { font-weight:bold; font-size:30px; color:#333333;}


.m_contents .memberForm { border:1px solid #cdcdcd; height:33px; width:250px;}
.m_contents .m_login_box { border:3px solid #e0e0e0; width:620px; margin:30px auto 80px auto; text-align:left; position:relative;}
.m_contents .m_login_box .n_login { position:absolute; left:325px; top:126px; width:113px; height:80px;}
.m_contents .m_login_box .f_login { position:absolute; left:428px; top:126px; width:113px; height:80px;}
.m_contents .m_login_box .form { text-align:center; padding:30px 0;}
.m_contents .m_login_box .form table { width:540px; margin:0 auto; text-align:left;}
.m_contents .m_login_box .form table th, 
.m_contents .m_login_box .form table td { padding:5px; vertical-align:middle;}
.m_contents .m_login_box .form table th {width:140px; color:#111111; text-align:left;}
.m_contents .m_login_box .link { width:550px; margin:65px auto 0 auto; text-align:left; border-top:1px solid #e0e0e0; padding-top:20px;}
.m_contents .m_login_box .link .link1 { height:50px; line-height:50px; position:relative;}
.m_contents .m_login_box .link .link1 .btn { position:absolute; right:0; top:6px;}
.m_contents .m_login_box .link .link2 { height:50px; line-height:50px; position:relative;}
.m_contents .m_login_box .link .link2 .btn { position:absolute; right:0; top:6px;}


.td_kcaptcha, .th_kcaptcha {padding:0;}
.td_kcaptcha input {width:250px !important; height:30px !important;}
.td_kcaptcha , .th_kcaptcha {vertical-align:top !important;}
td.td_left {text-align:left;}


/***************************** ////// 약관동의 ////// *******************************/
.m_contents .m_join_wrap {margin:0 25px; text-align:left;}
.m_contents .htext { font-size:15pt; padding:40px 0; line-height:140%;}
.m_contents .htext strong { color:#3378c1;}
.m_contents h3 { display:block; font-size:20pt; font-weight:bold; color:#111111; padding:18px 0px; line-height:35px; 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:17pt; color:#ed1c24; text-align:right;}
.m_contents .agree_box {overflow:hidden; border:1px solid #dddddd; background:#fff; padding:20px; height:152px; }
.m_contents .agree_box iframe { width:100%; height:110px;}
.m_contents .agree_form { padding-top:10px; text-align:right; padding-bottom:25px; font-size:15pt; font-weight:bold;}
.m_contents .agree_box2 { border:1px solid #dddddd; background:#fff; padding:20px; color:#3378c1; font-weight:bold; font-size:15pt; text-align:center;}

.m_contents .point_box { background:#6b7382; height:130px; margin-bottom:30px; padding:20px;}
.m_contents .point_box ul { color:#d0d0d0; font-size:13pt; font-weight:bold; display:block;}
.m_contents .point_box ul li.li1 { color:#ffffff; font-size:20pt; height:40px;}
.m_contents .point_box ul li.li2 { color:#ffffff; font-weight:normal; line-height:130%;}

.m_contents .btn_area { padding-top:25px; padding-bottom:40px; text-align:center;}
.m_contents .ok_btn { display:inline-block; padding: 12px 30px; background:#3378c1; 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 table.join_list { border-top:2px solid #000; width:100%;}
.m_contents table.join_list td, .m_contents table.join_list th { font-size:15pt; padding:10px; border-bottom:1px solid #dddddd; text-align:left; font-weight:normal;}
.m_contents table.join_list th { color:#000; text-indent:0; font-size:13pt;}
.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:15pt; line-height:100%; background:#fff;}
.m_contents .joinForm2 { border:1px solid #ddd; height:30px; color:#000; font-size:15pt; line-height:100%; background:#fff;}
.m_contents .joinForm3 { border:1px solid #ddd; color:#000; font-size:15pt; line-height:100%; background:#fff;}
.m_contents .stext { color:#3378c1; font-size:13pt; padding-top:5px; }
.m_contents .sbtn1 { display:inline-block; border:1px solid #3378c1; padding: 7px 15px; background:#fff; font-size:15px; font-weight:bold; color:#3378c1; text-decoration:none; cursor:pointer;}

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

.m_contents .m_join_box { border:1px solid #dddddd; border-top:2px solid #3378c1; padding:30px; text-align:center; margin-bottom:50px;}
.m_contents .contents {}
.m_contents .contents .t1 { font-size:22pt; color:#3378c1; font-weight:bold;}
.m_contents .contents .t2 { font-size:18pt; color:#111; font-weight:normal; padding:7px 0 10px 0;}
.m_contents .contents .t3 { font-size:13pt; color:#666; font-weight:normal; padding-bottom:50px;}
.m_contents .login_btn { display:inline-block; padding: 7px 15px; background:#3378c1; 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 .id_box {width:680px; margin:0 auto; text-align:left;}
.m_contents .pw_box {width:680px; margin:0 auto 0px; text-align:left;}
.m_contents .id_box .search_box, .m_contents .pw_box .search_box {border:1px solid #dddddd; background:#fff; border-top:2px solid #b39b75; position:relative; padding:50px;}
.m_contents .pw_box .search_box {}
.m_contents table {width:100%}
.m_contents .id_box table th, .m_contents .pw_box table th {font-size:15pt; color:#000; text-align:left; padding:5px;}
.m_contents .id_box table td, .m_contents .pw_box table td {padding:5px; vertical-align:top;}
.m_contents .full {width:100%;}
.m_contents td.td_btn {text-align:right;}


/***************************** ////// 기본박스 ////// *******************************/
.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;}
table.alltable {width:100%; border:1px solid #e0e0e0; margin:0; padding:0;}
table.alltable th,
table.alltable td { padding:5px; border:1px solid #e0e0e0; margin:0;}
table.alltable th { background:#f7f7f7; font-weight:bold; text-align:center;}
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;}




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

.m_contents .m_login_box .sns_list { margin-top:10px;}
.m_contents .m_login_box .sns_list li { float:left; display:inline-block; .display:inline; zoom:1; padding-right:5px;}


/* SNS/일반 회원가입 */
.sns .m_header,
.ver2 .m_header {
    width: 100%;
    border-bottom: 0;
	padding-bottom: 60px;
}
.sns .m_header h2,
.ver2 .m_header h2 {
    font-size: 40px;
    font-weight: 400;
	letter-spacing: -3px;
    color: #000;
    background: transparent;
    height: auto;
    line-height: 1.5;
	text-align: center;
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 43px;
}
.ver2 .m_header h2 {
    border-bottom: 0;
    padding-bottom: 9px;
}
.sns .m_header h2 > p,
.ver2 .m_header h2 > p {
    font-size: 24px;
    font-weight: 300;
    color: #3b3b3b;
	margin-top: 14px;
	letter-spacing: -2px;
}
.ver2 .m_contents .htext {
    font-size: 20px;
    padding: 47px 0 0;
    line-height: 1.6;
    color: #3b3b3b;
    letter-spacing: -1px;
    margin-bottom: -7px;
}
.ver2 .m_contents .htext em {
	color: #ff5353;
}
.sns .m_contents,
.ver2 .m_contents {
	padding-top: 74px;
}
.sns .m_contents .m_join_wrap,
.ver2 .m_contents .m_join_wrap {
    margin: 0 30px;
}
.sns .form_group {
	margin-bottom: 22px;
}
.ver2 .form_group {
	margin-bottom: 30px;
}
.ver2 .form_group.email_box {
	overflow: hidden;
}
.ver2 .form_group.email_box * {
	float: left;
}
.sns .form_group label,
.ver2 .form_group label {
	display: inline-block;
	width: 122px;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: -2px;
	color: #000;
	vertical-align: middle;
}
.ver2 .form_group label .check {
	color: #ff5353;
	margin-left: 3px
}
.sns .form_group input[type='text'],
.sns .form_group input[type='number'],
.ver2 .form_group input[type='text'],
.ver2 .form_group input[type='number'],
.ver2 .form_group input[type='password'] {
	/*width: 388px;*/
	width: 376px;
	height: 61px;
	background: #ececec;
	font-size: 18px;
	font-weight: 300;
	color: #3b3b3b;
	box-sizing: border-box;
	padding: 18px 17px;
}
.sns .form_group.auth_box input[type='text'],
.sns .form_group.auth_box input[type='number'],
.ver2 .form_group.auth_box input[type='text'] {
	width: 228px;
}
.ver2 .form_group.auth_box input[type='number'] {
	width: 223px;
}
.ver2 .form_group input::-webkit-input-placeholder {
	letter-spacing: -2px;
}
.ver2 .form_group input::-moz-placeholder {
	letter-spacing: -2px;
}
.ver2 .form_group input:-ms-input-placeholder {
	letter-spacing: -2px;
}
.ver2 .form_group input:-moz-placeholder {
	letter-spacing: -2px;
}
.sns .form_group.auth_box label,
.ver2 .form_group.auth_box label {
	visibility: hidden;
}
.sns .form_group.auth_box p,
.ver2 .form_group.auth_box p {
	font-size: 18px;
	font-weight: 300;
	color: #ff5353;
	margin: 12px 0 0 144px;
	letter-spacing: -1px;
}
.sns .auth_send,
.sns .auth_check,
.ver2 .auth_send,
.ver2 .auth_check,
.ver2 .id_check {
	width: 140px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -2px;
	color: #fff;
	background: #3b3b3b;
	border: 0;
	border-radius: 5px;
	margin-left: 8px;
	outline: 0;
	cursor: pointer;
}
.ver2 .id_check {
	background: #fff;
	border: 1px solid #3b3b3b;
	color: #3b3b3b;
}
.sns .auth_resend,
.ver2 .auth_resend {
	display: inline-block;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #000;
	padding: 5px 0;
	border-bottom: 1px solid #000;
	margin-left: 20px;
	margin-bottom: 8px;
	outline: 0;
	cursor: pointer;
	background: #fff;
}
.sns .agreeBox,
.ver2 .agreeBox {
	text-align: center;
	margin-top: 56px;
    padding-bottom: 27px;
}
.ver2 .agreeBox {
    padding-bottom: 47px;
    border-bottom: 1px solid #d7d7d7;
}
.sns .agreeBox dt,
.ver2 .agreeBox dt {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	background: #ff5353;
	margin-bottom: 21px;
}
.sns .agreeBox input[type='checkbox'],
.ver2 .agreeBox input[type='checkbox'] {
    /* width: 22px;
    height: 22px; */
	-ms-transform: scale(1.8); /* IE */
	-moz-transform: scale(1.8); /* FF */
	-webkit-transform: scale(1.8); /* Safari and Chrome */
	-o-transform: scale(1.8); /* Opera */
	padding: 10px;
    background: #fff;
    border: 0;
    margin-right: 10px;
}
.sns .agreeBox dd,
.ver2 .agreeBox dd {
	width: 630px;
	display: inline-block;
	text-align: left;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #3b3b3b;
	margin-bottom: 10px;
}
.sns .agreeBox dd em,
.ver2 .agreeBox dd em {
	color: #ff5353
}
.sns .agreeBox dd a,
.ver2 .agreeBox dd a {
	float: right;
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 300;
	color: #878787;
	text-decoration: none;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	text-align: center;
}
.ver2 .m_contents .pointBox {
    font-size: 19px;
    font-weight: 300;
    color: #3b3b3b;
    letter-spacing: -2px;
    padding: 40px 0 26px;
}
.sns .m_contents .ok_btn,
.ver2 .m_contents .ok_btn {
    width: 100%;
    height: 86px;
    display: block;
    padding: 0;
    background: #3b3b3b;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    border: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    letter-spacing: -3px;
}
.ver2 .email_box label {
	width: 128px;
    margin-top: 17px;
}
.ver2 .email_box label .check {
	float: none !important;
}
.ver2 .email_box input[type='text'] {
	width: 177px;
}
.ver2 .email_box select {
	width: 140px;
    height: 62px;
    font-size: 16px;
    font-weight: 300;
    color: #3b3b3b;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #ececec url(/m/member/images/select_arrow.png) no-repeat 92% center;
    padding-left: 10px;
    margin-left: 15px;
}
.ver2 .email_box select::-ms-expand {
	display: none;
}

.ver2 .email_box em {
	display: inline-block;
    margin: 18px 2px 0 3px;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.ver2 .email_box p {
	font-size: 16px;
    font-weight: 300;
    color: #3b3b3b;
    margin-left: 149px;
    margin-top: 12px;
	letter-spacing: -1px;
}
.ver2 .m_contents .btn_area {
    padding-top: 32px;
}

.ver2 .m_contents .m_join_box {
	border: 0;
	border-top: 0;
	margin-top: 56px;
}
.ver2 .m_contents .contents {
    position: static;
    left: 0;
    top: 0;
	text-align: center;
}
.ver2 .m_contents .contents .t1 {
    font-size: 36px;
    font-weight: 500;
    color: #000;
    letter-spacing: -4px;
}
.ver2 .m_contents .contents .t2 {
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 300;
    line-height: 1.7;
    padding: 14px 0 69px 0;
	letter-spacing: -1px;
}
.ver2 .m_contents .login_btn,
.ver2 .m_contents .home_btn {
    width: 220px;
    height: 60px;
    line-height: 58px;
    display: inline-block;
    padding: 0;
    background: #3d3d3d;
    font-size: 18px;
    font-weight: 300;
	letter-spacing: -1px;
    color: #fff;
    border: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
	border: 1px solid #3d3d3d;
}

.ver2 .m_contents .home_btn {
	background: #fff;
	color: #3b3b3b;
	margin-left: 2px;
}