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


/***************************** ////// COMMON ////// *******************************/
.member_wrap {overflow:hidden; width:92%; max-width:1200px; margin:0 auto; padding:250px 0; font-size:16px; font-style:normal; font-weight:normal;}
.member_wrap {font-size:16px; font-style:normal; font-weight:normal; line-height:1.5; letter-spacing:-0.03em;}



.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; height:70px; line-height:70px;}


.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 .btn_area {margin-top:50px;}
.btn_area * {vertical-align:middle;}
.btn_area p.right {text-align:right;}
.btn_area p.left {text-align:left;}
.btn_area .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;}

.btn_area a {display:inline-block;}







.ml01 {margin-left:10px;}


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

.htitle_area2 {text-align:center;}
.htitle_area2 h2 {height:auto; font-size:45px; color:#1e1e1e; line-height:40px; font-weight:600; font-family:'Spoqa Han Sans Neo',sans-serif;}
.htitle_area2 p {padding-top:20px; font-size:22px; color:#222222;}

.htitle_area2 .box {margin-top:45px; padding:40px 50px; font-size:18px; color:#383838; font-weight:600; line-height:1.64; text-align:left; border:1px solid #dddddd; background:#ebebeb;}



.m_contents+.htitle_area2 {margin-top:100px;}

.t_left {text-align:left !important;}
.t_right {text-align:right !important;}
.t_center {text-align:center !important;} 
.v_top {vertical-align:top !important} 
.v_middle {vertical-align:middle !important}


.fc_blue {color:#0523e7 !important}
.fc_bold {font-weight:bold;}




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



.member_wrap.login {margin:132px auto 59px auto; padding:60px 0; /*border:1px solid #e7e7e7;*/ text-align:center;}
.login_title {padding-bottom:35px; text-align:center; color:#383838;}
.login_title h2 {padding-top:15px; font-size:50px; color:#161616; font-weight:700;}
.login_title p {padding-top:18px; font-size:19px;}
.sns_login {position:relative; margin-top:70px; padding:55px 0; background:#f5f6f8;}
.sns_login.b_bottom {margin-bottom:50px; border-bottom:1px solid #e1e1e1;}
.sns_login strong {display:block; font-size:30px; color:#161616;}
.sns_login p {padding-top:5px; font-size:16px; color:#626262;}
.sns_link {overflow:hidden; margin:30px -8px 0; text-align:center; font-size:0;}
.sns_link li {display:inline-block; width:320px; padding:0 8px;}
.sns_link a {display:block;}
.sns_link .naver a {background:#24b301;}
.sns_link .facebook a {background:#45629c;}
.sns_link .kakao a {background:#ffd514;}

.login_box {width:90%; max-width:600px; margin:0 auto;}
.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:60px; 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:60px; padding:0 10px; font-size:18px; color:#b7b7b7; border:0; box-sizing:border-box; background:#fff;}
.login_link {margin-top:30px;}

.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:400;}
.join_tab li.on em {color:#fff; background:#232426;}
.join_tab li.on b {font-weight:600;}



.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; 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; line-height:1.2;}
.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 {width:200px; padding-left:20px; color:#1e1e1e; line-height:40px; font-weight:400;}
.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:#7f7f7f; font-size:14px; padding-top:10px; font-weight:400; line-height:1.4}
.m_contents .sbtn1 {display:inline-block; width:auto; min-width:170px; height:40px; padding:0 15px; background:#2b2b2b; font-size:16px; font-weight:400; color:#fff; text-align:center; vertical-align:middle; line-height:40px; text-decoration:none; cursor:pointer;}

.id_wrap {position:relative; padding-right:180px; line-height:1;}
.id_wrap input {width:100%; margin:0;}
.id_wrap .sbtn1 {position:absolute; top:0; right:0; width:160px;}


.hp_wrap {overflow:hidden;}
.hp_wrap select {float:left; width:31%;}
.hp_wrap input {float:left; width:31%;}
.hp_wrap .bar {float:left; width:3.5%; text-align:center;}

.email_wrap {overflow:hidden;}
.email_wrap input {float:left; width:22%;}
.email_wrap .bar {float:left; width:3%; max-width:30px;}
.email_wrap select {float:left; width:22%; margin-left:1%;}
.email_wrap .checkbox {float:left; margin-right:0; margin-left:1%;}


.email_wrap select {width:47%; margin-left:0; margin-top:5px;}
.email_wrap input {width:47%;}
.email_wrap .bar {width:6%; max-width:none;}
.email_wrap .checkbox {margin-left:2%; margin-top:8px;}

.m_contents .middleCon { vertical-align:middle;}
.m_contents .tt {display:inline-block; padding-left:10px; font-weight:400; color:#7f7f7f; line-height:1.4}
.m_contents .tt .checkbox {margin-right:20px;}


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

.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 .txt {padding-right:400px;}
.join_complete .btn_area {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; font-family:'Spoqa Han Sans Neo',sans-serif;}
.idpw_box table {width:90%; margin:20px auto;}
.idpw_box table th, .idpw_box table td {padding:9px 0; text-align:left; vertical-align:middle;}
.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; font-weight:600;}






/***************************** ////// 기본박스 ////// *******************************/
.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;}


.privacy .m_body h2 {background:none;}
.privacy .m_contents {padding-top:0px;} 
.privacy .m_con h3 {height:auto; margin:0; font-size:18px; color:#010101; font-weight:600; line-height:3;}
.privacy .m_con h4 {margin:0; line-height:1.5;}

.m_con {border-top:2px solid #333333; border-bottom:1px solid #b9b9b9; line-height:150%;}
.m_con dl {}
.m_con dt {border-top:1px solid #b9b9b9;}
.m_con dt h3 {margin:0;}
.m_con dt a {display:block; padding:0 30px; background:url('../images/ico_arrow_down.png') no-repeat 95.4% center;}
.m_con dt.on a {background-image:url('../images/ico_arrow_up.png');}
.m_con dd {padding:30px 35px; font-size:16px; color:#474747; font-weight:400; line-height:1.5; background:#ebebeb;}

.square_list li {position:relative; padding:0 20px; }
.square_list li:before {position:absolute; top:8px; left:3px; width:6px; height:6px; border-top:1px solid #4a4a4a; border-bottom:1px solid #c3c3c3; background:#222222; content:'';}

.m_con_list dd {display:none;}
.m_con_list dt.on+dd {display:block;}





.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 10px; border:1px solid #e0e0e0; margin:0; vertical-align:middle;}
.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;}


.google_login {margin-top:-100px; padding:20px 15px 80px 15px; text-align:center; background:#f3f3f3;}
.google_login h3 {font-size:40px; font-family:'Gotham book',sans-serif; font-weight:700; color:#222222; text-transform:uppercase;}
.google_login p {margin:10px 0 30px;}
/*
.google_login .google {display:block; max-width:360px; height:70px; margin:0 auto; line-height:70px; background:#ffffff;}
.google_login .google span {font-family:'Gotham book',sans-serif; font-weight:700; font-size:22px; color:#3d76d4;}
.google_login .google * {vertical-align:middle;}
.google_login .google:before {display:inline-block; width:33px; height:34px; margin-right:20px; background:url('../images/icon_google.png') no-repeat; vertical-align:middle; content:'';}
*/



#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;
}



@media all and (min-width:768px){
	.login_link li {overflow:hidden; margin-bottom:8px; line-height:32px;}
	.login_link strong {float:left; font-size:16px; color:#626262; font-weight:400;}
	.login_link a {float:right; width:174px; height:32px; color:#fff; letter-spacing:-0.03em; background:#3d3d3f;}
	.login_link a.bg02 {background:#a4a4a4;}
}


@media all and (max-width:1199.9px){
	.member_wrap {width:auto; margin:0 35px; padding:70px 0;}
	.member_wrap.login {margin:110px 35px 100px; padding:70px 0;}

	.m_contents table.join_list th {display:none;}
	

	.m_contents .tt {display:block; margin-top:6px; padding:0;}
	
	

	.join_complete {padding:90px 30px; text-align:center; background:none;}
	.join_complete .txt {padding-right:0;}
	.join_complete .btn_area {margin:35px -30px 0;}
	
	
	.idpw_box .id_box, .idpw_box .pw_box {width:100%;}
	.idpw_box .pw_box {margin-left:0; margin-top:20px;}

	.join_tab li em {height:128px;}
	.join_tab li.last b {padding-top:18px;}

	
}
@media all and (max-width:767.9px){
	.member_wrap {padding:30px 0; margin:0 18px; font-size:14px;}
	.member_wrap.login  {border:0; margin:55px 18px 100px; padding:30px 0;}
	.login_title {padding-bottom:15px;}
	.login_title h2 {padding-top:0; font-size:25px;}
	.sns_login  {margin-top:35px; padding:25px 20px;}
	.sns_login.b_bottom {margin-bottom:25px;}
	.sns_login strong {font-size:20px; font-weight:bold;}
	.sns_login p {font-size:14px;}
	.sns_link li {padding:0 3px;}
	.login_box {width:auto;}
	.login_box .r_row {margin-bottom:6px;}
	.login_box .r_row dt {width:50px; height:45px; background-position:13px center; background-size:20px auto;}
	.login_box .r_row dt:after {height:26px; margin-top:-13px;}
	.login_box .r_row dd {margin-left:50px;}
	.login_box .r_row dd {margin-left:50px;}
	.login_box .r_row input[type="text"],
	.login_box .r_row input[type="password"] {height:45px; font-size:15px;}
	.login_link {margin-top:20px; font-size:0; text-align:center;}
	.login_link li {display:inline-block; position:relative; line-height:25px;}
	.login_link li+li:before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#d3d3d3; content:'';}
	.login_link a {display:block; padding:0 10px; font-size:15px;}
	.login_link strong {display:none;}
	.login_wrap .btn_submit {display:block; width:100%; height:47px; margin-top:10px; border:0; font-size:17px; color:#ffffff; cursor:pointer; background:#262626;}

	.member_wrap .btn_area {margin-top:30px;}
	.btn03 {min-width:130px; height:45px; margin:0 4px !important; font-size:16px; line-height:45px;}

	.htitle_area h2 {font-size:25px; line-height:50px;}
	.htitle_area2 h2 {font-size:25px; line-height:30px; font-weight:bold;}
	.htitle_area2 p {padding-top:10px; font-size:14px;}
	.htitle_area2 .box {margin-top:22px; padding:20px; font-size:15px;}

	.join_tab {margin:20px -1px 0;}
	.join_tab li em {margin:0 1px; height:73px; padding:10px 0;}
	.join_tab li span {font-size:12px;}
	.join_tab li b {font-size:15px;}
	.join_tab li.last b {padding-top:9px;}

	.m_contents {margin-top:25px;}
	.m_contents .htext {font-size:14px; padding-bottom:20px;}
	.m_contents .agree_form {padding-bottom:0;}
	.m_contents h3 {height:auto; margin-bottom:15px; font-size:16px; line-height:1.2;}
	.m_contents h3 span.st {display:block; float:none; position:relative; top:0; margin-top:4px; font-size:11px; text-align:left;}
	.m_contents .point_box {margin-top:20px; padding:15px; font-size:13px;}

	.m_contents table.join_list td {padding:5px 0; border-bottom:0;}
	.m_contents .stext {padding-top:5px; font-size:12px;}
	.m_contents .sbtn1 {height:35px; font-size:13px; line-height:35px;}
	
	.m_con dt a {padding:10px 50px 10px 10px; background-position:96% center; background-size:15px auto;}
	.m_con dd {padding:15px; font-size:14px;}

	.id_wrap {padding-right:120px;}
	.id_wrap .sbtn1 {width:auto; width:115px; min-width:auto; padding:0;}
	.hp_wrap .bar {line-height:35px;}
	.email_wrap .checkbox {width:50%;}
	.email_wrap .checkbox label {padding-top:5px; padding-bottom:5px; line-height:18px;}
	
	.m_contents .tt {margin-top:5px; font-size:12px;}
	.m_contents .tt .checkbox {margin-right:10px;}
	
	.join_complete {padding:40px 15px;}
	.join_complete {font-size:15px;}


	.idpw_box .id_box, .idpw_box .pw_box {padding:20px 20px 30px;}
	.idpw_box h3 {padding:0; padding-bottom:15px;}
	.idpw_box table {display:block; width:90%; margin:10px auto;}
	.idpw_box table th {display:none;}
	.idpw_box table tr,
	.idpw_box table tbody,
	.idpw_box table td {display:block;}
	.idpw_box table th, .idpw_box table td {padding:4px 0;}
	.idpw_box .btn_wrap {margin-top:10px;}
	.idpw_box .btn_submit {width:90%; height:37px; font-size:15px; margin:0 auto;}


	.google_login {margin-top:-50px; padding:40px 15px;}
	.google_login h3 {font-size:20px;}
	.google_login p {margin:5px 0 15px;}
	.google_login a img {width:200px;}
	/*
	.google_login .google {height:40px; line-height:40px;}
	.google_login .google span {font-size:17px;}
	.google_login .google:before {width:20px; height:20px; margin-right:12px; background-size:contain;}
	*/
}