/* ·Î±×ÀÎ */
div.login {padding:40px 40px; text-align:center; }
div.login fieldset {text-align:center; }
div.login h3 {display:block; margin:0 auto; padding-bottom:20px; width:180px; }
div.login h3 img {width:100%; }
div.login div.input_wrap {overflow:hidden; }
div.login div.input_wrap input[type=text] {display:block; padding:13px 10px; box-sizing:border-box;  border:1px solid #bfbfbf;}
div.login div.input_wrap input[type=password] {display:block; padding:13px 10px; margin-top:10px; box-sizing:border-box;  border:1px solid #bfbfbf;}
div.login div.ck_box {padding:10px 0 20px; text-align:left; }
div.login div.ck_box input[type=checkbox] {vertical-align:top;}

div.btn_login {padding-top:20px; }
div.btn_login a {width:100%; }
div.btn_naver {overflow:hidden; padding-top:10px; }
div.btn_naver a.btn_style_green {float:left; width:60%; }
div.btn_naver a.btn_style_gray {float:left; width:39%; margin-left:1%; }

/* ¹öÆ°½ºÅ¸ÀÏ */
a.btn_style_yellow {display:inline-block; width:100px; height:45px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_top_yellow.gif) repeat-x 0 0 #eeb413; }
a.btn_style_blue {display:inline-block; width:100px; height:45px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_top_blue.gif) repeat-x 0 0 #4c7fe0; }
a.btn_style_green {display:inline-block; width:100px; height:35px; padding:16px 0 0 0; font-size:15px; line-height:15px;  vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_top_green.gif) repeat-x 0 0 #2db400; }
a.btn_style_gray {display:inline-block; width:100px; height:45px; padding:16px 0 0 0; font-size:15px; line-height:15px;  color:#fff; font-weight:bold;  vertical-align:top; text-decoration:none; background:url(../images/btn/btn_bg_top_gray.gif) repeat-x 0 0 #585858; }

/* ¹öÆ° ( Á¤¿ëÇÊ °úÀå ) */

a.btn_style_login {display:inline-block; width:; height:50px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff !important; font-weight:bold; text-decoration:none !important; background:url(../images/btn/btn_bg_login.gif) repeat-x 0 0 #2794d3; }

/* ³×ÀÌ¹ö */
div.btn_login_naver {padding-top:10px; }
div.btn_login_naver a {width:100%; }
a.btn_style_login_naver {display:inline-block; width:100px; height:50px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_login_naver.gif) repeat-x 0 0 #2db400; }


/* ÆäÀÌ½ººÏ */
div.btn_login_facebook {padding-top:10px; }
div.btn_login_facebook a {width:100%; }
a.btn_style_login_facebook {display:inline-block; width:100px; height:35px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_login_facebook.gif) repeat-x 0 0 #3659a3; }

/* Ä«Ä«¿ÀÅå */
div.btn_login_kakao {padding-top:10px; }
div.btn_login_kakao a {width:100%; }
a.btn_style_login_kakao {display:inline-block; width:100px; height:50px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_login_kakao.gif) repeat-x 0 0 #efb61a; }

/* È¸¿ø°¡ÀÔ */
div.btn_login_join {padding-top:10px; }
div.btn_login_join a {width:100%; }
a.btn_style_login_join {display:inline-block; width:100px; height:50px; padding:16px 0 0 0; font-size:15px; line-height:15px; vertical-align:top; color:#fff !important; font-weight:bold; text-decoration:none; background:url(../images/btn/btn_bg_login_join.gif) repeat-x 0 0 #efb61a; }


/* È¸¿ø°¡ÀÔ */
div.join_top {padding:20px 10px 50px 0; }
div.join_top h3 {width:85%; margin:0 auto; }
div.join_top h3 img {width:100%; }

div.join {padding:0 10px; }
div.join h4 {font-size:14px; padding-bottom:10px; color:#393939;}
div.join div.join_ck {padding-top:10px; }
 
div.join_btn {padding:20px 0 30px; text-align:center; }
div.join_btn a {width:130px; }

/* È¸¿ø°¡ÀÔ Æû */
div.join_form {padding:20px 0 0 0; }
div.join_form table {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
div.join_form table tbody tr th {width:90px; padding:20px 0;text-align:left; background:#f1f1f1; border-top:1px solid #ddd; }
div.join_form table tbody tr th p,
div.join_form table tbody tr th label {padding-left:10px; color:#505050; width:90px; }
div.join_form table tbody tr td {padding:10px 0; border-top:1px solid #ddd;}
div.join_form table tbody tr td div.sub_table {padding:0 10px; }
div.join_form table tbody tr td div.sub_table span {display:block; padding-top:10px; }
div.join_form table tbody tr td div.sub_table select,
div.join_form table tbody tr td div.sub_table input[type=password],
div.join_form table tbody tr td div.sub_table input[type=text] {padding:10px;  border:1px solid #d1d1d1; box-sizing: border-box;}
div.join_form table tbody tr td div.sub_table a.btn_overlap {display:inline-block; padding:10px 0; margin-top:10px; width:100%; background:#4c7fe0; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border:1px solid #4c7fe0; }

/* °¡ÀÔ¿Ï·á */
div.join_ok {text-align:center; }
div.join_ok p {padding-top:5px; font-size:14px; }
div.join_ok p span {color:#4c7fe0;}







